/* Public preview and account entry share an isolated light visual system. */
.guest-page,.guest-auth{--guest-bg:#fbf9fc;--guest-surface:#ffffff;--guest-line:#e7dfe8;--guest-text:#302a37;--guest-muted:#716779;--guest-accent:#f5b6a7;background:var(--guest-bg);color:var(--guest-text);min-height:100dvh;color-scheme:light;font-family:inherit}
.guest-page *, .guest-auth *{box-sizing:border-box}.guest-header{max-width:1320px;margin:auto;min-height:88px;display:flex;align-items:center;gap:40px;padding:20px 40px;border-bottom:1px solid #e9e0e9}.guest-brand{font-size:30px;font-weight:850;letter-spacing:-1.3px;color:#302a37}.guest-header nav{display:flex;gap:28px;font-size:14px;color:#716779}.guest-header nav a:hover{color:#302a37}.guest-header-actions{display:flex;gap:16px;margin-left:auto;align-items:center}.guest-button,.guest-text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:650;min-height:44px;border-radius:30px;padding:12px 22px;cursor:pointer;text-align:center}.guest-button{background:#f4b7a9;color:#241915;border:1px solid transparent}.guest-button:hover{background:#ffcebf;color:#211513;transform:translateY(-1px)}.guest-button-small{padding:9px 20px}.guest-text-button{background:transparent;color:#625369;padding:10px 4px;border:0}.guest-text-button:hover{color:#302a37}.guest-page :focus-visible,.guest-auth :focus-visible{outline:3px solid #a889bc;outline-offset:4px}.guest-page main{max-width:1240px;margin:auto;padding:0 40px}.guest-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:35px;padding:40px 0 48px;min-height:480px}.guest-eyeline{font-size:12px;letter-spacing:.12em;font-weight:600;color:#8a6b86;display:flex;align-items:center;gap:8px}.guest-eyeline>span{width:7px;height:7px;border-radius:50%;background:#f5b6a7}.guest-hero h1{font-size:clamp(36px,4.6vw,62px);letter-spacing:-.055em;line-height:1.25;font-weight:800;margin:23px 0 20px}.guest-description{font-size:17px;line-height:1.9;color:#786c7c}.guest-hero-actions{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}.guest-members-note{font-size:12px;color:#7c6e81;margin-top:17px}.guest-hero-art{position:relative;max-width:500px;justify-self:end;width:100%}.guest-hero-art>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.guest-art-chip{position:absolute;display:flex;gap:9px;align-items:center;background:#fffffff0;border:1px solid #ecdeed;border-radius:14px;padding:12px 16px;font-size:13px;color:#302a37;box-shadow:0 10px 30px #71556e18}.art-chip-one{top:18%;right:-10px;transform:rotate(7deg)}.art-chip-two{bottom:13%;left:0;transform:rotate(-7deg)}.guest-art-chip .icon{width:19px;height:19px;color:#f4b5a7}
.guest-feed,.guest-circles{scroll-margin-top:24px;padding:38px 0 52px;border-top:1px solid var(--guest-line)}.guest-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.guest-section-heading h2{font-size:28px;letter-spacing:-.04em;margin:7px 0 0}.guest-section-heading .guest-eyeline{font-size:10px;color:#8e68a6}.guest-results,.guest-disclosure{font-size:12px;color:var(--guest-muted);line-height:1.8}.guest-discovery-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0}.guest-filters{display:flex;gap:8px;flex-wrap:wrap}.guest-filters button{border:1px solid #e5dce8;border-radius:24px;padding:9px 17px;color:#706779;background:#ffffff;font-size:13px;min-height:40px}.guest-filters button:hover{border-color:#b49ac1}.guest-filters button.selected{background:#e8defa;color:#30203f;border-color:#e8defa}.guest-discovery-tools button{color:#765889;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:40px}.guest-grid{columns:3;column-gap:20px}.guest-card{break-inside:avoid;border:1px solid #e7dfe8;border-radius:20px;background:#ffffff;overflow:hidden;margin-bottom:20px}.guest-card-author{display:flex;align-items:center;gap:9px;padding:14px 16px;font-size:13px;font-weight:600}.guest-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#f1e8f4;border-radius:50%;font-size:17px}.guest-card-author small{margin-left:auto;font-size:10px;font-weight:400;color:#7c7181;border:1px solid #e1d8e3;border-radius:5px;padding:1px 6px}.guest-media-button{display:block;position:relative;width:100%;overflow:hidden;text-align:left}.guest-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover}.guest-cover.landscape{aspect-ratio:4/3}.guest-cover.portrait{aspect-ratio:4/5}.guest-media-button img{transition:transform .3s}.guest-media-button:hover img{transform:scale(1.035)}.guest-open-label{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:5px;background:#fffffff0;border:1px solid #ffffff20;color:#302a37;border-radius:20px;padding:6px 10px;font-size:11px}.guest-open-label .icon{width:13px;height:13px}.guest-card-body{padding:17px}.guest-post-title{display:block;font-weight:650;font-size:16px;line-height:1.6;text-align:left;color:#332d39}.guest-tag{color:#806099;font-size:12px;margin-top:9px}.guest-card-actions{display:flex;gap:20px;margin-top:17px;padding-top:12px;border-top:1px solid #e9e1eb}.guest-card-actions button{display:flex;align-items:center;gap:7px;color:#796d80;font-size:11px;min-height:30px}.guest-card-actions button:last-child{margin-left:auto}.guest-card-actions button:hover{color:#8b567b}.guest-card-actions .icon{width:18px;height:18px}.guest-poll{display:grid;gap:8px;margin:17px 0}.guest-poll button{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f5eff9;color:#584866;border:1px solid #dfd1e9;border-radius:12px;padding:13px;text-align:left;font-size:13px;min-height:46px}.guest-poll button.selected{background:#e4d9f7;border-color:#e4d9f7;color:#31203f}.guest-poll p{font-size:11px;line-height:1.8;color:#796d80}.guest-empty{column-span:all;text-align:center;padding:60px 16px;background:#ffffff;border-radius:18px}.guest-empty p{margin-bottom:18px}
.guest-record{position:relative;overflow:hidden;background:#c6b2de;aspect-ratio:1.1}.record-disc{position:absolute;width:75%;aspect-ratio:1;border-radius:50%;left:12%;top:14%;background:repeating-radial-gradient(circle,#242027 0 3px,#332c37 4px 5px);box-shadow:15px 15px 0 #79639140}.record-disc i{position:absolute;inset:32%;border-radius:50%;background:#f3c1a7;border:13px solid #cda6ce;box-shadow:inset 0 0 0 3px #e9d0e0}.record-disc i:after{content:'';position:absolute;inset:43%;border-radius:50%;background:#29242e}.record-orbit{position:absolute;border:1px solid #f8eeff88;border-radius:50%;inset:7%;transform:rotate(-20deg) scaleX(1.4)}.record-star{position:absolute;right:9%;top:8%;font-size:58px;color:#fff4d2}.record-note{position:absolute;bottom:2%;left:7%;font-size:70px;transform:rotate(-17deg);color:#68506f}.guest-game{position:relative;overflow:hidden;background:#b7c9bb;aspect-ratio:1.25}.game-grid{position:absolute;inset:10% -20% -50%;background:linear-gradient(90deg,#768f7f55 1px,transparent 1px),linear-gradient(#768f7f55 1px,transparent 1px);background-size:34px 34px;transform:perspective(300px) rotateX(50deg)}.game-block{position:absolute;width:23%;aspect-ratio:1;border-radius:14px;background:#ece0a9;box-shadow:8px 10px #9d9d75}.block-one{left:13%;bottom:20%;transform:rotate(-10deg)}.block-two{right:12%;top:20%;background:#a999c8;box-shadow:8px 10px #85769d;transform:rotate(10deg)}.game-controller{position:absolute;inset:24% 20%;font-size:90px;text-align:center;filter:drop-shadow(8px 12px 0 #53655755);transform:rotate(-15deg)}.game-character{position:absolute;font-size:55px;left:14%;top:8%;color:#fcf5dc}
.guest-circle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px}.guest-circle{display:flex;flex-direction:column;align-items:start;gap:10px;position:relative;border:1px solid #e7dfe8;border-radius:18px;background:#ffffff;padding:24px;text-align:left;min-height:190px;color:#302a37}.guest-circle-icon{font-size:32px;margin-bottom:6px}.guest-circle strong{font-size:18px}.guest-circle>span:not(.guest-circle-icon):not(.guest-circle-arrow){font-size:12px;color:#726777}.guest-circle-arrow{position:absolute;right:21px;top:22px;color:#8b728b;font-size:20px}.guest-circle:hover{transform:translateY(-3px);border-color:#c0a5c5}.guest-circle.peach{background:#fff0e9}.guest-circle.lilac{background:#f0e8fa}.guest-circle.mint{background:#eaf4ee}.guest-circle.yellow{background:#fff6df}.guest-bottom{border:1px solid #e9d7df;background:#fff0f3;border-radius:24px;display:flex;gap:24px;justify-content:space-between;align-items:center;padding:38px;margin:10px 0 60px}.guest-bottom h2{font-size:27px}.guest-bottom p{font-size:13px;color:#7b6672;margin-top:10px}.guest-footer{max-width:1240px;margin:auto;display:flex;align-items:center;gap:25px;padding:0 40px 36px;font-size:11px;color:#756b7c}.guest-footer>span:first-child{font-weight:800;font-size:22px;color:#372d3b}.guest-footer>.guest-text-button{margin-left:auto;font-size:11px}
.guest-preview{padding:24px;line-height:1.9}.guest-preview>.guest-cover{max-height:55vh;width:auto;max-width:100%;object-fit:contain;margin:0 auto 20px;border-radius:14px}.guest-preview>.guest-record,.guest-preview>.guest-game{width:100%;height:300px}.guest-preview-body{white-space:pre-line;margin:14px 0;color:var(--text)}.guest-preview-meta{font-size:12px;color:var(--muted);margin:14px 0}.guest-preview-join{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.guest-preview-join>p{font-size:13px;margin-bottom:15px}.guest-preview-join .guest-text-button{color:var(--text);margin-left:16px}.guest-circle-banner{font-size:68px;text-align:center;background:#ece1f3;border-radius:15px;padding:18px;margin-bottom:20px}
.guest-auth-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:42px 40px 70px;align-items:start}.guest-auth-art{position:sticky;top:30px;margin-top:12px}.guest-auth-art img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:contain}.guest-auth-art h2{font-size:25px;margin-top:15px;letter-spacing:-.03em}.guest-auth-art p{color:#776c7d;font-size:14px;line-height:1.9;margin-top:10px}.guest-auth-art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.guest-auth-art-tags span{padding:7px 13px;border:1px solid #e4d7e8;background:#f4edf8;color:#74577f;border-radius:20px;font-size:12px}.guest-auth .email-login-panel{width:100%;max-width:none;padding:30px 32px;background:#ffffff;border:1px solid #e4dce6;border-radius:24px;box-shadow:0 25px 80px #71566b10}.guest-auth .email-login-panel h1{font-size:29px;letter-spacing:-.04em;line-height:1.4;margin:24px 0 12px;color:#302a37}.guest-auth .email-auth-tabs{background:#f2edf4;border-radius:13px;padding:5px;gap:4px;margin:0;display:grid;grid-template-columns:1fr 1fr}.guest-auth .email-auth-tabs>button{font-size:13px;min-height:40px;border:0;border-radius:9px;padding:8px;color:#75697d;background:transparent}.guest-auth .email-auth-tabs>button.selected{background:#eaddf2;color:#64416f}.guest-auth .email-auth-form{margin:22px 0;gap:18px}.guest-auth .email-auth-form label{font-size:13px;font-weight:500;color:#473a50;line-height:1.6;gap:7px}.guest-auth input:not([type=checkbox]),.guest-auth select,.guest-auth textarea{background:#fbf8fc!important;border:1px solid #ddd3e3!important;color:#302a37!important;border-radius:11px!important;font-size:15px;min-height:47px;padding:11px 13px;width:100%}.guest-auth input::placeholder{color:#8b7e92}.guest-auth input:focus,.guest-auth select:focus{outline:2px solid #a886b8;outline-offset:2px}.guest-auth .email-auth-form .primary{border:0;background:#f4b7a9!important;color:#2b1b17!important;border-radius:12px;min-height:48px;font-size:14px;font-weight:750}.guest-auth .email-auth-form .primary:hover{background:#ffccbe!important}.guest-auth .fineprint,.guest-auth .muted{color:#756879!important;font-size:12px;line-height:1.8}.guest-auth .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.guest-auth .checkbox-label{display:flex;flex-direction:row;gap:9px;font-size:12px!important}.guest-auth input[type=checkbox]{width:18px;height:18px;accent-color:#9672aa;flex-shrink:0}.guest-auth .email-login-panel>.text-button,.guest-auth .login-links>.text-button{color:#71547e;font-size:12px;min-height:36px}.guest-auth .email-auth-error{color:#b93f5e!important}.guest-auth .email-auth-notice,.guest-auth .inline-note{background:#f6eef8;border:1px solid #e0d1e6;color:#6e4276;border-radius:12px;padding:12px;font-size:13px}.guest-auth .email-demo summary{color:#756879}.guest-auth .demo-user{background:#ffffff;border-color:#e0d3e5;color:#362c3f}.guest-auth .demo-user small{color:#786c80}.guest-auth .login-links{border-top:1px solid #e9dfe9;padding-top:14px;margin-top:20px}.guest-auth-context{font-size:12px;line-height:1.8;color:#786c80;margin-top:8px}.guest-back{color:#765a86}.guest-auth .full:disabled{opacity:.45;cursor:not-allowed}
@media(min-width:1600px){.guest-hero-art{max-width:540px}.guest-hero{min-height:550px}}
@media(max-width:950px){.guest-grid{columns:2}.guest-hero{gap:16px;min-height:400px}.guest-header{gap:25px}.guest-discovery-tools{align-items:start;flex-direction:column}.guest-circle-grid{grid-template-columns:repeat(2,1fr)}.guest-auth-layout{gap:28px;padding:32px 25px 60px}.guest-auth .email-login-panel{padding:25px}.guest-auth-art h2{font-size:22px}}
@media(max-width:650px){.guest-header{min-height:72px;padding:15px 20px;gap:14px;flex-wrap:wrap}.guest-brand{font-size:26px}.guest-header nav{order:3;width:100%;gap:24px;font-size:12px;padding:5px 0}.guest-header-actions{gap:13px}.guest-button-small{font-size:12px;padding:8px 15px;min-height:37px}.guest-header-actions>.guest-text-button{font-size:12px;min-height:36px}.guest-page main{padding:0 20px}.guest-hero{grid-template-columns:1fr;gap:0;padding:28px 0 24px;min-height:0}.guest-hero-copy{z-index:1}.guest-eyeline{font-size:10px}.guest-hero h1{font-size:40px;margin:17px 0 15px}.guest-description{font-size:14px;line-height:1.8}.guest-hero-actions{margin-top:20px;gap:18px}.guest-hero-actions .guest-button{font-size:13px;padding:12px 18px}.guest-hero-actions .guest-text-button{font-size:12px}.guest-members-note{font-size:10px;margin-top:12px}.guest-hero-art{max-width:330px;justify-self:center;margin-top:10px}.guest-art-chip{padding:9px 12px;font-size:11px}.art-chip-one{right:0}.guest-section-heading h2{font-size:23px}.guest-feed,.guest-circles{padding:28px 0 35px}.guest-disclosure{font-size:11px}.guest-filters{gap:6px}.guest-filters button{font-size:12px;padding:8px 13px;min-height:36px}.guest-discovery-tools{margin:20px 0;gap:14px}.guest-grid{column-gap:12px}.guest-card{border-radius:14px;margin-bottom:12px}.guest-card-author{padding:10px;gap:6px;font-size:11px}.guest-avatar{width:24px;height:24px;font-size:14px}.guest-card-author small{font-size:8px;padding:0 4px}.guest-card-body{padding:11px}.guest-post-title{font-size:13px}.guest-tag{font-size:10px}.guest-card-actions{gap:10px;margin-top:12px;padding-top:9px}.guest-card-actions button span{display:none}.guest-card-actions .icon{width:17px;height:17px}.guest-open-label{padding:4px 7px;font-size:9px;bottom:8px;right:8px}.guest-poll{gap:6px}.guest-poll button{font-size:10px;padding:8px 7px;min-height:41px}.guest-poll p{font-size:9px}.game-controller{font-size:50px}.game-character{font-size:30px}.record-note{font-size:40px}.record-star{font-size:35px}.record-disc i{border-width:7px}.guest-circle-grid{gap:12px;margin-top:20px}.guest-circle{padding:18px;min-height:170px}.guest-circle-icon{font-size:27px}.guest-circle strong{font-size:16px}.guest-circle>span:not(.guest-circle-icon):not(.guest-circle-arrow){font-size:11px}.guest-bottom{padding:25px;align-items:start;flex-direction:column;gap:20px;margin:5px 0 35px}.guest-bottom h2{font-size:23px}.guest-footer{padding:0 20px 25px;gap:12px;flex-wrap:wrap}.guest-footer>.guest-text-button{margin-left:0}.guest-footer>span:nth-child(2){width:calc(100% - 75px);font-size:10px}.guest-auth .guest-header nav{display:none}.guest-auth-layout{display:flex;flex-direction:column;gap:18px;padding:18px 20px 40px}.guest-auth-art{position:relative;top:auto;margin:0;width:100%;height:145px;overflow:hidden;display:flex;align-items:center;gap:12px}.guest-auth-art img{width:155px;flex-shrink:0}.guest-auth-art h2{font-size:17px;margin:0}.guest-auth-art p{font-size:11px;margin:0;max-width:170px}.guest-auth-art-tags{display:none}.guest-auth .email-login-panel{padding:24px 20px;border-radius:20px}.guest-auth .email-login-panel h1{font-size:25px}.guest-auth .form-grid{grid-template-columns:1fr}.guest-auth .email-auth-form{gap:17px}.guest-preview{padding:20px}.guest-preview>.guest-record,.guest-preview>.guest-game{height:230px}}
@media(max-width:360px){.guest-grid{columns:1}.guest-hero-actions{gap:10px}.guest-header{padding:13px 15px}.guest-header-actions{gap:9px}.guest-auth-layout{padding:15px}.guest-poll button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.guest-page *,.guest-auth *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.guest-auth-caption{min-width:0}.guest-auth-art p{font-size:14px;line-height:1.9;color:#776c7d;margin-top:10px}@media(max-width:650px){.guest-auth-art p{font-size:11px;margin-top:7px}}

.guest-hero-art img,.guest-auth-art img{mix-blend-mode:normal}@media(max-width:650px){.guest-hero-art{max-width:270px}.guest-auth input:not([type=checkbox]),.guest-auth select{font-size:16px}}

/* The public home: a compact introduction followed by browsable topics. */
.guest-page main{max-width:1320px}
.guest-page .guest-header{border-bottom-color:#ebe3ec}
.guest-page .guest-hero{position:relative;overflow:hidden;min-height:390px;margin:30px 0 0;padding:42px 58px;grid-template-columns:1fr 1fr;gap:0;border:1px solid #ecdfea;border-radius:28px;background:radial-gradient(ellipse at 75% 42%,#dcc8f75c 0,transparent 39%),radial-gradient(ellipse at 12% 105%,#ffd5c966 0,transparent 45%),#fff5f8}
.guest-page .guest-hero:before{content:'';position:absolute;width:250px;height:250px;left:-135px;top:-135px;border:1px solid #ffffff99;border-radius:50%;box-shadow:0 0 0 36px #ffffff50,0 0 0 72px #ffffff30;pointer-events:none}
.guest-page .guest-hero-copy{position:relative;z-index:1}
.guest-page .guest-eyeline>span{box-shadow:0 0 14px #f5b6a7}
.guest-page .guest-hero h1{font-size:clamp(34px,3.8vw,52px);margin:17px 0 14px;line-height:1.2}
.guest-heading-dot{color:#bb7da6}
.guest-page .guest-description{font-size:15px;line-height:1.8;color:#796775}
.guest-page .guest-hero-actions{margin-top:22px}
.guest-page .guest-members-note{color:#7e6e80}
.guest-page .guest-hero-art{align-self:center;max-width:400px;justify-self:center;margin:-60px -5px -70px 0}
.guest-page .guest-hero-art>img{position:relative;z-index:1}
.guest-page .guest-art-chip{z-index:2;backdrop-filter:blur(10px);background:#fffffff0;border-color:#f1dfe9;box-shadow:0 12px 30px #896c8320}
.guest-page .art-chip-one{top:23%;right:-12px}.guest-page .art-chip-two{bottom:19%;left:-20px}
.guest-art-spark{position:absolute;z-index:2;color:#bb8fca;pointer-events:none}.spark-one{top:17%;left:13%;font-size:30px}.spark-two{right:9%;bottom:17%;font-size:25px;color:#dca47e}
.guest-topics{padding:35px 0 36px}
.guest-topics-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:17px}
.guest-topics-heading h2{font-size:22px;letter-spacing:-.04em;margin:6px 0 0}
.guest-topics-heading .guest-eyeline{font-size:10px;color:#8e68a6}
.guest-topics-heading>span{font-size:12px;color:#716779}
.guest-topic-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.guest-topic{position:relative;display:flex;align-items:center;gap:13px;min-width:0;min-height:92px;padding:16px;border-radius:18px;border:1px solid #ffffff66;text-align:left;color:#302a37;transition:transform .2s,border-color .2s}
.guest-topic:hover{transform:translateY(-3px);border-color:#d5b8df}
.guest-topic.photo{background:linear-gradient(130deg,#ffe2df,#fff1ed)}.guest-topic.illustration{background:linear-gradient(130deg,#f3def5,#faf0fa)}.guest-topic.music{background:linear-gradient(130deg,#e8e0ff,#f3eeff)}.guest-topic.gaming{background:linear-gradient(130deg,#dcf1e7,#edf8f1)}.guest-topic.study{background:linear-gradient(130deg,#ffedc5,#fff6df)}
.guest-topic-emoji{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:none;border-radius:15px;background:#ffffff99;font-size:25px}
.guest-topic small,.guest-topic strong{display:block}.guest-topic small{font-size:9px;letter-spacing:.11em;color:#896f91;margin-bottom:5px}.guest-topic strong{font-size:15px}.guest-topic-arrow{position:absolute;right:13px;top:11px;font-size:15px;color:#94729b}
.guest-page .guest-feed{padding-top:35px}
.guest-page .guest-circle{overflow:hidden}.guest-page .guest-circle:after{content:'';position:absolute;right:-25px;bottom:-52px;width:120px;height:120px;border:1px solid #e9e0e9;border-radius:50%;box-shadow:0 0 0 18px #ffffff05}
@media(max-width:950px){.guest-page .guest-hero{min-height:340px;padding:38px 34px}.guest-page .guest-hero-art{max-width:345px}.guest-topic-list{grid-template-columns:repeat(5,minmax(135px,1fr));overflow-x:auto;padding:0 0 7px;scrollbar-width:none}.guest-topic-list::-webkit-scrollbar{display:none}.guest-topic{min-height:82px;padding:13px}.guest-topic-emoji{width:40px;height:40px;font-size:22px}}
@media(max-width:650px){.guest-page .guest-hero{display:grid;grid-template-columns:1fr 140px;align-items:center;min-height:0;margin-top:18px;padding:25px 20px 22px;gap:0;border-radius:22px}.guest-page .guest-hero h1{font-size:clamp(27px,7vw,38px);margin:13px 0}.guest-page .guest-description{font-size:12px;line-height:1.7}.guest-page .guest-hero-actions{gap:5px 14px;margin-top:15px}.guest-page .guest-hero-actions .guest-button{font-size:12px;padding:10px 14px;min-height:40px}.guest-page .guest-hero-actions .guest-text-button{font-size:11px;min-height:32px}.guest-page .guest-members-note{font-size:10px;line-height:1.6}.guest-page .guest-hero-art{width:175px;max-width:none;margin:0 -22px 0 -10px}.guest-page .guest-art-chip{font-size:9px;padding:6px 8px;gap:4px;border-radius:10px}.guest-page .guest-art-chip .icon{width:13px;height:13px}.guest-page .art-chip-one{top:20%;right:0}.guest-page .art-chip-two{left:0;bottom:14%}.spark-one{font-size:18px}.spark-two{font-size:16px}.guest-topics{padding:28px 0}.guest-topics-heading h2{font-size:19px}.guest-topics-heading>span{font-size:10px}.guest-topic-list{grid-template-columns:repeat(5,135px);gap:9px}.guest-topic{border-radius:15px}.guest-topic strong{font-size:13px}.guest-page .guest-feed{padding-top:27px}}
@media(max-width:390px){.guest-page .guest-hero{grid-template-columns:minmax(0,1fr) 110px;padding:22px 16px}.guest-page .guest-hero-art{width:145px;margin-right:-25px}.guest-page .art-chip-one{right:12px}.guest-page .guest-description{font-size:12px}.guest-page .guest-hero h1{font-size:27px}.guest-page .guest-members-note{font-size:10px}.guest-topics-heading>span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.guest-page .guest-topic{transition:none}.guest-page .guest-topic:hover{transform:none}}
/* Compact cards keep more posts visible without shrinking the reading text. */
@media(min-width:651px){
  .guest-grid{columns:5 200px;column-gap:12px}
  .guest-card{border-radius:12px;margin-bottom:12px}
  .guest-card-author{padding:10px 12px}
  .guest-card .guest-cover{aspect-ratio:1;max-height:220px}
  .guest-card-body{padding:12px}
  .guest-post-title{font-size:14px}
  .guest-card-actions{gap:12px;margin-top:12px;padding-top:8px}
  .guest-page .guest-circle{min-height:148px;padding:18px;gap:7px}
  .guest-page .guest-circle-icon{font-size:27px;margin-bottom:2px}
  .guest-page .guest-circle strong{font-size:16px}
}
/* Guest pages stay light even when the device or saved member theme is dark. */
html:has(.guest-page),html:has(.guest-auth){--canvas:#fbf9fc;--surface:#ffffff;--surface-2:#f5f0f7;--paper:#ffffff;--border:#e5dce8;--line:#e5dce8;--text:#302a37;--ink:#302a37;--muted:#796d80;--subtext:#796d80;--green:#896194;--green-dark:#704d7d;--soft:#f3ebf7;color-scheme:light!important;background:#fbf9fc;color:#302a37}
.guest-page,.guest-auth{--surface:#ffffff;--surface-2:#f5f0f7;--border:#e5dce8;--line:#e5dce8;--text:#302a37;--muted:#796d80;--subtext:#796d80;--green:#896194}
.guest-auth .guest-header{border-bottom-color:#e9e0e9}
.guest-card{box-shadow:0 4px 18px #846a8c08}
.guest-page .guest-hero{box-shadow:0 12px 44px #a981a20a}
.guest-preview .guest-cover.square{background:#faf5fc}
html:has(.guest-auth) .guest-auth .inline-note,html:has(.guest-auth) .guest-auth .email-auth-notice{background:#f6eef8;border-color:#e0d1e6;color:#6e4276}
.guest-hero-sns{white-space:nowrap}
@media(max-width:650px){.guest-page .guest-hero h1{font-size:clamp(22px,6vw,28px);line-height:1.32}.guest-hero-sns{display:block}}
.guest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-auto-rows:1fr;gap:12px;columns:auto}
.guest-card{display:flex;flex-direction:column;margin:0;min-width:0}
.guest-card .guest-cover{width:100%;aspect-ratio:1;max-height:220px;object-fit:cover}
.guest-card-body{display:flex;flex:1;flex-direction:column}
.guest-card-actions{margin-top:auto;padding-top:12px}
.guest-empty{grid-column:1/-1}
@media(max-width:650px){.guest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* Browse by interest with round icons and compact horizontal circle cards. */
.guest-topics{padding:30px 0 34px}
.guest-topic-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.guest-topic{min-height:112px;padding:8px 4px 10px;border:0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:transparent!important;color:#49364e;text-align:center}
.guest-topic-emoji{position:relative;display:grid;place-items:center;flex:none;width:68px;height:68px;margin:0;border:3px solid #fff;border-radius:50%;font-size:30px;box-shadow:0 5px 16px #a38ca32b;transition:transform .2s,box-shadow .2s}
.guest-topic.photo .guest-topic-emoji{background:linear-gradient(145deg,#ffc7be,#ffe4dd)}
.guest-topic.illustration .guest-topic-emoji{background:linear-gradient(145deg,#e2c4f4,#f5def6)}
.guest-topic.music .guest-topic-emoji{background:linear-gradient(145deg,#d2c6ff,#ebe4ff)}
.guest-topic.gaming .guest-topic-emoji{background:linear-gradient(145deg,#bce8d3,#def7e9)}
.guest-topic.study .guest-topic-emoji{background:linear-gradient(145deg,#ffdf9e,#fff0cb)}
.guest-topic strong{font-size:14px;line-height:1.4}
.guest-topic:hover{transform:none}
.guest-topic:hover .guest-topic-emoji{transform:translateY(-4px) rotate(-4deg);box-shadow:0 9px 18px #a38ca342}
.guest-topics-heading h2:after,.guest-circles .guest-section-heading h2:after{content:' ✦';color:#d69ac7;font-size:.65em;vertical-align:middle}
.guest-circle-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.guest-page .guest-circle{min-width:0;min-height:108px;display:flex;flex-direction:row;align-items:center;gap:13px;padding:15px;border-radius:16px;border-color:#eadfea;box-shadow:0 5px 20px #96749e0c}
.guest-page .guest-circle .guest-circle-icon{display:grid;place-items:center;flex:none;width:58px;height:58px;margin:0;border-radius:16px;background:#ffffffc9;font-size:29px}
.guest-circle-copy{min-width:0;display:flex;flex-direction:column;align-items:start;gap:4px;padding-right:7px}
.guest-circle-copy strong{font-size:15px;line-height:1.4;color:#453449}
.guest-circle-copy>span{font-size:11px;line-height:1.6;color:#756779}
.guest-page .guest-circle-arrow{right:10px;top:9px;font-size:16px;color:#a47fa5}
.guest-page .guest-circle.peach{background:linear-gradient(130deg,#fff0e9,#fff8f4)}
.guest-page .guest-circle.lilac{background:linear-gradient(130deg,#f1e9fc,#faf6ff)}
.guest-page .guest-circle.mint{background:linear-gradient(130deg,#e4f5ed,#f5fcf8)}
.guest-page .guest-circle.yellow{background:linear-gradient(130deg,#fff2d5,#fffaf0)}
.guest-page .guest-card{transition:box-shadow .2s,transform .2s}
.guest-page .guest-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #96749e1f}
.guest-page .guest-card:nth-child(4n+1) .guest-avatar{background:#fce5e6}
.guest-page .guest-card:nth-child(4n+2) .guest-avatar{background:#e8f5eb}
.guest-page .guest-card:nth-child(4n+3) .guest-avatar{background:#eee8fb}
.guest-page .guest-card:nth-child(4n) .guest-avatar{background:#fff1d2}
.guest-page .guest-tag{align-self:flex-start;padding:4px 9px;border-radius:999px;background:#f2e9f9;color:#77528b}
.guest-page .guest-tag[data-guest-filter="写真"]{background:#ffebe7;color:#965b60}
.guest-page .guest-tag[data-guest-filter="ゲーム"]{background:#e4f4ea;color:#4c7c62}
.guest-page .guest-tag[data-guest-filter="勉強"]{background:#fff1d3;color:#846729}
.guest-page .guest-card-actions button:active .icon{transform:scale(.88)}
@media(max-width:950px){.guest-circle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.guest-topic-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;overflow-x:visible;padding:0 0 8px}.guest-topic{min-height:94px;gap:7px}.guest-topic-emoji{width:min(60px,14vw);height:min(60px,14vw);font-size:24px}.guest-topic strong{font-size:12px}.guest-page .guest-circle{min-height:96px;padding:11px;gap:9px}.guest-page .guest-circle .guest-circle-icon{width:42px;height:42px;font-size:23px;border-radius:12px}.guest-circle-copy strong{font-size:13px}.guest-circle-copy>span{font-size:10px}.guest-page .guest-circle-arrow{right:7px;top:5px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.guest-page .guest-card,.guest-topic-emoji{transition:none!important}.guest-page .guest-card:hover,.guest-topic:hover .guest-topic-emoji{transform:none!important}}