/* Tay / Orbit: shared semantic tokens. User accent, density and fonts remain authoritative. */
:root{
 --tay-canvas:#0a0d14;--tay-surface:#111923;--tay-raised:#192432;--tay-inset:#0d141e;--tay-line:#2b394b;--tay-line-soft:#1f2b3a;
 --tay-ink:#f3f5fb;--tay-muted:#a4b0c4;--tay-soft:#77869f;--tay-pink:#f68da9;--tay-coral:#ff9a84;--tay-violet:#b39aff;
 --tay-space-1:4px;--tay-space-2:8px;--tay-space-3:12px;--tay-space-4:16px;--tay-space-5:24px;--tay-space-6:32px;--tay-space-7:48px;
 --tay-radius-sm:clamp(0px,calc(var(--user-radius,20px)*.4),10px);--tay-radius-md:clamp(0px,calc(var(--user-radius,20px)*.6),16px);--tay-radius-lg:var(--user-radius,20px);--tay-radius-xl:calc(var(--user-radius,20px)*1.2);
 --tay-shadow:0 8px 28px #0002;--tay-overlay-shadow:0 24px 80px #0006;
 --tay-display:clamp(30px,2.8vw,48px);--tay-h1:clamp(24px,2vw,34px);--tay-h2:20px;--tay-h3:16px;--tay-body:var(--user-font-size,14px);--tay-small:max(12px,calc(var(--user-font-size,14px) - 1px));--tay-caption:11px;
 --tay-control:42px;--tay-motion:160ms;--tay-ease:cubic-bezier(.2,.7,.2,1);--tay-z-panel:6;--tay-z-header:40;--tay-z-menu:90;--tay-z-dialog:250;
}
body.tay-design{--bg-canvas:var(--tay-canvas);--bg-island:var(--tay-surface);--bg-panel:var(--tay-surface);--bg-card:var(--tay-raised);--bg-card-hover:color-mix(in srgb,var(--accent) 7%,var(--tay-raised));--bg-input:var(--tay-inset);--border-subtle:var(--tay-line-soft);--border-bright:var(--tay-line);--ui-line:var(--tay-line);--surface-soft:color-mix(in srgb,var(--tay-ink) 4%,transparent);--layout-surface:var(--tay-surface);--layout-raised:var(--tay-raised);--text-primary:var(--tay-ink);--text-main:var(--tay-ink);--text-dim:var(--tay-muted);--inner-specular:none;--emerald:#69d4b3;--gold:#e7c67d;--danger:#fa8397;background:var(--bg-canvas);color:var(--text-primary);font-size:var(--user-font-size,14px);line-height:1.55;}
body.tay-design[data-theme=light]{--tay-canvas:#eef2f8;--tay-surface:#fff;--tay-raised:#f1f4fa;--tay-inset:#f8faff;--tay-line:#cad3e0;--tay-line-soft:#dce3ec;--tay-ink:#172135;--tay-muted:#53617a;--tay-soft:#68768b;--tay-shadow:0 8px 28px #283b5410;--gold:#916315;--emerald:#087858;--danger:#b32649;}
.tay-design .ambient-orb{display:none;}
.tay-design :is(button,input,textarea,select,summary){font-size:var(--tay-small);}
.tay-design :is(button,.btn-modern,.pill-btn,.home-link){font-weight:600;letter-spacing:0;}
.tay-design :is(.btn-modern,.pill-btn,.home-link,.filter-btn,.shop-filter){min-height:var(--tay-control);border-radius:var(--tay-radius-md);box-shadow:none;transition:background-color var(--tay-motion),border-color var(--tay-motion),color var(--tay-motion);}
.tay-design :is(.pill-btn,.btn-outline){background:var(--bg-input);border:1px solid var(--border-bright);color:var(--text-primary);}
.tay-design :is(.btn-cyan,.btn-emerald){background:var(--accent);color:var(--tay-on-accent,#16121b);border-color:transparent;}
.tay-design .btn-gold{background:#e7c67d;color:#251d0e;border-color:transparent;}
.tay-design :is(.btn-modern,.pill-btn,.home-link):hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 55%,var(--border-bright));box-shadow:none;transform:none;}
.tay-design :is(button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.tay-design :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select,.input-modern){color:var(--text-primary);background:var(--bg-input);border-color:var(--border-bright);border-radius:var(--tay-radius-md);min-width:0;max-width:100%;box-shadow:none;}
.tay-design :is(input,textarea)::placeholder{color:var(--tay-soft);opacity:1;}
.tay-design :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:var(--accent);}
.tay-design :is(.panel-glass,.feature-card,.meter-box,.option-group,.home-panel,.social-card,.guild-directory-card,.shop-item-card,.reward-card,.contact-card,.ann-card){background-color:var(--bg-island);border-color:var(--border-subtle);border-radius:var(--tay-radius-lg);box-shadow:none;backdrop-filter:none;}
.tay-design .panel-head{border-color:var(--border-subtle);font-weight:600;}
.tay-design :is(h1,h2,h3){letter-spacing:-.025em;line-height:1.25;}
.tay-design :is(h2,.feature-heading h2){font-size:var(--tay-h2);font-weight:700;}
.tay-design h3{font-size:var(--tay-h3);font-weight:650;}
.tay-design .eyebrow{color:var(--accent);font-size:var(--tay-caption);letter-spacing:.16em;font-weight:700;}
.tay-design .help-note{font-size:var(--tay-small);line-height:1.6;color:var(--text-dim);}
.tay-design :is(.feature-dialog,.social-dialog,.guild-dialog,.user-profile-dialog,.tay-message-dialog,.guild-shop-dialog,.trophy-tooltip,dialog){color:var(--text-primary);background:var(--bg-island);border-color:var(--border-bright);border-radius:var(--tay-radius-xl);box-shadow:var(--tay-overlay-shadow);}
.tay-design dialog::backdrop{background:#040812b8;backdrop-filter:blur(6px);}
.tay-design :is(.topbar-menu,.tay-menu,.custom-select-menu,.select-menu,.guild-context-menu){background:var(--bg-island);color:var(--text-primary);border-color:var(--border-bright);border-radius:var(--tay-radius-lg);box-shadow:var(--tay-overlay-shadow);}
.tay-design :is(.role-badge,.level-badge,.guild-topic){box-shadow:none;letter-spacing:.025em;}
.tay-design ::-webkit-scrollbar{width:7px;height:7px;}.tay-design ::-webkit-scrollbar-thumb{background:var(--border-bright);border:2px solid var(--bg-island);border-radius:20px;}
.tay-design .section-view>.feature-scroll{border:0;border-radius:0;background:transparent;padding:8px 4px 24px;}
body.tay-design .studio-hero{min-height:116px;padding:24px 28px;margin:0 0 20px;border:1px solid var(--border-subtle);border-radius:var(--tay-radius-lg);background:var(--bg-island);box-shadow:none;isolation:isolate;}
.tay-design .studio-hero:before,.tay-design .studio-hero:after{display:none;}
.tay-design .studio-hero .studio-copy h1{font-size:var(--tay-h1);font-weight:720;}
.tay-design .studio-hero .studio-copy>p{font-size:var(--tay-small);color:var(--text-dim);max-width:65ch;}
.tay-design .studio-art{width:112px;flex-basis:112px;height:100px;--object-scale:.42;opacity:.85;}
.tay-design .studio-related{gap:8px;margin-top:14px;}
.tay-design .studio-related button{background:var(--bg-card);border-color:var(--border-bright);min-height:34px;padding:5px 10px;border-radius:8px;}
.tay-design .feature-scroll{scrollbar-gutter:stable;}
.tay-design .option-group>summary{padding:16px 20px;color:var(--text-primary);font-weight:600;}
.tay-design .option-content{padding:8px 20px 20px;}
.tay-design .studio-settings-nav{background:var(--bg-island);border:1px solid var(--border-subtle);border-radius:var(--tay-radius-lg);padding:12px;}
.tay-design .studio-settings-nav button{min-height:44px;border-radius:10px;padding:10px 14px;}
.tay-design .studio-settings-nav button.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);}
.tay-design #login-screen{background:radial-gradient(ellipse at 25% 20%,#ba779b19,transparent 55%),var(--bg-canvas);}
.tay-design .auth-box{border-radius:28px;background:var(--bg-island);border:1px solid var(--border-bright);box-shadow:var(--tay-overlay-shadow);padding:36px;width:min(460px,100%);backdrop-filter:none;}
.tay-design .auth-box h1{font-size:32px;}.tay-design .auth-brand-mark{width:64px;height:64px;}
.tay-design .loading-card{background:var(--bg-island);border-color:var(--border-bright);border-radius:24px;}
.tay-design .tay-skeleton{background:var(--bg-card);border-radius:10px;min-height:40px;animation:tay-soft-load 1.4s ease-in-out infinite alternate;}
@keyframes tay-soft-load{to{opacity:.5}}
@media(prefers-reduced-motion:reduce){.tay-design .tay-skeleton{animation:none;}.tay-design *{scroll-behavior:auto;}}
.tay-design.app-background .tay-skeleton{animation-play-state:paused;}
@media(max-width:700px){body.tay-design .studio-hero{padding:18px;margin-bottom:12px;min-height:96px;}.tay-design .studio-art{width:72px;flex-basis:72px;height:70px;--object-scale:.3;}.tay-design .section-view>.feature-scroll{padding:0 0 16px;}.tay-design .auth-box{padding:24px;}}