.site-root{--site-accent:#785de3;--site-accent-strong:#583cbd;--site-on-accent:#fff;--site-action:var(--site-accent-strong);--site-ink:#2b2640;--site-muted:#706b82;--site-canvas:#f9f8fd;--site-card:#ffffffeb;--site-card-shadow:0 6px 18px color-mix(in srgb, var(--site-accent) 9%, transparent);--site-soft:color-mix(in srgb, var(--site-accent) 8%, white);--site-line:color-mix(in srgb, var(--site-accent) 16%, white);--chat-control:var(--site-accent);--chat-control-strong:var(--site-accent-strong);--chat-control-ink:var(--site-on-accent);--chat-character-label:var(--site-accent-strong);--platform-accent:var(--site-action);--platform-accent-strong:var(--site-action);--platform-accent-soft:var(--site-soft);--ink:var(--site-ink);--ink-soft:var(--site-muted);--line:var(--site-line);min-height:100dvh;color:var(--site-ink);background:var(--site-canvas);position:relative}.site-root :focus-visible{outline:3px solid color-mix(in srgb, var(--site-action) 55%, transparent);outline-offset:4px}.site-root :is(.text-input,.text-area,.select-input):focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--site-action) 14%, transparent)}.site-root input:is([type=checkbox],[type=radio]){accent-color:var(--site-action)}html[data-site-root]{background:#f9f8fd}
.site-root a{color:inherit}.site-skip{z-index:99;background:#fff;border-radius:12px;padding:12px;position:fixed;top:-100px;left:20px}.site-skip:focus{top:12px}.site-content{max-width:1180px;min-height:68dvh;padding:env(safe-area-inset-top) 30px 64px;margin:auto;display:flow-root}.site-content h1{letter-spacing:.01em;text-wrap:balance;font-weight:800}.site-content h2{font-weight:750}.site-root[data-tabbar=true]{--site-tabbar-height:calc(60px + env(safe-area-inset-bottom));padding-bottom:var(--site-tabbar-height)}.site-tabbar{z-index:40;height:var(--site-tabbar-height);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--site-line);-webkit-backdrop-filter:blur(20px)saturate(160%);background:#fffffff5;position:fixed;bottom:0;left:0;right:0}.site-tabbar-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px;height:60px;margin-inline:auto;display:grid}.site-header{max-width:1180px;padding:calc(28px + env(safe-area-inset-top)) 30px 0;margin:auto}.site-header h1{letter-spacing:.01em;margin:0;font-size:30px;font-weight:800;line-height:1.5}.site-section.site-character-list{padding-top:0}.site-narrow.site-account-page{margin-top:20px}.site-tabbar a{min-width:0;color:var(--site-muted);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;line-height:1;text-decoration:none;transition:color .16s;display:flex}.site-tabbar a[data-active=true]{color:var(--site-action)}.site-tabbar a:active{opacity:.6}.site-tabbar a:focus-visible{outline-offset:-4px}.site-root[data-tabbar=true] .chat-panel{bottom:var(--site-tabbar-height)}.chat-loading{padding-bottom:var(--site-tabbar-height,0px);background:var(--chat-night);place-items:center;display:grid;position:fixed;inset:0}.site-root[data-chat=true]:has(.chat-layout[data-chat-keyboard-open]) .site-tabbar{visibility:hidden;pointer-events:none}.site-eyebrow{color:var(--site-action);letter-spacing:.08em;margin:0 0 18px;font-size:12px;font-weight:800}.site-lead{max-width:680px;color:var(--site-muted);white-space:pre-line;font-size:15px;line-height:1.95}.site-button{background:var(--site-action);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:54px;margin-top:20px;padding:13px 28px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .16s,filter .16s;display:inline-flex;color:#fff!important}.site-button:hover{filter:brightness(1.05)}.site-button:active{transform:scale(.97)}.site-section{padding:42px 0}.site-section h1{margin:0 0 14px;font-size:32px}.site-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;margin-top:24px;display:grid}.site-character-card{background:var(--site-card);box-shadow:var(--site-card-shadow);border:1px solid #ffffffeb;border-radius:26px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.site-character-card:hover{box-shadow:0 16px 34px color-mix(in srgb, var(--site-action) 20%, transparent);transform:translateY(-4px)}.site-character-card:active{transform:scale(.98)}.site-character-image{aspect-ratio:4/3;background:var(--site-soft);place-items:center;display:grid;position:relative}.site-character-image>span{color:var(--site-action);opacity:.5;font-size:72px}.site-character-image img{object-fit:cover}.site-card-copy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.site-card-name{flex:1;min-width:0}.site-card-name h2{overflow-wrap:anywhere;margin:0;font-size:19px}.site-card-name p{color:var(--site-muted);margin:2px 0 0;font-size:12px;font-weight:700}.site-card-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.site-card-actions a{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.site-card-profile{border:1px solid var(--site-line);color:var(--site-muted)!important}.site-card-actions .site-card-talk{color:#fff;background:var(--site-action);gap:6px;padding-inline:16px;font-size:14px}.site-card-actions a:focus-visible{outline:2px solid var(--site-action);outline-offset:3px}.site-card-talk:hover{filter:brightness(1.08)}.site-character-open{color:inherit;text-decoration:none;display:block}.site-panel{background:var(--site-card);box-shadow:var(--site-card-shadow);border:1px solid #ffffffeb;border-radius:24px;margin:20px 0;padding:28px}.site-panel h2{margin:0 0 16px;font-size:19px}.site-panel p{line-height:1.9}.site-panel a:not(.site-button,.primary-button,.secondary-button){color:var(--site-action);font-weight:700}.site-narrow{max-width:740px;margin:40px auto}.site-narrow h1{font-size:30px;line-height:1.5}.site-small{color:var(--site-muted);font-size:12px;line-height:1.9}.site-notice{background:var(--site-card);max-width:580px;box-shadow:var(--site-card-shadow);border:1px solid #ffffffeb;border-radius:16px;padding:14px 18px;font-size:13px;line-height:1.8}.site-back{margin:30px 0;font-size:13px;font-weight:800;display:inline-block;color:var(--site-action)!important}.site-detail{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.site-detail-art{aspect-ratio:4/3;background:var(--site-soft);box-shadow:var(--site-card-shadow);border:1px solid #ffffffeb;border-radius:28px;place-items:center;display:grid;position:relative;overflow:hidden}.site-detail-art img{object-fit:cover}.site-detail-art>span{color:var(--site-action);opacity:.4;font-size:90px}.site-detail-copy h1{font-size:40px;line-height:1.5}.site-settings-page{max-width:640px}.site-settings-section{margin:0 0 24px}.site-settings-group{border:1px solid var(--site-line);background:var(--site-card);border-radius:18px;overflow:hidden}.site-settings-row{width:100%;min-height:66px;color:var(--site-ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:16px;text-decoration:none;list-style:none;display:flex}.site-settings-row::-webkit-details-marker{display:none}.site-settings-group>.site-settings-row+.site-settings-row,.site-settings-group>.site-settings-details+.site-settings-row,.site-settings-advanced-content>*{border-top:1px solid var(--site-line)}.site-settings-row:hover,.site-settings-row:active{background:var(--site-soft)}.site-settings-row:focus-visible{outline:2px solid var(--site-action);outline-offset:-3px;border-radius:14px}.site-settings-icon{width:32px;height:32px;color:var(--site-muted);background:var(--site-soft);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.site-settings-copy{flex:1;gap:4px;min-width:0;display:grid}.site-settings-title{overflow-wrap:anywhere;font-size:14px;font-weight:700}.site-settings-description{color:var(--site-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.6}.site-settings-chevron{color:var(--site-muted);flex-shrink:0;transition:transform .15s}.site-settings-details[open]>summary .site-settings-chevron{transform:rotate(90deg)}.site-settings-badge{color:var(--site-muted);background:var(--site-soft);border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:10px}.site-settings-editor{padding:8px 16px 20px}.site-settings-editor .text-input,.site-settings-editor .text-area{min-width:0;max-width:100%}.site-settings-note{color:var(--site-muted);padding:0 16px 18px;font-size:12px;line-height:1.9}.site-settings-note p{margin:0 0 8px}.site-settings-note a{color:var(--site-action);font-weight:700}.site-settings-saved{color:var(--site-action);margin:0 0 16px;font-size:13px}.site-settings-advanced{margin-top:32px}.site-settings-logout .site-settings-title{color:#ad3a4a}.site-settings-hearts .site-settings-icon{color:var(--site-action)}.site-settings-clear{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.site-settings-clear .danger-button{min-height:40px;padding:6px 16px;font-size:13px}.site-root .consent-box{border-color:var(--site-line);background:#fffc}.site-root .primary-button{background:var(--site-action)}@media (max-width:760px){.site-content{padding:env(safe-area-inset-top) 20px 40px}.site-header{padding-inline:20px}.site-grid{gap:14px}.site-card-copy{padding:16px}.site-card-name h2{font-size:17px}.site-detail{grid-template-columns:1fr;gap:24px}.site-detail-art{max-height:450px}.site-detail-copy h1{font-size:30px}.site-panel{padding:22px}.site-narrow{margin:28px auto}}@media (max-width:640px){.site-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.site-character-card,.site-button{transition:none}.site-character-card:hover{transform:none}}.site-legal section{margin:24px 0}.site-legal h2{margin:0 0 8px;font-size:18px}.site-legal p,.site-legal li{font-size:14px;line-height:1.9}.site-legal ul{margin:0;padding-left:1.3em;list-style:outside}.site-legal a{color:var(--site-action)}.gate-page{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.gate-card{background:var(--site-card);width:100%;max-width:380px;box-shadow:var(--site-card-shadow);text-align:center;border:1px solid #ffffffeb;border-radius:24px;padding:32px 28px}.gate-card h1{margin:0 0 6px;font-size:24px;font-weight:800}.gate-card .site-small{margin:0 0 24px}.gate-form{text-align:left;gap:16px;display:grid}.gate-form .text-input{width:100%}.gate-error{color:#ad3a4a;margin:-4px 0 0;font-size:13px}.gate-submit{width:100%}