:root{--void-black:#0f0b08;--canvas:#14110e;--canvas-warm:#1b1510;--surface:#1c1611;--surface-high:#27201a;--surface-lift:#332a22;--line:#3d332a;--line-soft:#3f352a26;--ink:#f7f1ea;--ink-soft:#cfc3b8;--faint:#9c9186;--pulse:#e8a858;--pulse-deep:#b06f1e;--amber:#e8a858;--amber-deep:#b06f1e;--cream:#f7f2e8;--accent-bronze:#c89259;--accent-coral:#ed8a5a;--accent-terracotta:#d98763;--accent-rose:#e89a78;--accent-honey:#e8b25e;--accent-ember:#e07a52;--bg-app:var(--canvas);--surface-card:var(--surface);--surface-raised:var(--surface-high);--border:var(--line);--border-hair:var(--line-soft);--text-body:var(--ink);--text-muted:var(--ink-soft);--text-faint:var(--faint);--text-on-accent:var(--void-black);--accent:var(--pulse);--accent-strong:var(--pulse-deep);--action-positive:var(--pulse);--action-notnow:var(--faint);--app-gradient:linear-gradient(135deg, var(--void-black) 0%, var(--canvas) 54%, var(--canvas-warm) 100%);--photo-scrim:linear-gradient(to bottom, #08070866 0%, transparent 22%, #08070826 68%, #070708d9 100%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--space-7:48px;--screen-margin:22px;--radius-card:34px;--radius-sheet:30px;--radius-panel:26px;--radius-bubble:20px;--radius-md:18px;--radius-sm:13px;--radius-pill:999px;--shadow-bloom:#e8a85824;--shadow-soft:0 18px 30px #0000006b, 0 10px 44px -18px var(--shadow-bloom);--shadow-card:0 22px 50px #0000007a, 0 12px 44px -18px var(--shadow-bloom);--shadow-sheet:0 18px 36px #0000006b;--dur-micro:.11s;--dur-short:.22s;--dur-medium:.32s;--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.7, 0, .84, 0);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font-sans:Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--font-display:var(--font-sans);--weight-regular:400;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--display-lg-size:40px;--display-lg-weight:700;--display-lg-tracking:-1.2px;--display-lg-leading:1.04;--display-md-size:32px;--display-md-weight:700;--display-md-tracking:-.9px;--display-md-leading:1.06;--display-sm-size:28px;--display-sm-weight:700;--display-sm-tracking:-.6px;--display-sm-leading:1.08;--headline-lg-size:24px;--headline-lg-weight:800;--headline-lg-tracking:-.7px;--headline-lg-leading:1.08;--headline-md-size:20px;--headline-md-weight:800;--headline-md-tracking:-.55px;--headline-md-leading:1.1;--title-size:18px;--title-weight:800;--title-tracking:-.3px;--title-leading:1.16;--body-size:14.5px;--body-weight:400;--body-leading:1.42;--body-sm-size:12.5px;--body-sm-weight:400;--body-sm-leading:1.34;--body-sm-tracking:.05px;--label-size:11px;--label-weight:700;--label-tracking:1.4px;color:var(--ink);background:var(--void-black);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;--soft:var(--ink-soft);--gold:var(--pulse);--danger-bg:#3b2019;--danger-line:#8c4c33;--danger-ink:#ffc1a8;--success-bg:#253021;--success-ink:#dcebbd;--shadow:0 18px 48px #00000042}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#0f0b08;min-width:0;overflow-x:clip}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.screen-reader-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #e8a858d9}.eyebrow{color:var(--gold);letter-spacing:.17em;text-transform:uppercase;font-size:11px;font-weight:800}.primary-button,.quiet-button,.secondary-button,.text-button,.danger-button,.sign-out-button,.inline-action{border:0;border-radius:14px;font-weight:750}.primary-button{background:var(--gold);color:#17100b;justify-content:center;align-items:center;min-height:52px;padding:0 20px;display:inline-flex}.primary-button:hover{background:#f0b464}.quiet-button,.secondary-button{background:var(--surface-high);color:var(--ink);min-height:44px;padding:0 16px}.quiet-button:hover,.secondary-button:hover{background:var(--surface-lift)}.text-button,.inline-action{color:var(--gold);background:0 0;align-items:center;min-height:44px;padding:6px 0;display:inline-flex}.danger-button{color:#fff4ec;background:#7c3828;min-height:44px;padding:0 16px}.full-width{width:100%}.portrait-placeholder,.portrait-fallback,.large-portrait-fallback{background:var(--surface-high);color:var(--soft);justify-content:center;align-items:center;display:flex}.error-banner,.notice-banner,.billing-notice{border:1px solid #0000;border-radius:14px;margin:14px 0 0;padding:12px 14px;font-size:14px;line-height:1.55}.error-banner{background:var(--danger-bg);border-color:var(--danger-line);color:var(--danger-ink)}.notice-banner{background:var(--success-bg);color:var(--success-ink);border-color:#596e45}.billing-notice{color:#f0c78e;background:#2e2419;border-color:#765227;justify-content:space-between;align-items:center;gap:10px;max-width:760px;margin:12px auto 0;display:flex}.billing-notice button{color:inherit;background:0 0;border:0;min-height:44px;padding:6px;font-weight:750}.auth-page{background:radial-gradient(circle at 17% 15%, #50301657, transparent 36%), linear-gradient(140deg, #0f0b08, var(--canvas-warm));grid-template-columns:minmax(280px,470px) minmax(320px,430px);justify-content:center;align-items:center;gap:clamp(32px,7vw,120px);min-height:100dvh;padding:clamp(24px,5vw,80px);display:grid}.auth-story{max-width:470px}.auth-story h1{letter-spacing:-.065em;margin:16px 0 20px;font-size:clamp(38px,4.3vw,66px);line-height:1.13}.auth-story p{color:var(--soft);margin:0;font-size:16px;line-height:1.75}.auth-story .auth-disclosure{color:var(--faint);max-width:390px;margin-top:20px;font-size:13px}.auth-value-proof{align-items:center;gap:12px;max-width:430px;margin-top:20px;display:flex}.auth-value-proof p{color:var(--soft);font-size:13px;line-height:1.65}.auth-value-portrait{background:var(--surface-2);object-fit:cover;border:1px solid #ffffff24;border-radius:14px;flex:none;width:52px;height:64px;overflow:hidden}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#1e1813f2;border-radius:30px;padding:clamp(22px,3vw,34px)}.auth-card h2{letter-spacing:-.035em;margin:0 0 22px;font-size:24px}.auth-switch{border-bottom:1px solid var(--line);gap:22px;margin-bottom:24px;display:flex}.auth-switch button{color:var(--faint);background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:0 0 12px}.auth-switch button.active{border-color:var(--gold);color:var(--ink);font-weight:750}.auth-card form,.auth-card label{gap:8px;display:grid}.auth-card form{gap:16px}.auth-card label{color:var(--soft);font-size:13px}.auth-card input,.onboarding-input-label input,.bug-report-form input,.bug-report-form textarea,.profile-edit-form input,.profile-edit-form select,.profile-edit-form textarea,.report-field textarea,.report-field select,.settings-line select,.composer textarea{border:1px solid var(--line);color:var(--ink);background:#120f0c;border-radius:13px;outline:none;width:100%;min-width:0;padding:13px 14px}.auth-card input:focus,.onboarding-input-label input:focus,.bug-report-form input:focus,.bug-report-form textarea:focus,.profile-edit-form input:focus,.profile-edit-form select:focus,.profile-edit-form textarea:focus,.report-field textarea:focus,.report-field select:focus,.settings-line select:focus,.composer textarea:focus{border-color:var(--gold)}.auth-card form .primary-button{width:100%}.auth-card label small{color:var(--faint)}.auth-divider{color:var(--faint);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.google-button{width:100%;min-height:44px;overflow:hidden}.auth-reset{margin-top:14px}.back-button{color:var(--soft);background:0 0;border:0;min-height:44px;padding:6px 0}.onboarding-page,.starter-page{background:radial-gradient(circle at 50% 12%, #71421b47, transparent 35%), linear-gradient(150deg, #0f0b08, var(--canvas));justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.onboarding-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;width:100%;max-width:580px;padding:clamp(22px,4vw,40px)}.onboarding-header{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.back-button.icon-only{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.progress-bar{background:var(--surface-high);border-radius:999px;height:6px;overflow:hidden}.progress-bar span{background:var(--gold);border-radius:inherit;height:100%;transition:width .18s ease-out;display:block}.progress-number{color:var(--faint);font-size:12px}.onboarding-step{margin-top:36px}.onboarding-step h1,.starter-card h1{letter-spacing:-.055em;margin:10px 0 12px;font-size:clamp(29px,4vw,40px);line-height:1.25}.onboarding-step>p{color:var(--soft);margin:0;line-height:1.65}.onboarding-input-label{color:var(--soft);gap:8px;margin-top:28px;font-size:13px;display:grid}.choice-block{border:0;margin:26px 0 0;padding:0}.choice-block legend{color:var(--soft);margin-bottom:10px;font-size:13px}.choice-block>div{gap:9px;display:grid}.choice-block button{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:16px;min-height:54px;padding:12px 16px}.choice-block button:hover,.choice-block button.selected{border-color:var(--gold);background:#362817}.onboarding-next{width:100%;margin-top:30px}.prototype-onboarding-header{grid-template-columns:auto minmax(90px,1fr) 44px}.onboarding-skip-button{color:var(--soft);text-align:left;background:0 0;border:0;min-height:44px;padding:6px 0}.onboarding-dots{justify-content:center;align-items:center;gap:7px;display:flex}.onboarding-dots span{background:var(--line);border-radius:999px;width:7px;height:7px;transition:width .18s ease-out,background .18s ease-out}.onboarding-dots span.active{background:var(--gold);width:24px}.prototype-onboarding-step{margin-top:clamp(42px,9vh,82px)}.prototype-onboarding-step>.eyebrow{color:var(--gold)}.prototype-choice-list{gap:11px;margin-top:30px;display:grid}.prototype-choice-list button{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:20px;justify-content:space-between;align-items:center;min-height:62px;padding:14px 18px;font-size:16px;transition:background .16s ease-out,border-color .16s ease-out,transform .16s ease-out;display:flex}.prototype-choice-list button:hover,.prototype-choice-list button.selected{border-color:var(--gold);background:#362817;transform:translateY(-1px)}.prototype-choice-list button>span:last-child{color:var(--gold);font-size:25px;line-height:1}.onboarding-saving{color:var(--gold);text-align:center;margin:22px 0 0}.onboarding-skip-panel{text-align:center;justify-items:center;max-width:440px;margin:clamp(46px,10vh,86px) auto 12px;display:grid}.skip-friend-mark{color:var(--gold);background:#362817;border:1px solid #76542d;border-radius:50%;justify-content:center;align-items:center;width:78px;height:78px;font-size:30px;display:flex}.onboarding-skip-panel h1{letter-spacing:-.05em;margin:24px 0 10px;font-size:clamp(28px,5vw,38px)}.onboarding-skip-panel>p{color:var(--soft);margin:0;line-height:1.7}.onboarding-skip-panel>div{gap:10px;width:100%;margin-top:28px;display:grid}.onboarding-skip-panel .secondary-button{min-height:50px}.starter-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:34px;width:100%;max-width:540px;padding:clamp(24px,4vw,44px);overflow:hidden}.starter-portrait-wrap{max-width:96px;margin:22px auto 16px}.starter-portrait-wrap img,.starter-portrait-wrap .portrait-fallback{border:1px solid var(--line);object-fit:cover;border-radius:50%;width:96px;height:96px}.starter-kicker,.starter-role{color:var(--soft);margin:0}.starter-summary{color:var(--soft);max-width:410px;margin:16px auto 0;line-height:1.7}.starter-disclosure{color:var(--faint);max-width:420px;margin:22px auto 0;font-size:12px;line-height:1.65}.starter-actions{margin-top:26px;display:grid}.starter-actions .primary-button{width:100%}.starter-later-note{color:var(--faint);margin:14px 0 0;font-size:12px;line-height:1.6}.starter-later-button{width:100%;margin-top:8px}.starter-empty{max-width:480px}.prompt-chip-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.prompt-chip-list span{color:#f0c78e;border:1px solid #78582e;border-radius:999px;padding:7px 10px;font-size:12px}.starter-introduction-previews{border-top:1px solid var(--line);text-align:left;margin-top:28px;padding-top:24px}.starter-introduction-previews h2{letter-spacing:-.035em;margin:7px 0;font-size:19px}.starter-introduction-previews .starter-kicker{color:var(--gold);font-size:12px;font-weight:750}.starter-introduction-previews .starter-summary{max-width:none;margin:8px 0 0;font-size:13px}.starter-introduction-list{gap:10px;margin-top:16px;display:grid}.starter-introduction-preview{background:var(--surface-high);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;display:grid}.starter-introduction-profile{min-width:0;padding:0}.starter-introduction-profile img,.starter-introduction-profile .context-avatar{border-radius:13px;width:48px;height:48px}.starter-introduction-preview .primary-button{white-space:nowrap;min-height:44px;padding:7px 10px;font-size:12px}.app-loading{color:var(--soft);text-align:center;background:radial-gradient(circle at 50% 20%,#6239184d,#0000 34%),#0f0b08;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.app-error{flex-direction:column;gap:16px}.product-shell{background:linear-gradient(132deg, var(--canvas), var(--canvas-warm));grid-template-columns:210px minmax(0,1fr) clamp(300px,24vw,340px);width:100%;min-height:100dvh;display:grid}.desktop-rail{border-right:1px solid var(--line);flex-direction:column;min-width:0;padding:22px 14px;display:flex}.wordmark,.mobile-wordmark{color:var(--ink);letter-spacing:-.055em;background:0 0;border:0;padding:7px 4px;font-size:19px;font-weight:800}.rail-navigation{gap:4px;margin-top:18px;display:grid}.rail-nav-button{color:var(--faint);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:800;display:flex}.rail-nav-button span{align-items:center;line-height:1;display:flex}.rail-nav-button:hover{background:var(--surface-high);border-color:var(--line);color:var(--gold)}.rail-nav-button.active{background:color-mix(in srgb, var(--pulse) 9%, transparent);color:var(--pulse);border-color:#0000}.rail-billing{border:1px solid color-mix(in srgb, var(--pulse) 33%, transparent);color:var(--gold);text-align:center;background:0 0;border-radius:12px;min-height:40px;margin-top:auto;padding:0 12px;font-size:13px;font-weight:800}.rail-billing:disabled{opacity:.55;color:var(--faint);cursor:progress}.product-main{justify-content:center;min-width:0;padding:0;display:flex}.product-column{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);box-sizing:border-box;flex-direction:column;width:640px;min-width:0;padding:0 26px 52px;display:flex}.product-header{justify-content:flex-end;align-items:center;height:88px;display:flex}.mobile-wordmark{display:none}.header-actions{align-items:center;gap:10px;display:flex}.toki-balance-chip{color:#f0c578;background:0 0;border:1px solid #73552d;border-radius:999px;align-items:center;gap:5px;min-height:44px;padding:0 13px;font-size:13px;font-weight:750;display:inline-flex}button.toki-balance-chip:hover{background:#302315}.context-toggle{background:var(--surface-high);border:1px solid var(--line);color:var(--soft);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:none}.account-menu{position:relative}.account-button{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.account-dropdown{background:var(--surface-high);border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;border-radius:16px;gap:5px;min-width:220px;padding:14px;display:grid;position:absolute;top:46px;right:0}.account-dropdown small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-dropdown button{border:0;border-top:1px solid var(--line);color:var(--gold);text-align:left;background:0 0;margin-top:7px;padding:12px 0 0}.network-banner{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;max-width:1080px;margin:0 auto 20px;padding:12px 14px;font-size:13px;display:flex}.network-banner>div{gap:8px;display:flex}.network-banner button{color:inherit;background:0 0;border:0;min-height:44px;padding:4px;font-weight:750}.content-view{width:100%;min-width:0;max-width:1080px;margin:22px auto 0}.section-heading{max-width:670px}.section-heading-inline{justify-content:space-between;align-items:end;max-width:none;display:flex}.section-heading h1{letter-spacing:-.06em;margin:10px 0 14px;font-size:clamp(31px,3.1vw,45px);line-height:1.18}.section-heading p{color:var(--soft);margin:0;line-height:1.7}.messages-count{border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:7px 11px;font-size:13px}.context-panel{border-left:0;flex-direction:column;min-width:0;padding:112px clamp(20px,2vw,30px) 30px;display:flex;overflow:auto}.context-panel>h2{letter-spacing:-.035em;margin:9px 0;font-size:20px}.context-panel>p{color:var(--soft);margin:0;font-size:13px;line-height:1.65}.context-section{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.context-section h3{color:var(--faint);letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.context-empty{color:var(--faint);margin:0;font-size:13px;line-height:1.6}.context-line{background:color-mix(in srgb, var(--surface-high) 69%, transparent);color:var(--ink);text-align:left;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:9px;width:100%;padding:9px 10px;display:flex}.context-line+.context-line{margin-top:8px}button.context-line:hover{border-color:color-mix(in srgb, var(--pulse) 40%, transparent);color:var(--gold)}.context-introduction{border:1px dashed color-mix(in srgb, var(--pulse) 27%, transparent)}.context-line img,.context-avatar{border:1px solid var(--line);object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.context-avatar{background:var(--surface-high);justify-content:center;align-items:center;display:inline-flex}.context-line>span{gap:3px;min-width:0;display:grid}.context-line small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-signal-chip{background:color-mix(in srgb, var(--pulse) 6%, transparent);border:1px solid color-mix(in srgb, var(--pulse) 18%, transparent);border-radius:999px;justify-self:start;align-items:baseline;gap:5px;max-width:100%;padding:2px 8px;font-style:normal;line-height:1.5;display:inline-flex}.context-signal-chip span:first-child{color:var(--gold);white-space:nowrap;font-size:11px;font-weight:900}.context-signal-chip span:last-child{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;overflow:hidden}.context-intro-reason{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;line-height:1.5;overflow:hidden}.context-referral{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:8px;margin-top:auto;padding:15px;display:grid;position:sticky;bottom:0}.context-referral h3{letter-spacing:-.02em;margin:0;font-size:14px}.context-referral>p{color:var(--faint);margin:0;font-size:12px;line-height:1.55}.context-referral-code-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.context-referral-code-row .inline-action{flex:none;font-size:13px}.context-referral-reach{color:var(--faint);font-size:12px;line-height:1.5}.context-referral-notice{color:var(--success-ink);font-size:12px;line-height:1.5}.context-referral-error{color:var(--danger-ink);font-size:12px;line-height:1.5}.compact-context-panel{z-index:15;background:#0c0907b8;position:fixed;inset:0}.compact-context-drawer{background:var(--canvas-warm);border-left:1px solid var(--line);box-shadow:var(--shadow);width:min(86vw,360px);max-width:360px;height:100%;margin-left:auto;position:relative;overflow:auto}.compact-context-drawer .context-panel{min-height:100%;padding-top:96px}.context-drawer-close{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);z-index:1;border-radius:12px;min-height:44px;padding:0 12px;position:absolute;top:24px;right:20px}.continue-chat-card{color:var(--ink);text-align:left;background:linear-gradient(125deg,#2b2119,#211914);border:1px solid #704f2b;border-radius:24px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-top:30px;padding:15px;display:grid}.continue-chat-card:hover{border-color:var(--gold)}.continue-chat-card img,.continue-chat-card>span:first-child{object-fit:cover;border-radius:50%;width:44px;height:44px}.continue-chat-card>span:first-child{background:var(--surface-lift);justify-content:center;align-items:center;display:flex}.continue-chat-card>span:nth-child(2){gap:4px;min-width:0;display:grid}.continue-chat-card small{color:#e3bc87}.continue-chat-card strong,.continue-chat-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.continue-chat-card em{color:var(--soft);font-size:13px;font-style:normal}.continue-chat-card b{color:var(--gold);font-size:22px}.reachout-action{background:var(--gold);color:#1a1008;text-align:center;border-radius:999px;grid-column:1/-1;min-height:42px;padding:12px 16px;font-size:13px;font-style:normal;font-weight:850}.reachout-quiet{color:var(--faint);grid-column:1/-1;font-size:10.5px;font-weight:700}.stale-notice{color:#e4c690;background:#2f261c;border:1px solid #6a532f;border-radius:13px;margin:18px 0 0;padding:12px 14px;font-size:13px;line-height:1.55}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.feed-card{background:var(--surface);border:1px solid var(--line);border-radius:25px;overflow:hidden}.feed-image{aspect-ratio:1.38;object-fit:cover;width:100%}.feed-card-copy{padding:18px}.feed-author{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;font-size:13px;display:flex}.feed-author img,.feed-author>span{object-fit:cover;border-radius:50%;width:26px;height:26px}.feed-author>span{background:var(--surface-high);justify-content:center;align-items:center;display:flex}.feed-author time{color:var(--faint);margin-left:auto}.feed-card p{white-space:pre-wrap;margin:15px 0 9px;line-height:1.7}.feed-card-actions{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.feed-reaction-button{color:var(--soft);background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:22px;display:inline-flex}.feed-reaction-button.selected{color:var(--gold)}.feed-reaction-button:disabled{color:var(--faint);cursor:not-allowed;opacity:.58}.feed-reaction-error{color:var(--danger-ink)!important;margin:6px 0 0!important;font-size:12px!important}.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:25px;margin-top:30px;padding:28px}.empty-state h2{letter-spacing:-.035em;margin:0 0 8px;font-size:21px}.empty-state p{color:var(--soft);margin:0;line-height:1.65}.empty-state .primary-button{margin-top:18px}.message-room-list{border-top:1px solid var(--line);margin-top:24px}.message-room-row{border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:0 0;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px;width:100%;padding:14px 0;display:grid}.message-room-row:hover,.message-room-row:focus-visible{background:var(--surface-high);border-radius:16px;outline:0}.room-avatar img,.room-avatar>span{border:1px solid var(--line);object-fit:cover;border-radius:18px;width:58px;height:58px;display:block}.room-avatar>span{background:var(--surface-high);justify-content:center;align-items:center;display:flex}.room-main-button{gap:6px;min-width:0;padding:3px 0;display:grid}.room-row-topline{justify-content:space-between;align-items:center;display:flex}.room-unread-badge{background:var(--gold);color:#1a1009;border-radius:999px;justify-content:center;align-items:center;min-width:18px;min-height:18px;margin-left:8px;padding:0 5px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.room-row-topline time,.room-row-preview{color:var(--faint);font-size:13px}.room-row-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relationship-heading{gap:18px}.relationship-heading>div{min-width:0}.relationship-sort-label{background:var(--surface-high);border:1px solid var(--line);color:var(--soft);white-space:nowrap;border-radius:999px;flex:none;align-self:center;padding:8px 13px;font-size:12px;font-weight:750}.relationship-orbit{aspect-ratio:1;width:min(100%,760px);max-width:760px;margin:24px auto 18px;position:relative;overflow:visible}.orbit{border:1px solid var(--line);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:44%;height:44%}.orbit-two{width:72%;height:72%}.orbit-three{width:94%;height:94%}.orbit-self{background:var(--gold);color:#1a1009;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;font-size:14px;font-weight:800;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #e8a8581a}.orbit-person{color:var(--soft);z-index:2;background:0 0;border:0;justify-items:center;gap:6px;font-size:11px;display:grid;position:absolute;transform:translate(-50%,-50%)}.orbit-person img,.orbit-person>span{border:2px solid var(--character-accent,var(--line));object-fit:cover;border-radius:50%;width:clamp(46px,7vw,62px);height:clamp(46px,7vw,62px)}.orbit-person>span{background:var(--surface-high);justify-content:center;align-items:center;display:flex}.orbit-person.connected img{box-shadow:0 0 0 4px color-mix(in srgb, var(--character-accent,var(--gold)) 26%, transparent)}.orbit-person.ready img,.orbit-person.ready>span{border-color:var(--gold)}.orbit-person em{text-overflow:ellipsis;white-space:nowrap;max-width:104px;font-size:10px;font-style:normal;overflow:hidden}.orbit-person.connected .orbit-relationship-label{color:var(--soft)}.orbit-person.ready em{color:var(--gold)}.orbit-person.locked{color:var(--faint);cursor:pointer}.orbit-person.locked>span{border-color:var(--line);color:var(--faint)}.orbit-person.locked:hover>span{border-color:var(--soft);color:var(--soft)}.relationship-legend{color:var(--faint);flex-wrap:wrap;justify-content:center;gap:14px;font-size:12px;display:flex}.relationship-legend span{align-items:center;gap:6px;display:inline-flex}.relationship-legend i{border-radius:50%;width:8px;height:8px}.legend-connected{background:var(--soft)}.legend-ready{background:var(--gold)}.legend-locked{background:var(--line)}.relationship-unlock-note{color:var(--faint);text-align:center;max-width:520px;margin:15px auto 0;font-size:12px;line-height:1.6}.connected-friend-sheet{max-width:480px}.friend-preview-sheet{text-align:left;max-width:480px}.friend-preview-sheet>h2,.friend-preview-sheet>.eyebrow{align-self:center}.friend-preview-sheet .preview-quote{border-left:2px solid var(--gold);color:var(--soft);width:100%;margin:14px 0 0;padding-left:12px;line-height:1.6}.friend-preview-sheet .preview-block{gap:6px;width:100%;margin-top:16px;display:grid}.friend-preview-sheet .preview-block strong{color:var(--faint);letter-spacing:.02em;font-size:12px}.friend-preview-sheet .preview-block p{color:var(--ink);margin:0;line-height:1.6}.friend-preview-sheet .preview-block.withheld p{color:var(--faint)}.friend-preview-sheet .preview-ai-notice{color:var(--faint);text-align:center;width:100%;margin-top:18px;font-size:12px}.connected-friend-sheet>.primary-button{width:100%;margin-top:16px}.me-view{max-width:820px}.profile-summary-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;align-items:center;gap:14px;margin-top:25px;padding:17px;display:flex}.profile-initial{background:var(--surface-lift);color:var(--gold);border-radius:17px;justify-content:center;align-items:center;width:58px;height:58px;font-size:21px;font-weight:800;display:inline-flex}.profile-summary-card div{gap:4px;min-width:0;display:grid}.profile-summary-card p,.profile-summary-card small{color:var(--soft);margin:0}.profile-summary-card small{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-edit-form{background:var(--surface-high);border-top:1px solid var(--line);gap:13px;padding:16px;display:grid}.profile-edit-form label{color:var(--soft);gap:7px;font-size:12px;display:grid}.profile-edit-form .primary-button{width:100%;margin-top:3px}.relationship-reset{border-top:1px solid var(--line);gap:10px;padding:16px;display:grid}.relationship-reset h3,.relationship-reset p{margin:0}.relationship-reset h3{font-size:14px}.relationship-reset p{color:var(--soft);font-size:13px;line-height:1.55}.relationship-reset-confirmation{background:var(--surface-high);border:1px solid var(--line);border-radius:13px;gap:10px;padding:14px;display:grid}.relationship-reset-confirmation>div{flex-wrap:wrap;gap:8px;display:flex}.relationship-reset-confirmation .primary-button{width:auto}.settings-section{margin-top:32px}.settings-section h2{letter-spacing:-.02em;margin:0 0 10px;font-size:16px}.settings-section>p{color:var(--faint);margin:10px 0 0;font-size:12px;line-height:1.6}.settings-list{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.settings-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:66px;padding:13px 16px;display:flex}.settings-line:last-child{border-bottom:0}.settings-line>div:first-child{gap:4px;min-width:0;display:grid}.settings-line strong{font-size:14px}.settings-line span{color:var(--faint);font-size:12px}.settings-line select{width:auto;min-height:38px;padding:7px 9px;font-size:12px}.settings-line .referral-code,.context-referral .referral-code{color:var(--ink);letter-spacing:.06em;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800;overflow:hidden}.block-management{border-top:1px solid var(--line);padding:16px}.block-management h3{margin:0;font-size:14px}.block-management>p{color:var(--faint);margin:6px 0 0;font-size:12px;line-height:1.55}.block-management-status{justify-content:space-between;align-items:center;gap:10px;display:flex}.blocked-character-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.blocked-character-list li{background:var(--surface-high);border:1px solid var(--line);border-radius:14px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:8px 10px;display:grid}.blocked-character-portrait,.blocked-character-fallback{background:var(--surface-lift);object-fit:cover;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;overflow:hidden}.blocked-character-list li>div{gap:2px;min-width:0;display:grid}.blocked-character-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blocked-character-list span{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.referral-status{color:var(--danger-ink);justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:13px 16px;font-size:13px;line-height:1.5;display:flex}.referral-status-success{color:var(--success-ink)}.segmented-control{border:1px solid var(--line);background:#130f0c;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(270px,47vw);padding:3px;display:grid}.segmented-control button{color:var(--faint);background:0 0;border:0;border-radius:9px;min-height:44px;padding:3px 7px}.segmented-control button.active{background:var(--gold);color:#1a1009;font-weight:800}.ledger-list{border-top:1px solid var(--line);margin:0;padding:0 16px;list-style:none}.ledger-list li{justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.ledger-list strong{color:var(--soft)}.ledger-list strong.positive{color:#cbe4a4}.bug-report-form{border-top:1px solid var(--line);gap:11px;padding:15px 16px;display:grid}.bug-report-form label{color:var(--soft);gap:6px;font-size:12px;display:grid}.sign-out-button{color:var(--soft);background:0 0;margin-top:25px;padding:12px 0}.detail-route{background:radial-gradient(circle at 86% 0%, #5c32133b, transparent 32%), linear-gradient(132deg, var(--canvas), var(--canvas-warm));width:100%;min-height:100dvh;padding:0 clamp(24px,6vw,112px)}.detail-header{border-bottom:1px solid var(--line);text-align:center;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;height:82px;font-size:14px;display:grid}.detail-header>span{font-weight:750}.detail-header-spacer{display:block}.icon-button,.shield-button{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:inline-flex}.character-profile-content,.post-detail-content{max-width:860px;margin:0 auto;padding:clamp(26px,5vw,66px) 0 60px}.character-profile-content{max-width:1040px}.character-profile-layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.character-profile-hero{aspect-ratio:.8;background:var(--surface-high);border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate;border-radius:30px;min-height:0;display:flex;position:relative;overflow:hidden}.character-profile-hero:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 34%,#0c090733 55%,#0c0907e8 100%);position:absolute;inset:0}.character-profile-portrait,.character-profile-portrait-fallback{object-fit:cover;object-position:center 22%;z-index:0;width:100%;height:100%;position:absolute;inset:0}.character-profile-portrait-fallback{background:radial-gradient(circle at 50% 22%, #4e3822, var(--surface-high));color:var(--soft);justify-content:center;align-items:center;font-size:64px;display:flex}.character-profile-hero-copy{color:var(--ink);z-index:2;align-self:end;width:100%;min-width:0;padding:22px;position:relative}.character-profile-hero h1{letter-spacing:-.065em;overflow-wrap:anywhere;margin:8px 0;font-size:clamp(38px,5vw,54px);line-height:.98}.character-profile-role{color:var(--soft);margin:0;line-height:1.55}.profile-tag{color:#efc17d;border:1px solid #6d522c;border-radius:999px;margin-top:15px;padding:6px 9px;font-size:12px;display:inline-flex}.profile-hero-tag{background:#120f0c9e}.character-profile-details{gap:12px;min-width:0;display:grid}.relationship-card,.character-about-card,.character-conversation-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin:0;padding:20px}.relationship-card{gap:6px;display:grid}.profile-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-card-heading>span:first-child{color:var(--faint);font-size:12px}.relationship-orbit-mark{border:1px solid #9d7238;border-radius:50%;flex:none;width:17px;height:17px;display:inline-flex;position:relative}.relationship-orbit-mark:after{background:var(--gold);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:5px}.relationship-orbit-ring-1{box-shadow:0 0 0 3px #e8a85838}.relationship-orbit-ring-2{box-shadow:0 0 0 5px #e8a85826}.relationship-orbit-ring-3{box-shadow:0 0 0 7px #e8a85817}.relationship-tier-label{color:var(--gold);font-size:12px;font-weight:700}.relationship-card p,.character-about-card p{color:var(--soft);margin:5px 0 0;line-height:1.7}.character-about-card h2,.character-conversation-card h2{margin:0;font-size:17px}.character-public-read{font-weight:700;color:var(--ink)!important}.character-conversation-card{gap:13px;display:grid}.character-opening-line{border-left:2px solid var(--gold);color:var(--soft);margin:0;padding-left:12px;line-height:1.65}.character-prompt-chip-list{justify-content:flex-start;margin-top:0}.profile-chat-button{width:100%;margin-top:4px}.profile-ai-notice{color:var(--faint);text-align:center;margin:1px 0 0;font-size:12px;line-height:1.55}@media (width>=900px){.character-profile-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:22px}.character-profile-hero{position:sticky;top:26px}.character-profile-details{gap:12px}}.post-detail-content{max-width:760px}.post-detail-author{align-items:center;gap:10px;display:flex}.post-detail-author img,.post-detail-author>span{object-fit:cover;border-radius:50%;width:43px;height:43px}.post-detail-author>span{background:var(--surface-high);justify-content:center;align-items:center;display:flex}.post-detail-author div{gap:3px;display:grid}.post-detail-author small{color:var(--faint)}.post-detail-image{border:1px solid var(--line);object-fit:cover;border-radius:24px;width:100%;max-height:min(65dvh,720px);margin-top:20px}.post-detail-copy{white-space:pre-wrap;font-size:17px;line-height:1.8}.post-reaction-bar{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.post-reaction-bar button{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);border-radius:999px;min-width:56px;min-height:44px;padding:8px 14px;font-size:17px}.post-reaction-bar button.selected{background:var(--gold);border-color:var(--gold);color:#1a1008}.post-reaction-bar button:disabled{cursor:not-allowed;opacity:.55}.post-reaction-status{color:var(--gold);margin:9px 0 0;font-size:12px;font-weight:750}.post-continue-card{border:1px dashed var(--line);background:#0c090773;border-radius:22px;margin-top:26px;padding:21px}.post-continue-card>span{color:var(--gold);font-size:12px;font-weight:750}.post-continue-card p{color:var(--soft);font-size:14px;line-height:1.65}.post-continue-card blockquote{background:var(--surface);border:1px solid var(--line);color:var(--soft);border-radius:14px;gap:5px;margin:18px 0;padding:12px;line-height:1.65;display:grid}.post-continue-card blockquote small{color:var(--faint);letter-spacing:.05em;font-size:10px;font-style:normal;font-weight:850}.post-continue-card .primary-button{width:100%}.chat-route{grid-template-rows:82px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.chat-route-header{text-align:left;grid-template-columns:48px minmax(0,1fr) auto 48px}.chat-character-button{color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.chat-header-avatar{flex:0 0 40px;width:40px;height:40px;position:relative}.chat-header-avatar img,.chat-header-avatar>span{background:var(--surface-high);border:1px solid var(--line);object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.chat-header-avatar.first-meeting{flex-basis:54px;width:54px}.chat-header-avatar.first-meeting img:first-child,.chat-header-avatar.first-meeting>span:first-child{width:34px;height:34px;top:3px;left:0}.chat-header-avatar.first-meeting img:last-child,.chat-header-avatar.first-meeting>span:last-child{border-color:var(--gold);width:36px;height:36px;top:2px;left:18px}.chat-character-button>span:last-child{gap:3px;min-width:0;display:grid}.chat-character-button strong,.chat-character-button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-character-button small{color:var(--faint)}.chat-route-header .toki-balance-chip{margin-left:12px}.shield-button{margin-left:8px;font-size:18px}.chat-route-body{grid-template-rows:auto minmax(0,1fr) auto auto auto;width:100%;min-height:0;padding:16px 0 20px;display:grid}.relationship-rail{border:1px solid var(--line);color:var(--soft);background:#27201acc;border-radius:999px;justify-self:center;align-items:center;gap:7px;padding:9px 15px;font-size:13px;display:inline-flex}.relationship-rail span{color:var(--gold)}.chat-scroll-region{scroll-behavior:smooth;align-content:start;gap:12px;min-height:0;padding:28px clamp(0px,3vw,44px);display:grid;overflow-y:auto}.chat-status,.chat-loading{color:var(--soft);text-align:center}.chat-intro-cameo{background:var(--surface);border:1px solid var(--line);border-radius:18px;justify-self:start;align-items:center;gap:10px;max-width:min(72%,600px);padding:10px;display:flex}.chat-intro-cameo.first-meeting-cameo{border-color:#e8a8584d}.chat-intro-cameo img,.chat-intro-cameo>span{object-fit:cover;border-radius:50%;flex:none;width:39px;height:39px}.chat-intro-cameo>span{background:var(--surface-high);justify-content:center;align-items:center;display:flex}.chat-intro-cameo p{color:var(--soft);margin:0;line-height:1.55}.chat-intro-cameo p strong,.chat-intro-cameo p small{display:block}.chat-intro-cameo p strong{color:var(--ink);font-size:13px}.chat-intro-cameo p small{color:var(--faint);margin-top:3px}.chat-bubble{background:var(--surface);border:1px solid var(--line);border-radius:19px 19px 19px 5px;justify-self:start;max-width:min(72%,720px);padding:12px 14px}.chat-bubble-user{background:var(--gold);border-color:var(--gold);color:#1b1108;border-radius:19px 19px 5px;justify-self:end}.chat-bubble p{white-space:pre-wrap;margin:0;line-height:1.62}.chat-bubble img{object-fit:cover;border-radius:12px;max-height:350px;margin-bottom:8px}.chat-bubble footer{color:var(--faint);justify-content:flex-end;align-items:center;gap:8px;margin-top:7px;font-size:11px;display:flex}.chat-bubble-user footer{color:#72502d}.chat-bubble footer button{color:inherit;font-size:inherit;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.typing-indicator{color:var(--soft);justify-self:start;padding:7px 0;font-size:13px}.typing-indicator span{color:var(--gold);letter-spacing:.2em}.chat-reply-failure{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:13px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.chat-reply-failure button{color:inherit;background:0 0;border:0;font-weight:750}.crisis-notice{color:var(--ink);background:#e8a8581f;border:1px solid #e8a8584d;border-radius:14px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;padding:11px 14px;font-size:13px;line-height:1.5;display:flex}.crisis-notice strong{font-weight:800}.crisis-notice span{color:var(--ink-soft)}.crisis-notice-pinned{z-index:2;position:sticky;top:0}button:active:not(:disabled){transform:scale(.97)}button{transition:transform .12s cubic-bezier(.23,1,.32,1)}.paused-notice,.chat-error{background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:13px;margin:0 0 10px;padding:10px 12px;font-size:13px}.open-loop,.quote-card{align-items:center;gap:8px;width:100%;max-width:880px;margin:0 auto 10px;display:flex}.open-loop button:first-child{color:#f0c578;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#302315;border:1px solid #76542d;border-radius:999px;flex:1;padding:10px 14px;overflow:hidden}.open-loop button:last-child,.quote-card button{border:1px solid var(--line);color:var(--soft);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.quote-card{background:var(--surface-high);border:1px solid var(--line);border-radius:15px;grid-template-columns:minmax(0,1fr) 30px;padding:10px 12px;display:grid}.quote-card span{color:var(--gold);font-size:11px}.quote-card p{color:var(--soft);grid-column:1;margin:4px 0 0;font-size:13px;line-height:1.5}.quote-card button{grid-area:1/2/span 2}.composer{border-top:1px solid var(--line);align-items:end;gap:10px;width:100%;padding:14px clamp(0px,3vw,44px) 0;display:flex}.composer textarea{resize:vertical;min-height:50px}.send-button{background:var(--gold);color:#1a1008;border:0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:inline-flex}.send-button:disabled{background:var(--surface-lift);color:var(--faint)}.sheet-backdrop{z-index:50;background:#050403bd;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.safety-sheet,.introduction-sheet,.referral-moment-sheet{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px;width:100%;max-width:640px;max-height:calc(100dvh - 40px);padding:20px 22px 24px;overflow-y:auto}.referral-moment-sheet{gap:10px;max-width:460px;display:grid}.referral-moment-sheet h2{letter-spacing:-.03em;margin:0;font-size:19px}.referral-moment-sheet>p{color:var(--soft);margin:0;font-size:13px;line-height:1.6}.referral-moment-sheet .primary-button,.referral-moment-sheet .text-button{width:100%}.referral-moment-status{color:var(--soft);font-size:12px;line-height:1.5}.sheet-handle{background:var(--faint);border-radius:999px;width:44px;height:4px;margin:0 auto 21px;display:block}.safety-sheet h2,.introduction-sheet h2{letter-spacing:-.045em;margin:6px 0;font-size:26px}.safety-sheet header p,.sheet-subview>p{color:var(--soft);margin:0;font-size:13px;line-height:1.65}.safety-actions{gap:8px;margin-top:21px;display:grid}.safety-actions>button{background:var(--surface-high);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:16px;grid-template-columns:30px minmax(0,1fr);gap:3px;padding:13px;display:grid}.safety-actions>button>span{color:var(--gold);grid-row:span 2;font-size:19px}.safety-actions small{color:var(--faint);grid-column:2;line-height:1.5}.sheet-back-button{color:var(--soft);background:0 0;border:0;padding:0}.sheet-subview h3{margin:18px 0 10px;font-size:21px}.memory-list{gap:9px;margin:15px 0 0;padding:0;list-style:none;display:grid}.memory-list li{background:var(--surface-high);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:start;gap:10px;padding:12px;display:flex}.memory-list p{margin:0;line-height:1.55}.memory-list button{color:var(--gold);background:0 0;border:0;flex:none;padding:4px;font-weight:750}.sheet-empty{color:var(--faint);line-height:1.6}.report-field{color:var(--soft);gap:7px;margin-top:15px;font-size:13px;display:grid}.report-field textarea{resize:vertical}.sheet-subview .primary-button{width:100%;margin-top:16px}.destructive-confirm{border:1px solid var(--danger-line);background:#2d1b16;border-radius:17px;margin-top:16px;padding:16px}.destructive-confirm h3{margin:0;font-size:18px}.destructive-confirm p{color:var(--soft);line-height:1.6}.destructive-confirm>div{justify-content:flex-end;gap:10px;display:flex}.sheet-close{color:var(--soft);background:0 0;border:0;margin:18px auto 0;padding:8px;display:block}.introduction-sheet{text-align:center;place-items:center;display:grid}.introduction-sheet>img,.introduction-sheet .large-portrait-fallback{object-fit:cover;border-radius:21px;width:148px;height:148px;margin-bottom:15px}.introduction-sheet>p{color:var(--soft);margin:7px 0;line-height:1.65}.introduction-sheet>div{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:18px;display:grid}.locked-introduction-sheet{max-width:480px}.locked-introduction-details{text-align:left;gap:9px;width:100%;margin:20px 0;display:grid}.locked-introduction-details>div{background:var(--surface-high);border:1px solid var(--line);border-radius:15px;gap:4px;padding:13px 14px;display:grid}.locked-introduction-details dt{color:var(--faint);font-size:12px}.locked-introduction-details dd{color:var(--ink);margin:0;line-height:1.55}.memory-draft-field{color:var(--soft);gap:7px;margin-top:15px;font-size:13px;display:grid}.memory-draft-field textarea{resize:vertical}.memory-create-button{width:100%;margin-top:9px}.introduction-copy-hint{background:var(--surface-high);border-left:2px solid var(--gold);color:var(--soft);text-align:left;border-radius:0 12px 12px 0;width:100%;padding:10px 12px;font-size:13px}.chat-view{grid-template-rows:auto minmax(0,1fr) auto auto;max-width:920px;height:calc(100dvh - 88px);margin:0 auto;display:grid}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 0;display:flex}.chat-header>img,.chat-header .portrait-placeholder{object-fit:cover;border-radius:50%;width:46px;height:46px}.chat-header h1{margin:0;font-size:18px}.chat-header p{color:var(--faint);margin:3px 0 0;font-size:12px}.chat-safety{color:var(--soft);background:0 0;border:0;margin-left:auto;font-size:23px}.chat-body{align-content:end;gap:12px;padding:25px 0;display:grid;overflow-y:auto}.opening-line,.message{background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px 5px;justify-self:start;max-width:min(78%,620px);padding:12px 14px}.message.user-message{background:var(--gold);border-color:var(--gold);color:#1b1108;border-radius:18px 18px 5px;justify-self:end}.message p{white-space:pre-wrap;margin:0;line-height:1.6}.message time{color:var(--faint);text-align:right;margin-top:6px;font-size:11px;display:block}.message img{object-fit:cover;border-radius:12px;max-height:320px;margin-bottom:8px}.mobile-tabbar{display:none}.chat-intro-complete{color:var(--faint);text-align:center;grid-template-columns:minmax(22px,1fr) minmax(0,auto) minmax(22px,1fr);align-items:center;gap:10px;margin:3px 0 8px;font-size:12px;display:grid}.chat-intro-complete>span{border-top:1px solid var(--line)}.chat-intro-complete p{max-width:30rem;margin:0}.open-loop button:first-child{min-height:44px}.open-loop button:last-child,.quote-card button{width:44px;height:44px}.quote-card{grid-template-columns:minmax(0,1fr) 44px}.sheet-back-button,.memory-list button,.sheet-close{min-height:44px}.memory-flow-divider{color:var(--gold);background:0 0;border:0;justify-content:center;align-items:center;gap:10px;width:100%;min-height:44px;font-size:12px;font-weight:800;display:flex}.memory-flow-divider:before,.memory-flow-divider:after{background:var(--line);content:"";flex:1;height:1px}@media (width>=1600px){.product-shell{grid-template-columns:210px minmax(0,1fr) clamp(340px,22vw,420px)}}@media (width>=1200px){.content-view,.network-banner{max-width:none;margin-left:0;margin-right:0}.product-header .toki-balance-chip{display:none}.feed-grid{grid-template-columns:1fr}.relationship-orbit{width:min(100%,588px);max-width:none}}@media (width>=900px) and (width<=1199px){.product-shell{grid-template-columns:188px minmax(0,1fr)}.product-shell>.context-panel{display:none}.context-toggle{display:inline-flex}.product-column{border-left:0;border-right:0;width:100%;padding-left:clamp(20px,4vw,52px);padding-right:clamp(20px,4vw,52px)}}@media (width<=899px){#root{background:linear-gradient(150deg, var(--canvas), var(--canvas-warm));max-width:460px;min-height:100dvh;margin:0 auto}.onboarding-page{align-items:stretch;padding:0}.onboarding-card{box-shadow:none;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0}.auth-page{grid-template-columns:minmax(0,1fr);align-content:center;gap:34px;padding:30px 21px;display:grid}.auth-story h1{font-size:42px}.auth-card{border-radius:25px;padding:22px}.product-shell{min-height:100dvh;padding-bottom:calc(74px + env(safe-area-inset-bottom));display:block}.desktop-rail,.context-panel{display:none}.product-main{border-right:0;padding:0}.product-column{border-left:0;border-right:0;width:100%;padding:0 20px 30px}.product-header{justify-content:space-between;height:70px}.mobile-wordmark{display:block}.context-toggle{display:none}.content-view{margin-top:17px}.section-heading h1{font-size:35px}.relationship-heading{align-items:flex-start}.relationship-sort-label{margin-top:18px}.feed-grid{grid-template-columns:1fr;margin-top:22px}.relationship-orbit{width:min(100%,390px)}.settings-line{flex-wrap:wrap;align-items:flex-start}.settings-line>:last-child:not(:first-child){margin-left:auto}.segmented-control{width:100%;margin-left:0}.mobile-tabbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);max-width:460px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:8;background:#14110ef0;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabbar button{color:var(--faint);background:0 0;border:0;justify-items:center;gap:4px;min-height:47px;padding:4px;font-size:11px;display:grid}.mobile-tabbar button span{font-size:18px}.mobile-tabbar button.active{color:var(--gold)}.detail-route{padding:0 20px}.detail-header{height:70px}.chat-route{grid-template-rows:70px minmax(0,1fr);height:100dvh}.chat-route-header{grid-template-columns:44px minmax(0,1fr) auto 44px}.detail-route .toki-balance-chip{min-height:44px;padding:0 9px;font-size:11px}.icon-button,.shield-button{width:44px;height:44px}.chat-route-body{padding-top:12px}.chat-scroll-region{padding:22px 0}.chat-intro-cameo,.chat-bubble{max-width:84%}.composer{padding:12px 0 0}.send-button{width:48px;height:48px}.character-profile-content,.post-detail-content{padding-top:30px}.character-profile-hero{grid-template-columns:112px minmax(0,1fr);align-items:start}.character-profile-hero img,.character-profile-hero>span{border-radius:20px;height:112px}.character-profile-hero h1{font-size:36px}.starter-actions,.introduction-sheet>div{grid-template-columns:1fr}.sheet-backdrop{align-items:end;padding:10px}.safety-sheet,.introduction-sheet,.referral-moment-sheet{border-radius:26px 26px 20px 20px;max-height:calc(100dvh - 20px)}.billing-notice{border-radius:0;margin:0;font-size:12px}.character-profile-hero{grid-template-columns:none;align-items:stretch;max-height:520px}.character-profile-hero .character-profile-portrait,.character-profile-hero .character-profile-portrait-fallback{border-radius:0;height:100%}.character-profile-hero-copy{padding:20px}.character-profile-role{font-size:14px}}@media (width<=360px){.product-main{padding-left:16px;padding-right:16px}.header-actions{gap:6px}.toki-balance-chip{padding:0 9px;font-size:11px}.relationship-orbit{width:min(100%,320px)}.orbit-person img,.orbit-person>span{width:43px;height:43px}}@media (width<=899px){.icon-button,.shield-button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);margin:0}.studio{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.studio-rail{gap:var(--space-4);padding:var(--space-5) var(--space-4);border-right:1px solid var(--line);background:var(--canvas);box-sizing:border-box;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.studio-rail-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.studio-nav-item{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-soft);text-align:left;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-enter), color var(--dur-micro) var(--ease-enter), border-color var(--dur-micro) var(--ease-enter);background:0 0;border:1px solid #0000;align-items:center;font-family:inherit;font-size:14px;font-weight:700;display:flex}@media (hover:hover){.studio-nav-item:hover{background:var(--surface);color:var(--ink)}}.studio-nav-item:active{transform:scale(.97)}.studio-nav-item[aria-current=page]{background:color-mix(in srgb, var(--pulse) 12%, transparent);border-color:color-mix(in srgb, var(--pulse) 55%, transparent);color:var(--ink)}.studio-main{gap:var(--space-5);padding:var(--space-6) var(--space-6) var(--space-7);flex-direction:column;min-width:0;display:flex}.studio-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.studio-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.studio-metrics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.studio-field-grid{gap:var(--space-4);display:grid}.studio-media-grid{gap:var(--space-4);grid-template-columns:minmax(180px,.7fr) minmax(260px,1.3fr);display:grid}.studio-media-field{min-width:0}.studio-media-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--void-black);width:100%;color:var(--faint);place-items:center;font-size:12px;display:grid;overflow:hidden}.studio-media-preview--avatar{aspect-ratio:4/5;max-width:260px}.studio-media-preview--banner{aspect-ratio:16/7}.studio-media-preview img{object-fit:cover;width:100%;height:100%}.studio-file-action{min-height:44px;margin-top:var(--space-3);padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-high);color:var(--ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-enter), border-color var(--dur-micro) var(--ease-enter);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.studio-file-action:focus-within{border-color:var(--pulse);outline:2px solid color-mix(in srgb, var(--pulse) 35%, transparent);outline-offset:2px}.studio-file-action input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-validation-list{margin:var(--space-3) 0 0;color:var(--ink-soft);padding-left:20px;font-size:13.5px;line-height:1.7}.studio-section-title{color:var(--ink);font-family:var(--font-display);letter-spacing:-.02em;margin:7px 0 0;font-size:22px;line-height:1.3}.studio-section-copy{max-width:720px;margin:var(--space-3) 0 0;color:var(--ink-soft);font-size:13.5px;line-height:1.65}.studio-test-chat-head,.studio-test-chat-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.studio-test-chat-unavailable{margin-top:var(--space-4);padding:var(--space-4);border-left:2px solid var(--pulse);background:var(--surface-high);color:var(--ink-soft);gap:6px;font-size:13px;line-height:1.6;display:grid}.studio-test-chat-unavailable strong{color:var(--ink)}.studio-test-chat{margin-top:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--void-black);overflow:hidden}.studio-test-chat-messages{min-height:280px;max-height:440px;padding:var(--space-4);scrollbar-color:var(--line) transparent;overflow-y:auto}.studio-test-chat-empty{max-width:520px;min-height:240px;color:var(--ink-soft);place-content:center;justify-items:start;margin:auto;line-height:1.6;display:grid}.studio-test-chat-empty strong{color:var(--ink);font-family:var(--font-display);font-size:19px}.studio-test-chat-prompts{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.studio-test-chat-prompts button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer;padding:9px 13px;font-size:12.5px}.studio-test-chat-prompts button:hover,.studio-test-chat-prompts button:focus-visible{border-color:var(--pulse);color:var(--ink)}.studio-test-chat-row{max-width:min(78%,560px);margin-bottom:var(--space-3);gap:5px;display:grid}.studio-test-chat-row--creator{justify-items:end;margin-left:auto}.studio-test-chat-role{color:var(--faint);font-size:11px;font-weight:700}.studio-test-chat-row p{border:1px solid var(--line);background:var(--surface);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:15px;margin:0;padding:11px 14px;font-size:14px;line-height:1.6}.studio-test-chat-row--creator p{border-color:color-mix(in srgb, var(--pulse) 42%, var(--line));background:var(--surface-high)}.studio-test-chat-generating{border:1px solid var(--line);width:fit-content;color:var(--ink-soft);border-radius:15px;padding:10px 14px;font-size:13px}.studio-test-chat-composer{padding:var(--space-4);border-top:1px solid var(--line);background:var(--surface)}.studio-test-chat-composer .studio-textarea{background:var(--void-black);min-height:84px;margin-top:7px}.studio-test-chat-actions{margin-top:var(--space-3);color:var(--faint);font-size:12px}.studio-test-chat-error{margin:var(--space-3) 0 0;color:var(--pulse);font-size:13px;line-height:1.5}.studio-textarea{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--void-black);width:100%;min-height:108px;color:var(--ink);resize:vertical;transition:border-color var(--dur-micro) var(--ease-enter);padding:13px 16px;font-family:inherit;font-size:15px;line-height:1.6}.studio-textarea:focus{border-color:var(--pulse);outline:none}.studio-label{margin-bottom:var(--space-2);color:var(--ink-soft);font-size:13px;font-weight:700;display:block}.studio-hint{margin:var(--space-2) 0 0;color:var(--faint);font-size:12.5px;line-height:1.55}.studio-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.studio-relationships{padding-top:var(--space-5);border-top:1px solid var(--line-soft)}.studio-relationships-direction{margin:var(--space-3) 0 0;border-left:2px solid var(--pulse);background:var(--surface-high);color:var(--ink-soft);padding:10px 12px;font-size:12.5px;line-height:1.55}.studio-relationship-search{align-items:end;gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:minmax(220px,1fr) auto;display:grid}.studio-relationship-query{min-width:0}.studio-relationship-message,.studio-relationships-empty{margin:var(--space-3) 0 0;color:var(--ink-soft);font-size:13px;line-height:1.6}.studio-relationship-result,.studio-relationship-item{margin-top:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-high)}.studio-relationship-identity,.studio-relationship-item-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.studio-relationship-identity strong,.studio-relationship-identity span{display:block}.studio-relationship-identity span{color:var(--faint);margin-top:3px;font-size:12px}.studio-relationship-fields{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:minmax(150px,.7fr) minmax(180px,1fr);display:grid}.studio-relationship-story{grid-column:1/-1}.studio-relationship-story .studio-textarea{min-height:88px;margin-top:var(--space-2)}.studio-select{box-sizing:border-box;width:100%;min-height:44px;margin-top:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--void-black);color:var(--ink);font:inherit;cursor:pointer;padding:0 38px 0 13px}.studio-select:focus{outline:2px solid color-mix(in srgb, var(--pulse) 35%, transparent);outline-offset:2px;border-color:var(--pulse)}.studio-table-scroll{overflow-x:auto}.studio-table{border-collapse:collapse;width:100%;font-size:13.5px}.studio-table th{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);color:var(--faint);text-align:left;white-space:nowrap;font-size:12px;font-weight:700}.studio-table td{padding:var(--space-3);border-bottom:1px solid var(--line-soft);color:var(--ink-soft);white-space:nowrap}.studio-enter{animation:studio-enter var(--dur-short) var(--ease-enter) both}@keyframes studio-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.studio-enter{animation:none}.studio-nav-item,.studio-textarea,.studio-file-action{transition:none}.studio-nav-item:active{transform:none}}@media (width<=900px){.studio{grid-template-columns:minmax(0,1fr)}.studio-rail{border-right:none;border-bottom:1px solid var(--line);height:auto;position:static}.studio-rail-nav{flex-flow:wrap}.studio-main{padding:var(--space-5) var(--space-4) var(--space-6)}.studio-media-grid{grid-template-columns:minmax(0,1fr)}.studio-test-chat-head,.studio-test-chat-actions{flex-direction:column;align-items:flex-start}.studio-test-chat-actions .studio-actions{width:100%}.studio-test-chat-actions .studio-actions>*{flex:1}.studio-test-chat-row{max-width:90%}.studio-relationship-search,.studio-relationship-fields{grid-template-columns:minmax(0,1fr)}.studio-relationship-story{grid-column:auto}}
