:root{color-scheme:light;--page:#fff;--surface:#f4f5f7;--card:#fff;--ink:#24272c;--muted:#666c76;--line:#dfe2e7;--accent:#2659cb;--accent-soft:#edf2fc;--nav:#f0f2f5;--pill:#fff;--shadow:0 4px 20px #18233d12}
:root[data-theme=dark]{color-scheme:dark;--page:#202226;--surface:#2a2d32;--card:#25282d;--ink:#f3f4f6;--muted:#b1b6c0;--line:#42464f;--accent:#9bbaff;--accent-soft:#303e57;--nav:#303339;--pill:#494f59;--shadow:0 4px 20px #0003}
body{background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;letter-spacing:0}h1,h2,h3{color:var(--ink)}p,.note,.muted,.field,.author small,.contact small,.section-heading span,.folder small{color:var(--muted)}a{color:var(--accent)}button{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:12px}button:hover{background:var(--line)}button:active{transform:none}.primary,.chips button.active{background:var(--accent);color:var(--page);border-color:transparent}.primary:hover{background:var(--accent);filter:brightness(.94)}:root[data-theme=dark] .primary{color:#17243b}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.5}.brand{display:block;width:134px;height:61px;font-size:0!important;letter-spacing:0;background:currentColor;mask:url('/brand/wordmark.svg') center/contain no-repeat;-webkit-mask:url('/brand/wordmark.svg') center/contain no-repeat;color:var(--ink)}.brand span{display:none}.social-header{height:92px;border-bottom:1px solid var(--line);margin-bottom:22px}.social-header .icon{color:var(--muted)}.social.wrap{max-width:720px}.eyebrow,.tag,.art-label,.orbit,.profile-cover b,.welcome-mark,.mark{display:none}.welcome{padding-top:20px}.welcome h1{font-size:clamp(32px,6vw,42px);font-weight:650;letter-spacing:-1px;line-height:1.15}.welcome p{font-size:16px;line-height:1.6}.welcome form{margin-top:30px}.welcome .auth-link{border-radius:12px}.field input,input.search,textarea,select,.searchbox{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px}.field input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}.field{font-size:14px}.field small{font-size:12px;font-weight:400;color:var(--muted)}.field input[type=checkbox]{width:20px;height:20px}.check-field{display:flex;align-items:flex-start;gap:12px;text-align:left;font-size:13px;line-height:1.5;color:var(--muted)}.check-field input{flex-shrink:0;margin-top:3px;accent-color:var(--accent)}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.panel,.post,.prompt,dialog{background:var(--card);border-color:var(--line);box-shadow:none}.post{border-radius:16px}.post-copy p,.post-copy .text-post{color:var(--ink)}.topic,.compose-hint,.notice,.account-panel,.upload,.media-picker,.avatar-preview{background:var(--surface);color:var(--muted);border-color:var(--line)}.prompt>span:not(.avatar),.prompt>svg{color:var(--muted)}.feed-tabs{border-color:var(--line)}.feed-tabs button{color:var(--muted);background:transparent}.feed-tabs .selected{color:var(--ink)}.feed-tabs .selected:after{background:var(--ink)}.add-post{background:var(--accent-soft);color:var(--accent)}.icon,.author{background:transparent}.author{color:var(--ink)}.news-art{background:#dbe7f9}.news-art h2{color:#263d65;max-width:390px;margin-top:34px}.art-foot{color:#415677}.mini-card.one{background:#4c709b}.mini-card.two{background:#f1d5a2;color:#493c28}.party-art{background:#dfe9e3}.profile-cover{height:98px;background:var(--surface);border-radius:14px}.profile-cover span{font-size:14px;letter-spacing:0;color:var(--muted);text-transform:none}.profile-cover+.profile-info>.avatar{border-color:var(--page)}.avatar,.avatar.placeholder,.purple{background:var(--surface);color:var(--muted);border-color:var(--line)}.stats{gap:28px}.stats b{color:var(--ink);font-variant-numeric:tabular-nums}.stats span{color:var(--muted);font-size:12px}.profile-buttons{flex-wrap:wrap}.profile-buttons button{font-size:13px}.account-panel{border-radius:12px}.account-panel a{color:var(--accent)}.contact,.player{border-color:var(--line)}.contact i{color:var(--muted)}.contact:hover{background:var(--surface)}.empty-state,.chat-space{color:var(--muted)}.folder strong{color:var(--ink)}.cover{box-shadow:none}.gamecard{box-shadow:none;color:#24272c}.gamecard h2{color:#24272c}.gamecard p{color:#454a50}.progress{background:var(--surface)}.progress div{background:var(--accent)}.score{color:var(--accent)}.warning{background:var(--surface);color:var(--ink)}dialog{color:var(--ink);border-radius:18px}dialog::backdrop{background:#1118;backdrop-filter:none}#toast{background:var(--ink);color:var(--page);box-shadow:var(--shadow)}.text-button,#avatar-status,#avatar-amount{color:var(--muted)}
.bottom{background:var(--nav);box-shadow:var(--shadow);border:1px solid var(--line);backdrop-filter:none;-webkit-backdrop-filter:none}.bottom button{color:var(--muted);background:transparent}.bottom button:hover{background:transparent;color:var(--ink)}.bottom button.active{color:var(--ink)}.bottom .nav-line{background:var(--pill)}
.settings-list{display:grid;gap:0;margin:22px 0}.settings-row{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:15px;padding:19px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;width:100%;text-decoration:none;color:var(--ink)}.settings-row small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.settings-row:hover{background:var(--surface)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.theme-options button{padding:14px 6px;font-size:13px}.theme-options [aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft);color:var(--ink)}.settings-section{padding:20px 0;border-bottom:1px solid var(--line)}.settings-section h3{font-size:16px;margin-bottom:14px}.settings-section p{font-size:13px;line-height:1.6}.profile-meta{font-size:14px;color:var(--muted);margin:8px 0 16px}.member-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.member-row .member-name{flex:1;min-width:0}.member-name small{display:block;color:var(--muted);font-size:12px}.member-row button{font-size:12px;padding:10px}.pack-row{padding:20px;border:1px solid var(--line);border-radius:14px;margin:12px 0}.pack-row h3{font-size:18px}.pack-row p{font-size:13px;margin:8px 0 16px}.pack-actions{display:flex;gap:8px}.form-error{color:#b33b35;margin:14px 0;font-size:14px}.avatar-result{display:block;max-width:100%;width:320px;border-radius:18px;margin:18px auto}.avatar-loading{padding:35px 10px;text-align:center;line-height:1.7}.avatar-loading progress{width:100%;accent-color:var(--accent)}.auth-footer{margin-top:30px;font-size:12px}.providers button{background:var(--card);color:var(--ink);border-color:var(--line);border-radius:12px}button.apple{background:var(--surface);color:var(--ink);border-color:var(--line)}.switch a,#forgot-link{color:var(--accent)}.divider{color:var(--muted)}.divider:before,.divider:after{background:var(--line)}.back,header>a:last-child{color:var(--muted)}.notice.error{background:var(--surface);color:#c14a43}
@media(max-width:420px){.stats{gap:20px}.form-columns{grid-template-columns:1fr;gap:0}.brand{width:120px;height:56px}.social-header{height:80px}.member-row{flex-wrap:wrap}.member-name{min-width:130px}.theme-options button{font-size:12px}}
.message-list{display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:48dvh;overflow-y:auto;padding:16px 0;overscroll-behavior:contain}.message-bubble{align-self:flex-start;max-width:85%;padding:12px 16px;border-radius:16px 16px 16px 4px;background:var(--surface);color:var(--ink)}.message-bubble.mine{align-self:flex-end;background:var(--accent-soft);border-radius:16px 16px 4px 16px}.message-bubble p{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.message-bubble time{display:block;text-align:right;font-size:10px;color:var(--muted);margin-top:5px}#live-message{margin-bottom:20px}

:root{--page:#edf4ff;--card:#f8fbff;--surface:#e2ecfb;--ink:#263754;--muted:#617491;--line:#cedcf0;--accent:#4667b2;--accent-soft:#dce7fc;--nav:#e5eefc;--pill:#c9d9f4}
:root[data-theme=dark]{--page:#29233c;--card:#332c49;--surface:#3e3555;--ink:#f1edff;--muted:#bdb2d5;--line:#514565;--accent:#c2aef3;--accent-soft:#51416f;--nav:#302940;--pill:#574676}

:root{--page:#f1f2f4;--card:#fcfcfd;--surface:#e7e8ec;--ink:#292c35;--muted:#6b6f7a;--line:#d9dce3;--accent:#586c9b;--accent-soft:#e1e7f2}
:root[data-theme=dark]{--page:#211d2c;--card:#2b2737;--surface:#353041;--ink:#f1eef7;--muted:#b4aebf;--line:#453f51;--accent:#b7a7d9;--accent-soft:#453a59}

:root[data-theme=dark]{--page:#060e18;--card:#141e2c;--surface:#1b293a;--ink:#f4f7fb;--muted:#a2afc1;--line:#29394d;--accent:#24cee8;--accent-soft:#103847;--nav:#101b29;--pill:#174356}
:root[data-theme=dark] .primary{color:#03131b}

.account-badge{display:inline-flex;vertical-align:-.12em;margin-left:.25em;color:#159ee9;line-height:1}.account-badge:empty{display:none}.account-badge svg{display:block;width:.85em;height:.85em;min-width:16px;min-height:16px}.account-badge>span{display:inline-flex}