/* AI 工作台 v6.3.2 global theme system */
html{color-scheme:dark;--theme-ease:cubic-bezier(.2,.75,.25,1)}
html[data-theme="dark"]{--bg:var(--theme-v20-bg, #0b0d12);--panel:var(--theme-v20-panel, #141820);--panel2:var(--theme-v20-panel2, #191e28);--line:var(--theme-v20-line, #2b3140);--text:var(--theme-v20-text, #e7eaf0);--muted:var(--theme-v20-muted, #8f97a8);--surface:var(--theme-v20-panel, #11151c);--surface2:var(--theme-v20-panel2, #171c25);--input:var(--theme-v20-input, #0e1117);--header:color-mix(in srgb, var(--theme-v20-panel, #11141a) 93.725%, transparent);--soft:var(--theme-v20-accent, #202632);--accent:var(--theme-v20-accent, #695cff);--accent2:var(--theme-v20-accent, #856dff);--shadow-color:color-mix(in srgb, var(--theme-v20-shadow, #000000) 46.000%, transparent)}
html[data-theme="light"]{color-scheme:light;--bg:var(--theme-v20-bg, #eef2f7);--panel:var(--theme-v20-panel, #fff);--panel2:var(--theme-v20-panel2, #f7f9fc);--line:var(--theme-v20-line, #d6dee9);--line-strong:var(--theme-v20-line, #c2ccd9);--text:var(--theme-v20-text, #172033);--text-strong:var(--theme-v20-text, #0f172a);--muted:var(--theme-v20-muted, #64748b);--muted-2:var(--theme-v20-muted, #8793a6);--surface:var(--theme-v20-panel, #fff);--surface2:var(--theme-v20-panel2, #f3f6fa);--input:var(--theme-v20-input, #f8fafc);--header:color-mix(in srgb, var(--theme-v20-panel, #f8fafd) 92.000%, transparent);--soft:var(--theme-v20-panel, #edf2f7);--accent:var(--theme-v20-accent, #5b5ce2);--accent2:var(--theme-v20-accent, #7467f0);--accent-soft:var(--theme-v20-panel, #ececff);--cyan:var(--theme-v20-cyan, #2f91b8);--cyan-soft:var(--theme-v20-panel, #e8f6fb);--success:var(--theme-v20-success, #087a55);--success-soft:var(--theme-v20-panel, #e7f7f0);--warn:var(--theme-v20-warn, #915900);--warn-soft:var(--theme-v20-panel, #fff4df);--danger:var(--theme-v20-danger, #b42318);--danger-soft:var(--theme-v20-panel, #fff0ef);--shadow-color:color-mix(in srgb, var(--theme-v20-shadow, #2d3a4e) 14.000%, transparent);--tool-bg:var(--theme-v20-bg, #eef2f7);--tool-card:var(--theme-v20-panel, #fff);--tool-line:var(--theme-v20-line, #d6dee9);--tool-muted:var(--theme-v20-muted, #64748b);--tool-accent:var(--theme-v20-accent, #5b5ce2);--ui-border:var(--theme-v20-line, #d6dee9);--ui-muted:var(--theme-v20-muted, #64748b);--v47-border:var(--theme-v20-line, #d6dee9)}
body,body.tool-page{transition:background-color .28s var(--theme-ease),color .28s var(--theme-ease)}

/* Theme switch */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--line,var(--theme-v20-accent, #343b4a));border-radius:999px;padding:6px 10px;background:color-mix(in srgb,var(--panel,var(--theme-v20-accent-soft, #171b24)) 90%,transparent);color:var(--text,var(--theme-v20-text, #e7eaf0));font:600 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 5px 18px color-mix(in srgb, var(--theme-v20-shadow, #000000) 8.000%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s var(--theme-ease),border-color .18s,background .18s,color .18s}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--theme-v20-accent, #7a72ff)}.theme-toggle-icon{font-size:14px;line-height:1}.theme-toggle-floating{position:fixed;z-index:2147482000;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.theme-toggle-inline{flex:none}
@media(max-width:640px){.theme-toggle-inline{min-width:38px;width:38px;padding:0}.theme-toggle-inline .theme-toggle-label{display:none}.theme-toggle-floating{min-height:40px}}

/* ===== Light theme: foundation ===== */
html[data-theme="light"] body{background:var(--bg)!important;color:var(--text)!important}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,strong,b,.logo,.node-title,.dialog-head b,.section-head h2,.admin-section-head h2,.panel-title b){color:var(--text-strong)}
html[data-theme="light"] :is(.muted,.small-text,.field-note,.result-note,.settlement-note,.dialog-copy,.tool-meta,.tool-hero p,.tool-brand small,.header-subtitle,.history-meta,.history-time,.history-empty,.history-foot,.project-info small,.price-card>p,.account-mini span,.account-mini small){color:var(--muted)!important}
html[data-theme="light"] a{color:var(--theme-v20-accent, #504ab7)}
html[data-theme="light"] ::selection{background:color-mix(in srgb, var(--theme-v20-accent, #5b5ce2) 18.000%, transparent);color:var(--theme-v20-accent, #111827)}

/* Header and navigation */
html[data-theme="light"] :is(.home-header,.canvas-header,.tool-header,.app-topbar,.dashboard-topbar){background:var(--header)!important;border-color:color-mix(in srgb, var(--theme-v20-line, #76849a) 20.000%, transparent)!important;color:var(--text)!important;box-shadow:0 1px 0 color-mix(in srgb, var(--theme-v20-accent, #1e293b) 4.000%, transparent)!important;-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08)}
html[data-theme="light"] :is(.secondary-menu,.context-menu,.mention-menu,.canvas-ai-model-menu){background:var(--theme-v20-panel, #fff)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 20px 60px color-mix(in srgb, var(--theme-v20-accent, #2b374c) 15.000%, transparent)!important}
html[data-theme="light"] :is(.secondary-menu button,.context-menu button,.mention-menu button,.canvas-ai-model-opt){color:var(--theme-v20-accent, #253044)!important}
html[data-theme="light"] :is(.secondary-menu button,.context-menu button,.mention-menu button,.canvas-ai-model-opt):hover{background:var(--theme-v20-panel, #f1f4f8)!important;color:var(--theme-v20-accent, #202938)!important}

/* Controls */
html[data-theme="light"] :is(input,textarea,select,.rename-input,.project-name,.tool-field textarea,.tool-field select,.tool-field input){background:var(--input)!important;color:var(--text)!important;border-color:var(--line)!important;caret-color:var(--theme-v20-accent, #3640a9)!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 82.000%, transparent)!important}
html[data-theme="light"] :is(input,textarea)::placeholder{color:var(--theme-v20-muted, #98a4b5)!important;opacity:1}
html[data-theme="light"] :is(input,textarea,select):focus{border-color:var(--theme-v20-accent, #8a84ef)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-v20-accent, #5b5ce2) 12.000%, transparent)!important;outline:none}
html[data-theme="light"] :is(label,.field-label,.tool-field label,.admin-card label,.form-grid label){color:var(--theme-v20-accent, #566274)}
html[data-theme="light"] input[type="checkbox"],html[data-theme="light"] input[type="radio"],html[data-theme="light"] input[type="range"]{accent-color:var(--accent)}

/* Buttons */
html[data-theme="light"] :is(.ghost,.icon-btn,.dock-tab,.small-plus,.node-actions button,.tool-btn:not(.primary),.tool-link,.history-actions button,.canvas-ai-model,.canvas-ai-quick-btn,.simple-action,.audio-preview-btn){background:var(--theme-v20-panel, #fff)!important;border-color:var(--line)!important;color:var(--theme-v20-accent, #374151)!important;box-shadow:0 1px 2px color-mix(in srgb, var(--theme-v20-accent, #0f172a) 3.500%, transparent)!important}
html[data-theme="light"] :is(.ghost,.icon-btn,.dock-tab,.small-plus,.node-actions button,.tool-btn:not(.primary),.tool-link,.history-actions button,.canvas-ai-model,.canvas-ai-quick-btn,.simple-action,.audio-preview-btn):hover{background:var(--theme-v20-panel, #f3f6fa)!important;border-color:var(--theme-v20-line, #bcc7d5)!important;color:var(--theme-v20-accent, #202938)!important}
html[data-theme="light"] :is(.primary,.tool-btn.primary,.generate-btn,.simple-generate-btn,.imagegen-btn,.project-create-btn,.hero-primary,#chatSend,#imageGenerate,.auth-submit,#canvasAiSend){background:linear-gradient(135deg,var(--theme-v20-accent, #5858dc),var(--theme-v20-accent, #7164ed))!important;color:var(--theme-v20-on-accent, #fff)!important;border-color:transparent!important;box-shadow:0 10px 26px color-mix(in srgb, var(--theme-v20-accent, #534ec9) 20.000%, transparent)!important}
html[data-theme="light"] :is(.primary,.tool-btn.primary,.generate-btn,.simple-generate-btn,.imagegen-btn,.project-create-btn,.hero-primary,#chatSend,#imageGenerate,.auth-submit,#canvasAiSend):hover{box-shadow:0 13px 32px color-mix(in srgb, var(--theme-v20-accent, #534ec9) 25.000%, transparent)!important;filter:brightness(1.025)}
html[data-theme="light"] :is(.danger-button,.danger-mini,.danger-outline){border-color:var(--theme-v20-line, #efc2bf)!important;color:var(--danger)!important;background:var(--danger-soft)!important}
html[data-theme="light"] :is(.danger-button,.danger-mini):hover{background:var(--theme-v20-panel, #ffe4e1)!important;border-color:var(--theme-v20-line, #e9aaa5)!important}
html[data-theme="light"] :is(.text-danger,.danger-text){color:var(--danger)!important}
html[data-theme="light"] button:disabled{opacity:.5}

/* Cards, windows and layers */
html[data-theme="light"] :is(.mode-card,.account-mini,.price-card,.credit-summary-card,.project-card,.project-card-v47,.site-dialog,.modal-card,.admin-card,.security-panel,.api-quota-widget,.simple-result-panel,.simple-upload-section,.simple-prompt-panel,.simple-library-item,.tool-card,.api-history-row,.history-item,.reference-card,.generate-modal-card,.rename-card,.canvas-ai-model-menu,.right-dock,.showcase-admin-pane,.admin-audio-item,.admin-showcase-item){background:var(--theme-v20-panel, #fff)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 14px 38px color-mix(in srgb, var(--theme-v20-accent, #2f3d53) 8.000%, transparent)!important}
html[data-theme="light"] :is(.site-modal,.modal){background:color-mix(in srgb, var(--theme-v20-accent-soft, #344054) 25.000%, transparent)!important;-webkit-backdrop-filter:blur(7px) saturate(.94);backdrop-filter:blur(7px) saturate(.94)}
html[data-theme="light"] :is(.dialog-head,.history-head,.chat-top,.chat-compose,.sticky-modal-actions,.dock-tabs,.panel-title,.admin-section-head){border-color:var(--theme-v20-line, #e0e6ee)!important}
html[data-theme="light"] :is(.summary-box,.prompt-preview,.issued-box,.security-note){background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #dbe2eb)!important;color:var(--theme-v20-accent, #2b3546)!important}
html[data-theme="light"] .compiled-prompt-preview{background:var(--theme-v20-panel, #f1efff)!important;border-color:var(--theme-v20-line, #cbc7ef)!important;color:var(--theme-v20-accent, #342e72)!important}
html[data-theme="light"] .source-prompt-preview{opacity:1}

/* Home / dashboard */
html[data-theme="light"] :is(.dashboard-page,.dashboard-v630-page){background:var(--theme-v20-panel, #eaf0f6)!important;color:var(--text)!important}
html[data-theme="light"] .promo-strip{background:linear-gradient(105deg,var(--theme-v20-panel, #eeedff),var(--theme-v20-panel, #fff) 54%,var(--theme-v20-panel, #eaf7fb))!important;border-color:var(--theme-v20-line, #d2cef3)!important;box-shadow:0 10px 30px color-mix(in srgb, var(--theme-v20-accent, #574baa) 8.000%, transparent)!important}
html[data-theme="light"] .promo-strip strong{color:var(--theme-v20-accent, #38306b)!important}
html[data-theme="light"] .promo-strip small{color:var(--muted)!important}
html[data-theme="light"] .mode-card{background:linear-gradient(145deg,var(--theme-v20-panel, #fff),var(--theme-v20-panel, #f5f7fb))!important}
html[data-theme="light"] .mode-card:hover{border-color:var(--theme-v20-line, #aaa9e5)!important;box-shadow:0 18px 42px color-mix(in srgb, var(--theme-v20-accent, #3e4665) 12.000%, transparent)!important}
html[data-theme="light"] .mode-icon{background:linear-gradient(145deg,var(--theme-v20-panel, #f0efff),var(--theme-v20-panel, #e9f6fb))!important;border-color:var(--theme-v20-line, #d5d3f1)!important;color:var(--theme-v20-accent, #5650bd)!important}
html[data-theme="light"] .mode-card p{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .project-thumb{background:radial-gradient(circle at 30% 20%,var(--theme-v20-panel, #dedaff),var(--theme-v20-panel, #eef0f5) 68%)!important;color:var(--theme-v20-accent, #675de2)!important}
html[data-theme="light"] .price-range span{background:var(--theme-v20-panel, #f3f6fa)!important;color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .price-range b{color:var(--text)!important}
html[data-theme="light"] :is(.dashboard-command,.film-showcase,.dashboard-utility,.dashboard-lower-grid){background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 74.000%, transparent)!important;border-color:color-mix(in srgb, var(--theme-v20-accent, #707e94) 14.000%, transparent)!important;color:var(--text)!important;box-shadow:0 24px 64px color-mix(in srgb, var(--theme-v20-accent, #364458) 10.000%, transparent)!important}
html[data-theme="light"] .ambient-sound-toggle{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 78.000%, transparent)!important;color:var(--theme-v20-accent, #2e3a4d)!important;border-color:var(--theme-v20-line, #d3dce7)!important}
html[data-theme="light"] .ambient-sound-toggle.is-on{background:var(--theme-v20-panel, #ebeaff)!important;color:var(--theme-v20-accent, #4a43ad)!important}

/* Canvas */
html[data-theme="light"] .viewport{background-color:var(--theme-v20-panel, #edf2f7)!important;background-image:radial-gradient(var(--theme-v20-panel2, #c7d0dd) 1px,transparent 1px)!important}
html[data-theme="light"] .node{background:var(--theme-v20-panel, #fff)!important;color:var(--text)!important;border-color:var(--theme-v20-line, #cfd8e4)!important;box-shadow:0 10px 28px color-mix(in srgb, var(--theme-v20-accent, #324054) 12.000%, transparent)!important}
html[data-theme="light"] .node.selected{border-color:var(--theme-v20-accent, #6a63e7)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-v20-accent, #6a63e7) 12.000%, transparent),0 14px 32px color-mix(in srgb, var(--theme-v20-accent, #3f4663) 14.000%, transparent)!important}
html[data-theme="light"] .node-header{border-color:var(--theme-v20-line, #e3e8ef)!important}
html[data-theme="light"] .node-kind{color:var(--theme-v20-muted, #778397)!important}
html[data-theme="light"] :is(.node textarea,.generator-settings select,.audio-select,.imagegen-settings select){background:var(--theme-v20-panel, #f8fafc)!important;color:var(--theme-v20-accent, #202938)!important;border-color:var(--theme-v20-line, #d5dde8)!important}
html[data-theme="light"] :is(.node img,.node video){background:var(--theme-v20-panel, #eef2f6)!important}
html[data-theme="light"] .port{border-color:var(--theme-v20-line, #fff)!important;background:var(--theme-v20-panel2, #97a2b3)!important}
html[data-theme="light"] :is(.port:hover,.port.hot){background:var(--theme-v20-accent-soft, #655ee5)!important;box-shadow:0 0 0 5px color-mix(in srgb, var(--theme-v20-accent, #655ee5) 14.000%, transparent)!important}
html[data-theme="light"] .right-dock{background:color-mix(in srgb, var(--theme-v20-panel, #fafcfe) 97.000%, transparent)!important;box-shadow:-12px 0 35px color-mix(in srgb, var(--theme-v20-accent, #2a303c) 8.000%, transparent)!important}
html[data-theme="light"] :is(.dock-tab.active,.asset-tabs button.active){background:var(--theme-v20-panel, #eeedff)!important;color:var(--theme-v20-accent, #4640aa)!important;border-color:var(--theme-v20-line, #c8c4ed)!important}
html[data-theme="light"] .asset-tabs button{background:var(--theme-v20-panel, #f5f7fa)!important;color:var(--theme-v20-accent, #596779)!important;border-color:var(--theme-v20-line, #dce3ec)!important}
html[data-theme="light"] .asset-item{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #dde4ec)!important;color:var(--theme-v20-accent, #263142)!important}
html[data-theme="light"] .asset-item:hover{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #c5ceda)!important}
html[data-theme="light"] .asset-meta small{color:var(--theme-v20-muted, #778397)!important}
html[data-theme="light"] .asset-upload-main{background:var(--theme-v20-panel, #efefff)!important;border-color:var(--theme-v20-line, #cbc8ef)!important;color:var(--theme-v20-accent, #4f49b5)!important}
html[data-theme="light"] .history-panel{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 98.000%, transparent)!important}
html[data-theme="light"] .history-item{background:var(--theme-v20-panel, #fbfcfe)!important;border-color:var(--theme-v20-line, #dde4ec)!important}
html[data-theme="light"] .history-title{color:var(--theme-v20-accent, #263142)!important}
html[data-theme="light"] .reference-card.missing{background:var(--theme-v20-panel, #fff4f3)!important;border-color:var(--theme-v20-line, #efc6c2)!important}
html[data-theme="light"] .reference-placeholder{background:var(--theme-v20-panel, #eef2f7)!important;color:var(--theme-v20-muted, #778397)!important}
html[data-theme="light"] .reference-index{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 94.000%, transparent)!important;border-color:var(--theme-v20-line, #d5dde8)!important;color:var(--theme-v20-accent, #303b4d)!important;box-shadow:0 4px 14px color-mix(in srgb, var(--theme-v20-accent, #283446) 10.000%, transparent)!important}
html[data-theme="light"] .help-card{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 97.000%, transparent)!important;border-color:var(--theme-v20-line, #d7e0ea)!important;box-shadow:0 18px 48px color-mix(in srgb, var(--theme-v20-accent, #2f3d53) 12.000%, transparent)!important}
html[data-theme="light"] .help-grid b{color:var(--theme-v20-accent, #5550ba)!important}
html[data-theme="light"] .help-grid span{color:var(--theme-v20-accent, #5f6c7f)!important}
html[data-theme="light"] .zoom-hud{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 92.000%, transparent)!important;border-color:var(--theme-v20-line, #d6dee9)!important;color:var(--theme-v20-accent, #566274)!important}
html[data-theme="light"] .minimap{border-color:var(--theme-v20-line, #cfd8e4)!important;box-shadow:0 8px 24px color-mix(in srgb, var(--theme-v20-accent, #2c394d) 14.000%, transparent)!important}
html[data-theme="light"] .canvas-bg-preview{background:radial-gradient(circle at 30% 20%,var(--theme-v20-panel, #e4e3ff),var(--theme-v20-panel, #eef2f7) 72%)!important;border-color:var(--theme-v20-line, #d3dce7)!important}
html[data-theme="light"] .canvas-bg-preview span{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 78.000%, transparent)!important;color:var(--theme-v20-accent, #334155)!important;border:1px solid color-mix(in srgb, var(--theme-v20-accent, #6f7f95) 16.000%, transparent)}

/* Simple generator */
html[data-theme="light"] :is(.simple-page,.simple-main){color:var(--text)!important}
html[data-theme="light"] .simple-project-switch>span{color:var(--muted)!important}
html[data-theme="light"] .simple-project-switch select{background:var(--theme-v20-panel, #fff)!important;border-color:var(--line)!important;color:var(--text)!important}
html[data-theme="light"] .simple-result-stage{background:var(--theme-v20-panel, #edf2f6)!important;border-color:var(--theme-v20-line, #d2dbe6)!important}
html[data-theme="light"] .result-placeholder{color:var(--theme-v20-muted, #758196)!important}
html[data-theme="light"] :is(.simple-image-card,.simple-image-add){background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d6dee9)!important;color:var(--theme-v20-muted, #6a778b)!important}
html[data-theme="light"] .simple-image-meta{background:color-mix(in srgb, var(--theme-v20-panel, #f8fafc) 97.000%, transparent)!important;border-top:1px solid var(--theme-v20-line, #e2e8f0)}
html[data-theme="light"] .simple-image-meta b{color:var(--theme-v20-accent, #253044)!important}
html[data-theme="light"] .simple-image-meta small{color:var(--theme-v20-muted, #748197)!important}
html[data-theme="light"] .simple-image-order button{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 92.000%, transparent)!important;border-color:var(--theme-v20-line, #d5dde8)!important;color:var(--theme-v20-accent, #374151)!important}
html[data-theme="light"] .simple-prompt-panel textarea{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d6dee9)!important;color:var(--text)!important}
html[data-theme="light"] .simple-action-dock{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 95.000%, transparent)!important;border-color:var(--theme-v20-line, #d3dce7)!important;box-shadow:0 22px 70px color-mix(in srgb, var(--theme-v20-accent, #1f2634) 14.000%, transparent)!important}
html[data-theme="light"] .simple-model-note{background:linear-gradient(135deg,var(--theme-v20-panel, #fff5f5),var(--theme-v20-panel, #ffe8e8))!important;border-color:var(--theme-v20-danger, #d44a4a)!important;color:var(--theme-v20-danger, #9a2a2a)!important;box-shadow:0 4px 18px color-mix(in srgb, var(--theme-v20-accent, #c83c3c) 18.000%, transparent),inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 80.000%, transparent)!important}
html[data-theme="light"] .simple-action.selected-media{background:var(--theme-v20-panel, #eeecff)!important;border-color:var(--theme-v20-line, #c7c0ee)!important;color:var(--theme-v20-accent, #3e3797)!important}
html[data-theme="light"] .simple-action small{color:var(--theme-v20-muted, #758196)!important}
html[data-theme="light"] .simple-fixed-duration{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d8dde5)!important}
html[data-theme="light"] .simple-fixed-duration small{color:var(--theme-v20-muted, #768399)!important}
html[data-theme="light"] .simple-library-missing{background:var(--theme-v20-panel, #fff0ef)!important;color:var(--theme-v20-danger, #a93128)!important}
html[data-theme="light"] .audio-library-icon{background:var(--theme-v20-panel, #f1efff)!important;color:var(--theme-v20-accent, #5b53c1)!important}

/* Standalone image/chat/API pages */
html[data-theme="light"] body.tool-page{background:radial-gradient(circle at 82% 0,var(--theme-v20-panel, #e3e1ff) 0,transparent 31%),radial-gradient(circle at 8% 14%,var(--theme-v20-panel, #e2f3f8) 0,transparent 27%),var(--theme-v20-panel, #eef2f7)!important;color:var(--text)!important}
html[data-theme="light"] .tool-brand-mark{background:linear-gradient(145deg,var(--theme-v20-panel, #ecebff),var(--theme-v20-panel, #e6f4fa))!important;color:var(--theme-v20-accent, #4d48b3)!important}
html[data-theme="light"] .tool-hero h1{color:var(--theme-v20-accent, #131b2b)!important}
html[data-theme="light"] .tool-hero p{color:var(--theme-v20-accent, #617087)!important}
html[data-theme="light"] .tool-hero-badges span{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 80.000%, transparent)!important;border-color:var(--theme-v20-line, #d9e1eb)!important;color:var(--theme-v20-accent, #607086)!important}
html[data-theme="light"] .image-result-stage{background:radial-gradient(circle at 50% 40%,var(--theme-v20-panel, #fff),var(--theme-v20-panel, #edf2f6) 76%)!important;border-color:var(--theme-v20-line, #d2dbe6)!important}
html[data-theme="light"] .image-empty{color:var(--theme-v20-muted, #6f7c90)!important}
html[data-theme="light"] .chat-bubble.user{background:var(--theme-v20-panel, #eceaff)!important;border-color:var(--theme-v20-line, #c9c4ef)!important;color:var(--theme-v20-accent, #302a68)!important}
html[data-theme="light"] .chat-bubble.assistant{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d9e1eb)!important;color:var(--theme-v20-accent, #202a3a)!important}
html[data-theme="light"] .chat-bubble small{color:var(--theme-v20-accent, #718096)!important}
html[data-theme="light"] .chat-shell-premium .chat-compose{background:color-mix(in srgb, var(--theme-v20-panel, #f9fbfd) 90.000%, transparent)!important;border-color:var(--theme-v20-line, #dde5ee)!important}
html[data-theme="light"] .api-history-row{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #dbe2eb)!important}
html[data-theme="light"] .api-history-row small{color:var(--theme-v20-accent, #718096)!important}
html[data-theme="light"] .api-badge{background:var(--theme-v20-panel, #eef2f7)!important;color:var(--theme-v20-accent, #566274)!important}
html[data-theme="light"] .api-badge.ok{background:var(--theme-v20-panel, #e7f7f0)!important;color:var(--theme-v20-success, #087a55)!important}
html[data-theme="light"] .api-badge.run{background:var(--theme-v20-panel, #eaf4ff)!important;color:var(--theme-v20-accent, #2563a7)!important}
html[data-theme="light"] .api-badge.bad{background:var(--theme-v20-panel, #fff0ef)!important;color:var(--theme-v20-danger, #a92a20)!important}

/* API quota / billing / admin */
html[data-theme="light"] .api-quota-widget{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d6dee9)!important}
html[data-theme="light"] .api-quota-head span{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .api-quota-head b{color:var(--theme-v20-accent, #182235)!important}
html[data-theme="light"] :is(.api-quota-foot span,.api-quota-foot small,.api-quota-canvas>small){color:var(--theme-v20-muted, #778397)!important}
html[data-theme="light"] .api-quota-track{background:var(--theme-v20-panel, #e3e8ef)!important}
html[data-theme="light"] .quota-admin-metrics span{background:var(--theme-v20-panel, #f8fafc)!important;border-color:var(--theme-v20-line, #dfe6ee)!important;color:var(--theme-v20-muted, #69768a)!important}
html[data-theme="light"] .quota-admin-metrics strong{color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] .quota-add-row label{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .admin-main{color:var(--text)!important}
html[data-theme="light"] :is(.admin-user-row,.card-row,.risk-row){background:var(--theme-v20-panel, #fbfcfe)!important;border-color:var(--theme-v20-line, #dfe6ee)!important}
html[data-theme="light"] :is(.admin-user-row small,.card-row small,.risk-row small,.admin-showcase-item small,.admin-audio-item small){color:var(--theme-v20-muted, #6c788c)!important}
html[data-theme="light"] .security-badge{background:var(--theme-v20-panel, #eef2f7)!important;border-color:var(--theme-v20-line, #d7e0ea)!important;color:var(--theme-v20-accent, #566274)!important}
html[data-theme="light"] .security-metrics span{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #dfe6ee)!important;color:var(--theme-v20-muted, #69768a)!important}
html[data-theme="light"] .security-metrics strong{color:var(--theme-v20-accent, #1e293b)!important}
html[data-theme="light"] .risk-details summary{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .risk-level{background:var(--theme-v20-panel, #f5f7fa)!important;border-color:var(--theme-v20-line, #dbe2eb)!important;color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .redeem-highlight{background:linear-gradient(180deg,var(--theme-v20-panel, #fff),var(--theme-v20-panel, #f7f9fc))!important;border-color:var(--theme-v20-line, #dbe2eb)!important;box-shadow:0 10px 28px color-mix(in srgb, var(--theme-v20-accent, #2f3d53) 7.000%, transparent)!important}
html[data-theme="light"] .redeem-copy small{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .showcase-admin-pane h3{color:var(--theme-v20-accent, #334155)!important}
html[data-theme="light"] :is(.showcase-admin-pane>label,.showcase-audio-upload>label){color:var(--theme-v20-accent, #617087)!important}
html[data-theme="light"] .showcase-audio-upload{border-color:var(--theme-v20-line, #e0e6ee)!important}

/* Status, warnings and semantic colors */
html[data-theme="light"] :is(.task-notice,.preflight-warnings){background:var(--warn-soft)!important;border-color:var(--theme-v20-line, #efd49c)!important;color:var(--theme-v20-warn, #815014)!important}
html[data-theme="light"] :is(.preflight-errors,.generator-error){background:var(--danger-soft)!important;border-color:var(--theme-v20-line, #efc2bf)!important;color:var(--theme-v20-danger, #9f2920)!important}
html[data-theme="light"] :is(.history-storage.local,.history-status.ok){background:var(--success-soft)!important;border-color:var(--theme-v20-line, #b9e5d3)!important;color:var(--success)!important}
html[data-theme="light"] :is(.history-storage.cache,.history-status.warn){background:var(--warn-soft)!important;border-color:var(--theme-v20-line, #efd69e)!important;color:var(--theme-v20-warn, #8c590e)!important}
html[data-theme="light"] :is(.ref-chip,.history-storage,.history-status){background:var(--theme-v20-panel, #f5f7fa)!important;border-color:var(--theme-v20-line, #dbe2eb)!important;color:var(--theme-v20-accent, #566274)!important}
html[data-theme="light"] .ref-chip.tail{background:var(--theme-v20-panel, #e9f8f2)!important;border-color:var(--theme-v20-line, #b8e1d2)!important;color:var(--theme-v20-success, #087458)!important}
html[data-theme="light"] .ref-chip.audio-chip{background:var(--theme-v20-panel, #fff5df)!important;border-color:var(--theme-v20-line, #efd79e)!important;color:var(--theme-v20-warn, #8f5c10)!important}
html[data-theme="light"] .tool-status{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .tool-status.error{color:var(--theme-v20-danger, #a92a20)!important}
html[data-theme="light"] .tool-status.ok{color:var(--theme-v20-success, #087a55)!important}

/* Canvas assistant */
html[data-theme="light"] .canvas-ai-card{background:linear-gradient(155deg,var(--theme-v20-panel, #fff),var(--theme-v20-panel, #f5f8fc))!important;border-color:var(--theme-v20-line, #d8e1eb)!important;color:var(--theme-v20-accent, #172033)!important;box-shadow:0 30px 90px color-mix(in srgb, var(--theme-v20-accent, #283449) 18.000%, transparent)!important}
html[data-theme="light"] .canvas-ai-head{background:linear-gradient(180deg,color-mix(in srgb, var(--theme-v20-accent-soft, #5b5ce2) 7.000%, transparent),color-mix(in srgb, var(--theme-v20-cyan-soft, #2f91b8) 2.500%, transparent))!important;border-color:var(--theme-v20-line, #e2e8f0)!important}
html[data-theme="light"] .canvas-ai-head small{color:var(--theme-v20-muted, #728095)!important}
html[data-theme="light"] .canvas-ai-fee-bar{background:var(--theme-v20-panel, #fff8e8)!important;border-color:var(--theme-v20-line, #f0ddb1)!important;color:var(--theme-v20-warn, #835817)!important}
html[data-theme="light"] .canvas-ai-fee-bar u{color:var(--theme-v20-accent, #665cc4)!important}
html[data-theme="light"] .canvas-ai-quick-btn{background:var(--theme-v20-panel, #f6f8fb)!important;color:var(--theme-v20-accent, #566274)!important;border-color:var(--theme-v20-line, #d8e0ea)!important}
html[data-theme="light"] .canvas-ai-quick-btn:hover{background:var(--theme-v20-panel, #ececff)!important;color:var(--theme-v20-accent, #403aa4)!important;border-color:var(--theme-v20-line, #c9c5ee)!important}
html[data-theme="light"] .canvas-ai-msg p{background:var(--theme-v20-panel, #f7f9fc)!important;color:var(--theme-v20-accent, #263142)!important;border-color:var(--theme-v20-line, #dde4ed)!important}
html[data-theme="light"] .canvas-ai-msg.user p{background:var(--theme-v20-panel, #eceaff)!important;color:var(--theme-v20-accent, #342e72)!important;border-color:var(--theme-v20-line, #cbc6ef)!important}
html[data-theme="light"] .canvas-ai-msg-label{color:var(--theme-v20-muted, #78859a)!important}
html[data-theme="light"] .canvas-ai-card>textarea{background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #1d2737)!important;border-color:var(--theme-v20-line, #d3dce7)!important}
html[data-theme="light"] .canvas-ai-actions{background:linear-gradient(0deg,color-mix(in srgb, var(--theme-v20-panel, #f4f7fb) 95.000%, transparent),color-mix(in srgb, var(--theme-v20-panel, #ffffff) 35.000%, transparent))!important;border-top:1px solid var(--theme-v20-line, #e6ebf1)!important}
html[data-theme="light"] .canvas-ai-fee-panel{background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #263142)!important}
html[data-theme="light"] .canvas-ai-fee-title{color:var(--theme-v20-warn, #81530f)!important}
html[data-theme="light"] .canvas-ai-fee-row{border-color:var(--theme-v20-line, #e3e8ef)!important}
html[data-theme="light"] :is(.canvas-ai-fee-row span,.canvas-ai-fee-sub){color:var(--theme-v20-accent, #637086)!important}
html[data-theme="light"] .canvas-ai-fee-row b{color:var(--theme-v20-accent, #1e293b)!important}
html[data-theme="light"] .canvas-ai-fee-example{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #dee5ed)!important;color:var(--theme-v20-accent, #566274)!important}
html[data-theme="light"] .canvas-ai-model-menu{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #cfd9e5)!important}
html[data-theme="light"] .canvas-ai-model-menu-title{background:var(--theme-v20-panel, #f7f9fc)!important;color:var(--theme-v20-accent, #66758a)!important;border-color:var(--theme-v20-line, #e0e6ee)!important}
html[data-theme="light"] .canvas-ai-model-opt.active{background:var(--theme-v20-panel, #ecebff)!important;color:var(--theme-v20-accent, #38329b)!important}
html[data-theme="light"] .canvas-ai-model-opt small{color:var(--theme-v20-accent, #718096)!important}

/* Login / registration */
html[data-theme="light"] :is(.login-page,body.auth-page){background:radial-gradient(circle at 25% 10%,var(--theme-v20-panel, #e5e2ff) 0,var(--theme-v20-panel, #f6f8fb) 36%,var(--theme-v20-panel, #eef2f7) 100%)!important;color:var(--text)!important}
html[data-theme="light"] .auth-page-v630{background:var(--theme-v20-panel, #edf2f7)!important;color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] .auth-page-v630:before{background:radial-gradient(900px 520px at 17% 18%,color-mix(in srgb, var(--theme-v20-accent-soft, #6c5ee1) 12.000%, transparent),transparent 66%),radial-gradient(760px 500px at 82% 74%,color-mix(in srgb, var(--theme-v20-cyan-soft, #2c9cc1) 9.000%, transparent),transparent 68%),linear-gradient(135deg,var(--theme-v20-panel, #f8fafc),var(--theme-v20-panel, #edf2f7))!important}
html[data-theme="light"] .auth-grid-lines{background-image:linear-gradient(color-mix(in srgb, var(--theme-v20-accent-soft, #4f5d76) 7.000%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--theme-v20-accent-soft, #4f5d76) 7.000%, transparent) 1px,transparent 1px)!important}
html[data-theme="light"] :is(.login-card,.auth-card,.auth-card-v630){background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 92.000%, transparent)!important;border-color:var(--theme-v20-line, #d6dfea)!important;color:var(--text)!important;box-shadow:0 30px 80px color-mix(in srgb, var(--theme-v20-accent, #323f54) 15.000%, transparent)!important}
html[data-theme="light"] .auth-sub{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .auth-tabs{background:var(--theme-v20-panel, #edf2f7)!important;border-color:var(--theme-v20-line, #d9e1eb)!important}
html[data-theme="light"] .auth-tabs button{color:var(--theme-v20-muted, #6b778b)!important}
html[data-theme="light"] .auth-tabs button.active{background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #242f41)!important;box-shadow:0 5px 16px color-mix(in srgb, var(--theme-v20-accent, #323e52) 9.000%, transparent)!important}
html[data-theme="light"] .field-label{color:var(--theme-v20-accent, #5e6c80)!important}
html[data-theme="light"] :is(.field-help,.auth-admin-note,.auth-card-foot){color:var(--theme-v20-muted, #748197)!important}
html[data-theme="light"] .pwd-toggle{color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .pwd-toggle:hover{background:var(--theme-v20-panel, #edf2f7)!important;color:var(--theme-v20-accent, #344155)!important}
html[data-theme="light"] .strength i{background:var(--theme-v20-panel, #dce3ec)!important}
html[data-theme="light"] .remember{color:var(--theme-v20-accent, #5f6c7f)!important}
html[data-theme="light"] .auth-live-badge{color:var(--theme-v20-accent, #64748b)!important}
html[data-theme="light"] .auth-visual-copy p{color:var(--theme-v20-accent, #5f6e84)!important}
html[data-theme="light"] .auth-status-row span{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 72.000%, transparent)!important;border-color:var(--theme-v20-line, #dbe3ec)!important}
html[data-theme="light"] .auth-status-row b{color:var(--theme-v20-accent, #2c374a)!important}
html[data-theme="light"] .auth-status-row small{color:var(--theme-v20-muted, #738096)!important}

/* Menus and mention picker */
html[data-theme="light"] :is(.mention-note,.menu-caption){border-color:var(--theme-v20-line, #e2e8f0)!important;color:var(--theme-v20-muted, #6b778b)!important}
html[data-theme="light"] .mention-active{background:var(--theme-v20-panel, #ecebff)!important;color:var(--theme-v20-accent, #39339b)!important}
html[data-theme="light"] .mention-asset-thumb{background:var(--theme-v20-panel, #edf2f7)!important;border-color:var(--theme-v20-line, #d6dee8)!important;color:var(--theme-v20-accent, #708096)!important}
html[data-theme="light"] .mention-asset-copy small{color:var(--theme-v20-accent, #718096)!important}
html[data-theme="light"] .mention-cancel{background:var(--theme-v20-panel, #f5f7fa)!important;border-color:var(--theme-v20-line, #d8e0ea)!important;color:var(--theme-v20-accent, #4a5669)!important}

/* Low-level safety net for legacy inline dark surfaces */
html[data-theme="light"] :is(.redeem-canvas-card input,.auth-page input,.admin-page input,.admin-page textarea,.admin-page select,.dashboard-page input,.home-page input,.simple-page input,.simple-page textarea,.simple-page select){background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #1d2737)!important;border-color:var(--theme-v20-line, #d3dce7)!important}
html[data-theme="light"] :is(.auth-page input,.admin-page input,.dashboard-page input,.home-page input,.simple-page input,.simple-page textarea)::placeholder{color:var(--theme-v20-muted, #98a4b5)!important}

@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none!important}}

/* ========================================================================
   V6.6.0 LIGHT_THEME_AUDIT — independent light palette, legacy-safe contrast
   ======================================================================== */
html[data-theme="light"]{
  --bg:var(--theme-v20-bg, #eef3f8);--panel:var(--theme-v20-panel, #ffffff);--surface:var(--theme-v20-panel, #f7f9fc);--surface2:var(--theme-v20-panel2, #f1f5f9);--input:var(--theme-v20-input, #ffffff);
  --text:var(--theme-v20-text, #172033);--text-strong:var(--theme-v20-text, #0f172a);--muted:var(--theme-v20-muted, #64748b);--muted2:var(--theme-v20-muted, #7b8798);--line:var(--theme-v20-line, #d8e1eb);
  --accent:var(--theme-v20-accent, #5b55c9);--accent2:var(--theme-v20-cyan, #277fa3);--accent-soft:var(--theme-v20-panel, #ecebff);--shadow:0 18px 50px color-mix(in srgb, var(--theme-v20-shadow, #273448) 10.000%, transparent);
}
html[data-theme="light"] body{color:var(--text)!important}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,.logo,.brand-title,.panel-title,.section-title){color:var(--text-strong)!important}
html[data-theme="light"] :is(.muted,.subtitle,.header-subtitle,.meta,.hint,.help-text,.field-note,.status-note,.empty,.api-history-empty){color:var(--muted)!important}
html[data-theme="light"] :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),textarea,select){background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #1b2638)!important;border-color:var(--theme-v20-line, #cfd9e5)!important;box-shadow:none}
html[data-theme="light"] :is(input,textarea)::placeholder{color:var(--theme-v20-muted, #94a0b2)!important;opacity:1}
html[data-theme="light"] :is(.modal-card,.dialog,.panel,.card,.tool-card,.skill-panel,.skill-dialog,.story-editor-card,.story-action-card,.story-audit-result,.story-batch-status-card){color:var(--text)!important}
html[data-theme="light"] :is(.ghost,.secondary,.tool-btn:not(.primary):not(.danger),.icon-btn){color:var(--theme-v20-accent, #435066)!important;border-color:var(--theme-v20-line, #cfd9e5)!important;background:var(--theme-v20-panel, #fff)!important}
html[data-theme="light"] :is(.ghost,.secondary,.tool-btn:not(.primary):not(.danger),.icon-btn):hover{color:var(--theme-v20-accent, #272f72)!important;border-color:var(--theme-v20-line, #b9b6e4)!important;background:var(--theme-v20-panel, #f1f0ff)!important}
html[data-theme="light"] :is(.primary,.tool-btn.primary,.energy-primary){color:var(--theme-v20-on-accent, #fff)!important}
html[data-theme="light"] :is(code,.code-inline){color:var(--theme-v20-accent, #4b46a5)!important;background:var(--theme-v20-panel, #eeeff8)!important;border-color:var(--theme-v20-line, #d7d9eb)!important}

/* Story production workbench — all text/surfaces explicitly light scoped */
html[data-theme="light"] .story-workbench-page{background:var(--theme-v20-panel, #eef3f8)!important;color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] .story-topbar{background:color-mix(in srgb, var(--theme-v20-panel, #fafcfe) 92.000%, transparent)!important;border-color:var(--theme-v20-line, #dbe3ec)!important;color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] .story-project-name{color:var(--theme-v20-accent, #172033)!important;background:transparent!important;border-color:transparent!important}
html[data-theme="light"] :is(.story-stage-rail,.story-copilot){background:var(--theme-v20-panel, #f8fafc)!important;border-color:var(--theme-v20-line, #d8e1eb)!important;color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] .story-stage-tab{color:var(--theme-v20-accent, #556277)!important;background:transparent!important;border-color:transparent!important}
html[data-theme="light"] .story-stage-tab :is(b,small){color:inherit!important}
html[data-theme="light"] .story-stage-tab.active{background:linear-gradient(145deg,var(--theme-v20-panel, #ececff),var(--theme-v20-panel, #e9f5fa))!important;border-color:var(--theme-v20-line, #c8c5ec)!important;color:var(--theme-v20-accent, #38329b)!important}
html[data-theme="light"] :is(.story-panel-head h1,.story-action-card h2,.story-audit-result h2,.copilot-head b){color:var(--theme-v20-accent, #152033)!important}
html[data-theme="light"] :is(.story-panel-head p,.story-action-card p,.story-audit-summary,.story-ai-image-status,.story-batch-meter small,.story-batch-current,.story-scene-status,.story-counter,.story-kicker,.copilot-empty){color:var(--theme-v20-accent, #68768b)!important}
html[data-theme="light"] :is(.story-editor-card,.story-action-card,.story-audit-result,.story-batch-status-card,.story-scene,.story-asset,.story-video-row,.story-image-tools){background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d7e0ea)!important;color:var(--theme-v20-accent, #172033)!important;box-shadow:0 14px 36px color-mix(in srgb, var(--theme-v20-accent, #2b394e) 6.500%, transparent)!important}
html[data-theme="light"] :is(.story-editor-card label,.story-action-card label,.story-image-tools label,.copilot-controls label){color:var(--theme-v20-accent, #526176)!important}
html[data-theme="light"] :is(.story-run-state,.story-chip,.story-batch-current){background:var(--theme-v20-panel, #f4f7fa)!important;border-color:var(--theme-v20-line, #d9e1ea)!important;color:var(--theme-v20-accent, #5d6b80)!important}
html[data-theme="light"] .story-run-state.done{background:var(--theme-v20-panel, #e9f8f2)!important;border-color:var(--theme-v20-line, #bfe4d5)!important;color:var(--theme-v20-success, #087458)!important}
html[data-theme="light"] .story-run-state.running{background:var(--theme-v20-panel, #eef0ff)!important;border-color:var(--theme-v20-line, #cecafa)!important;color:var(--theme-v20-accent, #4a43ac)!important}
html[data-theme="light"] .story-run-state.failed{background:var(--theme-v20-panel, #fff0ef)!important;border-color:var(--theme-v20-line, #efc4c0)!important;color:var(--theme-v20-danger, #a53128)!important}
html[data-theme="light"] .story-billing-strip{background:linear-gradient(135deg,var(--theme-v20-panel, #f7f7ff),var(--theme-v20-panel, #f2f8fb))!important;border-color:var(--theme-v20-line, #d6d7ef)!important;color:var(--theme-v20-accent, #26324a)!important}
html[data-theme="light"] .story-billing-strip span{color:var(--theme-v20-accent, #655fc1)!important}html[data-theme="light"] .story-billing-strip b{color:var(--theme-v20-accent, #1c2840)!important}html[data-theme="light"] .story-billing-strip small{color:var(--theme-v20-accent, #65748a)!important}html[data-theme="light"] .story-billing-strip a{color:var(--theme-v20-accent, #514ab1)!important}
html[data-theme="light"] .copilot-head{background:var(--theme-v20-panel, #fbfcfe)!important;border-color:var(--theme-v20-line, #dbe3ec)!important}
html[data-theme="light"] .copilot-controls{background:var(--theme-v20-panel, #f8fafc)!important;border-color:var(--theme-v20-line, #dbe3ec)!important}
html[data-theme="light"] .copilot-stream{background:var(--theme-v20-panel, #f4f7fa)!important}
html[data-theme="light"] .copilot-msg{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d9e2ec)!important;color:var(--theme-v20-accent, #223047)!important;box-shadow:0 7px 20px color-mix(in srgb, var(--theme-v20-accent, #2c3a4f) 4.500%, transparent)}
html[data-theme="light"] .copilot-msg.user{background:var(--theme-v20-panel, #ecebff)!important;border-color:var(--theme-v20-line, #c9c5ed)!important;color:var(--theme-v20-accent, #332e7a)!important}
html[data-theme="light"] .copilot-msg small{color:var(--theme-v20-muted, #7a879a)!important}
html[data-theme="light"] .copilot-quick button{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d7e0e9)!important;color:var(--theme-v20-accent, #5c697d)!important}
html[data-theme="light"] .copilot-compose{background:var(--theme-v20-panel, #f9fbfd)!important;border-top-color:var(--theme-v20-line, #dbe3ec)!important}

/* Skill library */
html[data-theme="light"] .skill-page{color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] :is(.skill-panel,.skill-content,.skill-card,.skill-dialog,.skill-inspector){background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d8e1eb)!important;color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] :is(.skill-hero p,.skill-panel-head small,.skill-card p,.skill-card small,.skill-field span,.skill-inspector small,.skill-empty){color:var(--theme-v20-accent, #68768b)!important}
html[data-theme="light"] :is(.skill-card h3,.skill-panel-head b,.skill-toolbar b,.skill-dialog-head b,.skill-inspector b){color:var(--theme-v20-accent, #152033)!important}
html[data-theme="light"] .skill-upload-zone{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #cad5e2)!important;color:var(--theme-v20-accent, #4f5d73)!important}
html[data-theme="light"] .skill-upload-zone:hover{background:var(--theme-v20-panel, #efefff)!important;border-color:var(--theme-v20-line, #bbb7e6)!important;color:var(--theme-v20-accent, #3e3899)!important}
html[data-theme="light"] .skill-filter button{background:var(--theme-v20-panel, #f5f7fa)!important;color:var(--theme-v20-accent, #66758a)!important;border-color:var(--theme-v20-line, #dae2eb)!important}
html[data-theme="light"] .skill-filter button.active{background:var(--theme-v20-panel, #ecebff)!important;color:var(--theme-v20-accent, #3e389b)!important;border-color:var(--theme-v20-line, #c8c4ec)!important}
html[data-theme="light"] .skill-safety-row{border-color:var(--theme-v20-line, #e1e7ee)!important;color:var(--theme-v20-accent, #26344a)!important}

/* Standalone tools */
html[data-theme="light"] :is(.tool-header,.tool-main,.tool-card,.chat-shell,.chat-top,.chat-compose){color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] .tool-header{background:color-mix(in srgb, var(--theme-v20-panel, #fafcfe) 90.000%, transparent)!important;border-color:var(--theme-v20-line, #dbe3ec)!important}
html[data-theme="light"] .tool-link{color:var(--theme-v20-accent, #4e5d73)!important;border-color:var(--theme-v20-line, #d6dee8)!important;background:var(--theme-v20-panel, #fff)!important}
html[data-theme="light"] .tool-link:hover{color:var(--theme-v20-accent, #413aa2)!important;background:var(--theme-v20-panel, #efefff)!important;border-color:var(--theme-v20-line, #c8c4ec)!important}
html[data-theme="light"] :is(.chat-top h2,.tool-brand b){color:var(--theme-v20-accent, #152033)!important}
html[data-theme="light"] :is(.chat-model-field label,.tool-meta,.chat-skill-status span){color:var(--theme-v20-accent, #66758a)!important}
html[data-theme="light"] .chat-skill-status{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #dce4ed)!important;color:var(--theme-v20-accent, #58667b)!important}
html[data-theme="light"] .chat-pricing-strip{background:linear-gradient(135deg,var(--theme-v20-panel, #f4f3ff),var(--theme-v20-panel, #f2f8fb))!important;border-color:var(--theme-v20-line, #d6d6ef)!important;color:var(--theme-v20-accent, #5b6480)!important}
html[data-theme="light"] .chat-stream{background:var(--theme-v20-panel, #f5f8fb)!important}

/* Legacy API docs / API key pages use large inline dark style blocks; override them here. */
html[data-theme="light"] body>.wrap,html[data-theme="light"] body>.container{color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] :is(.wrap .top,.container .header){border-color:var(--theme-v20-line, #d9e2ec)!important}
html[data-theme="light"] :is(.wrap .top p,.wrap p,.wrap li,.container .header p){color:var(--theme-v20-accent, #627188)!important}
html[data-theme="light"] :is(.wrap .card,.container .card,.container .token,.container .stat,.container .scope-panel,.container .dialog){background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d8e1eb)!important;color:var(--theme-v20-accent, #172033)!important;box-shadow:0 12px 34px color-mix(in srgb, var(--theme-v20-accent, #2b394e) 5.500%, transparent)}
html[data-theme="light"] .container .stat b{color:var(--theme-v20-accent, #142034)!important}
html[data-theme="light"] :is(.container .stat span,.container .meta,.container .empty,.container .hint,.container .usage-table th,.container .token-key){color:var(--theme-v20-accent, #68768b)!important}
html[data-theme="light"] .container .meta b{color:var(--theme-v20-accent, #26344a)!important}
html[data-theme="light"] :is(.wrap .code,.container .endpoint){background:var(--theme-v20-panel, #f4f7fa)!important;border-color:var(--theme-v20-line, #d8e1eb)!important;color:var(--theme-v20-accent, #334155)!important}
html[data-theme="light"] :is(.wrap .tag,.container .badge){background:var(--theme-v20-panel, #eef2f7)!important;color:var(--theme-v20-accent, #59677c)!important}
html[data-theme="light"] :is(.wrap .btn,.container .secondary,.container .ghost){background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #45536a)!important;border-color:var(--theme-v20-line, #cfd9e5)!important}
html[data-theme="light"] .container .notice{background:var(--theme-v20-panel, #f3f0ff)!important;border-color:var(--theme-v20-line, #d6d0f0)!important;color:var(--theme-v20-accent, #554c9c)!important}
html[data-theme="light"] .container .field label{color:var(--theme-v20-accent, #59687d)!important}
html[data-theme="light"] .container .group-check{background:var(--theme-v20-panel, #f8fafc)!important;border-color:var(--theme-v20-line, #d9e2ec)!important;color:var(--theme-v20-accent, #354156)!important}
html[data-theme="light"] .wrap .table :is(th,td),html[data-theme="light"] .container .usage-table :is(th,td){border-color:var(--theme-v20-line, #dfe6ee)!important;color:var(--theme-v20-accent, #344155)!important}

/* Canvas assistant hard contrast safety */
html[data-theme="light"] .canvas-ai-card :is(b,strong){color:var(--theme-v20-accent, #172033)}
html[data-theme="light"] .canvas-ai-card .canvas-ai-orb{color:var(--theme-v20-text, #fff)!important}
html[data-theme="light"] :is(.canvas-ai-model,.canvas-ai-skill-btn){background:var(--theme-v20-panel, #fff)!important;color:var(--theme-v20-accent, #28364b)!important;border-color:var(--theme-v20-line, #cbd6e2)!important}
html[data-theme="light"] :is(.canvas-ai-model-menu,.canvas-ai-skill-menu){background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #cfd9e5)!important;color:var(--theme-v20-accent, #172033)!important}
html[data-theme="light"] :is(.canvas-ai-model-opt,.canvas-ai-skill-opt){color:var(--theme-v20-accent, #26344a)!important}
html[data-theme="light"] :is(.canvas-ai-model-opt small,.canvas-ai-skill-opt small,.canvas-ai-skill-menu-head small){color:var(--theme-v20-muted, #748196)!important}
html[data-theme="light"] .canvas-ai-skill-menu-head{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #e0e6ee)!important}
html[data-theme="light"] .canvas-ai-skill-opt:hover{background:var(--theme-v20-panel, #f3f5fb)!important}
html[data-theme="light"] .canvas-ai-skill-opt.active{background:var(--theme-v20-panel, #ecebff)!important;border-color:var(--theme-v20-line, #c7c3ed)!important}
html[data-theme="light"] .canvas-ai-run-meta{background:var(--theme-v20-panel, #f7f9fc)!important;border-color:var(--theme-v20-line, #dbe3ec)!important;color:var(--theme-v20-accent, #4f5d73)!important}
html[data-theme="light"] .canvas-ai-run-meta-head b{color:var(--theme-v20-accent, #39348f)!important}
html[data-theme="light"] :is(.canvas-ai-run-steps span,.canvas-ai-run-tools small){background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #d8e1eb)!important;color:var(--theme-v20-accent, #637086)!important}
html[data-theme="light"] .canvas-ai-fee-guide a{color:var(--theme-v20-accent, #4e48ad)!important}

html[data-theme="light"] :is(.api-badge,.status-pill,.tag,.chip):not(.ok):not(.run):not(.bad):not(.danger){color:var(--theme-v20-accent, #4e5d73)!important}
html[data-theme="light"] :is(.canvas-ai-fee-panel,.canvas-ai-fee-detail){color:var(--theme-v20-accent, #26344a)!important;background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #dbe3ec)!important}
html[data-theme="light"] :is(.canvas-ai-fee-panel p,.canvas-ai-fee-panel small,.canvas-ai-fee-detail small){color:var(--theme-v20-accent, #68768b)!important}
html[data-theme="light"] .canvas-ai-fee-panel strong{color:var(--theme-v20-accent, #172033)!important}

/* ===== v6.6.1 visual system foundation ===== */
:root{
  --v661-radius-xs:10px;--v661-radius-sm:13px;--v661-radius-md:17px;--v661-radius-lg:24px;
  --v661-ease:cubic-bezier(.16,.8,.22,1);
}
html[data-theme="dark"]{
  --v661-glass:color-mix(in srgb, var(--theme-v20-panel, #0d111b) 58.000%, transparent);--v661-glass-strong:color-mix(in srgb, var(--theme-v20-panel, #101521) 76.000%, transparent);--v661-glass-soft:color-mix(in srgb, var(--theme-v20-panel, #171d2b) 46.000%, transparent);
  --v661-line:color-mix(in srgb, var(--theme-v20-line, #c2caff) 11.000%, transparent);--v661-line-strong:color-mix(in srgb, var(--theme-v20-line, #b2abff) 24.000%, transparent);
  --v661-ink:var(--theme-v20-text, #f2f4fb);--v661-ink-2:var(--theme-v20-text, #cbd2e2);--v661-muted:var(--theme-v20-muted, #8994aa);
  --v661-purple:var(--theme-v20-accent, #8f83ff);--v661-purple-2:var(--theme-v20-accent, #665af1);--v661-cyan:var(--theme-v20-cyan, #71d8ff);--v661-blue:var(--theme-v20-accent, #5b8cff);
  --v661-shadow:0 22px 70px color-mix(in srgb, var(--theme-v20-shadow, #000000) 28.000%, transparent);--v661-inner:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-panel, #ffffff) 5.500%, transparent);
}
html[data-theme="light"]{
  --v661-glass:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 66.000%, transparent);--v661-glass-strong:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 82.000%, transparent);--v661-glass-soft:color-mix(in srgb, var(--theme-v20-panel, #f5f8fd) 66.000%, transparent);
  --v661-line:color-mix(in srgb, var(--theme-v20-line, #43526f) 12.000%, transparent);--v661-line-strong:color-mix(in srgb, var(--theme-v20-line, #5b53be) 24.000%, transparent);
  --v661-ink:var(--theme-v20-text, #182135);--v661-ink-2:var(--theme-v20-text, #44516a);--v661-muted:var(--theme-v20-muted, #718096);
  --v661-purple:var(--theme-v20-accent, #6259d8);--v661-purple-2:var(--theme-v20-accent, #5148be);--v661-cyan:var(--theme-v20-cyan, #2d8eb5);--v661-blue:var(--theme-v20-accent, #4e72d8);
  --v661-shadow:0 22px 58px color-mix(in srgb, var(--theme-v20-shadow, #38455c) 12.000%, transparent);--v661-inner:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-panel, #ffffff) 75.000%, transparent);
}
html,body,button,input,textarea,select{
  font-family:Inter,"SF Pro Text","SF Pro Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Noto Sans CJK SC",system-ui,sans-serif;
}
body{font-feature-settings:"kern" 1,"liga" 1,"tnum" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.logo,h1,h2,h3,.mode-card b,.project-info b,.balance-copy strong{letter-spacing:-.025em}
:is(.balance-chip,.balance-asset,.credit-stat-row,.api-quota-widget,.price-range,.security-metrics){font-variant-numeric:tabular-nums}

/* shared premium buttons */
:is(button,.ghost,.primary,.tool-link,.theme-toggle){-webkit-tap-highlight-color:transparent}
.primary,.ghost,.asset-action,.topbar-nav-link,.topbar-icon-action,.theme-toggle{
  position:relative;isolation:isolate;border-radius:12px;transition:transform .2s var(--v661-ease),border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease,opacity .2s ease;
}
.primary{
  overflow:hidden;border:1px solid color-mix(in srgb, var(--theme-v20-line, #b4b0ff) 30.000%, transparent)!important;
  background:linear-gradient(135deg,var(--theme-v20-accent, #7768f6) 0%,var(--theme-v20-accent, #5b57da) 56%,var(--theme-v20-accent, #4c79d7) 100%)!important;
  box-shadow:0 10px 28px color-mix(in srgb, var(--theme-v20-accent, #584ce7) 24.000%, transparent),inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 20.000%, transparent);font-weight:700;letter-spacing:.005em;
}
.primary:before{content:"";position:absolute;inset:-60% -30%;z-index:-1;background:linear-gradient(105deg,transparent 38%,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 22.000%, transparent) 50%,transparent 62%);transform:translateX(-62%) rotate(8deg);transition:transform .72s var(--v661-ease);pointer-events:none}
.primary:hover:before{transform:translateX(62%) rotate(8deg)}
.primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px color-mix(in srgb, var(--theme-v20-accent, #584ce7) 31.000%, transparent),0 0 0 1px color-mix(in srgb, var(--theme-v20-accent, #8f83ff) 12.000%, transparent)}
.primary:active{transform:translateY(0) scale(.985)}
.ghost,.theme-toggle{border:1px solid var(--v661-line)!important;background:var(--v661-glass-soft)!important;color:var(--v661-ink-2)!important;box-shadow:var(--v661-inner);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}
.ghost:hover,.theme-toggle:hover{border-color:var(--v661-line-strong)!important;background:color-mix(in srgb,var(--v661-glass-strong) 88%,var(--v661-purple) 12%)!important;color:var(--v661-ink)!important;transform:translateY(-1px)}
.ghost:active,.theme-toggle:active{transform:scale(.98)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid color-mix(in srgb,var(--v661-purple) 74%,var(--theme-v20-line, white) 26%);outline-offset:2px}

/* floating glass topbar system */
.home-header.app-topbar{
  min-height:66px;height:auto;margin:10px 14px 0;padding:8px 10px 8px 12px!important;border:1px solid var(--v661-line)!important;border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--v661-glass-strong) 94%,transparent),color-mix(in srgb,var(--v661-glass) 96%,transparent))!important;
  box-shadow:var(--v661-shadow),var(--v661-inner)!important;-webkit-backdrop-filter:blur(24px) saturate(1.18);backdrop-filter:blur(24px) saturate(1.18);
}
.home-header.app-topbar:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 5.500%, transparent),transparent 28%,transparent 68%,color-mix(in srgb, var(--theme-v20-cyan-soft, #71d8ff) 2.500%, transparent));opacity:.85}
.home-header.app-topbar .logo{font-size:15px;font-weight:760;color:var(--v661-ink)}
.home-header.app-topbar .header-subtitle,.home-header.app-topbar small{color:var(--v661-muted)}
.home-header.app-topbar .header-actions{gap:7px;min-width:0}
.home-header.app-topbar .ghost.compact{min-height:36px;padding:8px 11px;border-radius:11px;font-size:11px;font-weight:620}

/* dashboard topbar: brand + navigation rail + asset area */
.dashboard-topbar{display:grid!important;grid-template-columns:minmax(188px,.72fr) minmax(360px,1.35fr) minmax(330px,auto);align-items:center;gap:12px}
.premium-brand{min-width:0}.premium-brand .brand-dot{position:relative;width:39px;height:39px;border-radius:13px;overflow:hidden;background:radial-gradient(circle at 28% 22%,var(--theme-v20-accent-soft, #b7b1ff) 0,var(--theme-v20-accent-soft, #8175ff) 24%,var(--theme-v20-accent-soft, #5b50dc) 58%,var(--theme-v20-accent-soft, #313067) 100%);border:1px solid color-mix(in srgb, var(--theme-v20-line, #e0ddff) 22.000%, transparent);box-shadow:0 12px 30px color-mix(in srgb, var(--theme-v20-accent, #5348df) 28.000%, transparent),inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 22.000%, transparent)}
.premium-brand .brand-dot:before{content:"";position:absolute;inset:-35%;background:conic-gradient(from 220deg,transparent,color-mix(in srgb, var(--theme-v20-cyan-soft, #71d8ff) 50.000%, transparent),transparent 24%,color-mix(in srgb, var(--theme-v20-accent-soft, #a78bfa) 42.000%, transparent),transparent 48%);animation:v661BrandSpin 8s linear infinite}.premium-brand .brand-dot span{position:relative;z-index:1;font-weight:850;color:var(--theme-v20-text, #fff);text-shadow:0 1px 10px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 35.000%, transparent)}
.premium-brand small{font-size:8px!important;letter-spacing:.19em;white-space:nowrap}
.dashboard-nav-rail{justify-self:center;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--v661-line);border-radius:14px;background:color-mix(in srgb, var(--theme-v20-bg, #070a11) 16.000%, transparent);min-width:0}
.topbar-nav-link{appearance:none;text-decoration:none;border:1px solid transparent;background:transparent;color:var(--v661-ink-2);min-height:34px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:10.5px;font-weight:660;cursor:pointer}
.topbar-nav-link:hover{color:var(--v661-ink);border-color:var(--v661-line);background:color-mix(in srgb,var(--v661-glass-soft) 82%,var(--v661-purple) 18%);box-shadow:var(--v661-inner);transform:translateY(-1px)}
.topbar-nav-icon{font-size:13px;color:color-mix(in srgb,var(--v661-purple) 75%,var(--v661-cyan) 25%)}
.dashboard-account-zone{justify-self:end;display:flex;align-items:center;gap:7px}
.balance-asset{position:relative;display:flex;align-items:center;gap:9px;min-height:44px;padding:5px 11px 5px 6px;border-radius:15px;border:1px solid var(--v661-line-strong);background:linear-gradient(135deg,color-mix(in srgb,var(--v661-glass-strong) 90%,var(--v661-purple) 10%),var(--v661-glass));box-shadow:0 12px 28px color-mix(in srgb, var(--theme-v20-accent, #3a3296) 13.000%, transparent),var(--v661-inner)}
.coin-core{position:relative;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 26%,var(--theme-v20-panel, #f3f0ff) 0,var(--theme-v20-accent-soft, #a99fff) 18%,var(--theme-v20-accent-soft, #7468ee) 47%,var(--theme-v20-accent-soft, #423c98) 72%,var(--theme-v20-accent-soft, #24244d) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--theme-v20-shadow, #d1ccff) 28.000%, transparent),0 0 24px color-mix(in srgb, var(--theme-v20-accent, #7868ff) 28.000%, transparent);flex:none;overflow:hidden}
.coin-core:before,.coin-core:after{content:"";position:absolute;border-radius:50%}.coin-core:before{inset:5px;border:1px solid color-mix(in srgb, var(--theme-v20-line, #ffffff) 38.000%, transparent);box-shadow:inset 0 0 8px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 12.000%, transparent)}.coin-core:after{width:8px;height:8px;background:var(--theme-v20-panel, #fff);filter:blur(4px);opacity:.72;top:3px;left:6px}.coin-core i{width:10px;height:10px;border:2px solid color-mix(in srgb, var(--theme-v20-line, #ffffff) 84.000%, transparent);transform:rotate(45deg);border-radius:2px}
.balance-copy{display:grid;gap:1px;line-height:1}.balance-copy>small{font-size:6.5px!important;letter-spacing:.18em;color:var(--v661-muted)!important}.balance-copy strong{display:flex;align-items:baseline;gap:5px;color:var(--v661-ink);font-size:16px;font-weight:780}.balance-copy em{font-size:8px;font-style:normal;font-weight:600;color:var(--v661-muted)}
.asset-action{min-height:36px;padding:7px 11px;border:1px solid var(--v661-line-strong);background:linear-gradient(135deg,color-mix(in srgb, var(--theme-v20-accent-soft, #7667ef) 18.000%, transparent),color-mix(in srgb, var(--theme-v20-accent-soft, #486fce) 10.000%, transparent));color:var(--v661-ink-2);font-weight:680;font-size:10.5px;cursor:pointer;box-shadow:var(--v661-inner)}
.asset-action:hover{color:var(--v661-ink);border-color:color-mix(in srgb,var(--v661-purple) 44%,var(--v661-line));transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb, var(--theme-v20-accent, #584ce7) 12.000%, transparent),var(--v661-inner)}
.topbar-icon-action{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--v661-line);background:var(--v661-glass-soft);color:var(--v661-ink-2);font-size:14px;cursor:pointer;box-shadow:var(--v661-inner)}
.topbar-icon-action:hover{border-color:var(--v661-line-strong);background:color-mix(in srgb,var(--v661-glass-strong) 86%,var(--v661-purple) 14%);color:var(--v661-ink);transform:translateY(-1px)}
.nav-badge{min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:inline-grid;place-items:center;background:var(--theme-v20-accent-soft, #786bff);color:var(--theme-v20-text, #fff);font-size:8px;line-height:1;box-shadow:0 0 16px color-mix(in srgb, var(--theme-v20-accent, #786bff) 40.000%, transparent)}

/* glass surfaces on homepage/project overview */
.dashboard-v630 .dashboard-command,.dashboard-v630 .film-showcase,.dashboard-v630 .dashboard-utility,.dashboard-v630 .dashboard-lower-grid,.home-page :is(.api-quota-widget,.project-card-v47,.project-card){
  border-color:var(--v661-line)!important;background:linear-gradient(145deg,var(--v661-glass-strong),var(--v661-glass))!important;box-shadow:var(--v661-shadow),var(--v661-inner)!important;-webkit-backdrop-filter:blur(26px) saturate(1.18);backdrop-filter:blur(26px) saturate(1.18)
}
.dashboard-v630 .mode-card{border-color:var(--v661-line)!important;background:linear-gradient(145deg,color-mix(in srgb, var(--theme-v20-accent-soft, #151b29) 54.000%, transparent),color-mix(in srgb, var(--theme-v20-bg, #090d16) 42.000%, transparent))!important;box-shadow:0 15px 42px color-mix(in srgb, var(--theme-v20-shadow, #000000) 16.000%, transparent),var(--v661-inner);-webkit-backdrop-filter:blur(21px) saturate(1.14);backdrop-filter:blur(21px) saturate(1.14)}
.dashboard-v630 .mode-card:hover{border-color:var(--v661-line-strong)!important;box-shadow:0 24px 58px color-mix(in srgb, var(--theme-v20-shadow, #000000) 23.000%, transparent),0 0 34px color-mix(in srgb, var(--theme-v20-accent, #6f5fff) 8.000%, transparent),var(--v661-inner)}
.dashboard-v630 .mode-icon{background:linear-gradient(145deg,color-mix(in srgb, var(--theme-v20-accent-soft, #705eff) 16.000%, transparent),color-mix(in srgb, var(--theme-v20-accent-soft, #4e8dd0) 8.000%, transparent));border-color:var(--v661-line);color:var(--theme-v20-text, #c7c2ff);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 4.500%, transparent)}

html[data-theme="light"] .dashboard-nav-rail{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 44.000%, transparent)}
html[data-theme="light"] .dashboard-v630 .mode-card{background:linear-gradient(145deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 76.000%, transparent),color-mix(in srgb, var(--theme-v20-panel, #f4f7fc) 64.000%, transparent))!important}
html[data-theme="light"] .dashboard-v630 .mode-icon{background:linear-gradient(145deg,color-mix(in srgb, var(--theme-v20-accent-soft, #6359d8) 10.000%, transparent),color-mix(in srgb, var(--theme-v20-cyan-soft, #2d8eb5) 7.000%, transparent));color:var(--theme-v20-accent, #5e56c7)}
html[data-theme="light"] .coin-core{filter:saturate(.9)}

@keyframes v661BrandSpin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.dashboard-topbar{grid-template-columns:minmax(180px,.7fr) 1fr auto}.dashboard-nav-rail .topbar-nav-link span:not(.topbar-nav-icon):not(.nav-badge){display:none}.dashboard-nav-rail{min-width:auto}.topbar-nav-link{width:38px;padding:0}.balance-copy>small{display:none!important}}
@media(max-width:860px){.home-header.app-topbar{margin:7px 8px 0;border-radius:16px}.dashboard-topbar{display:flex!important;flex-wrap:wrap;gap:8px}.dashboard-nav-rail{order:3;width:100%;justify-content:center;overflow-x:auto;scrollbar-width:none}.dashboard-nav-rail::-webkit-scrollbar{display:none}.dashboard-nav-rail .topbar-nav-link{width:auto;min-width:0;padding:7px 10px}.dashboard-nav-rail .topbar-nav-link span:not(.topbar-nav-icon):not(.nav-badge){display:inline}.dashboard-account-zone{margin-left:auto}.balance-asset{min-height:40px}.coin-core{width:28px;height:28px}.balance-copy strong{font-size:14px}}
@media(max-width:640px){.home-header.app-topbar{padding:7px!important}.premium-brand small{display:none!important}.dashboard-topbar{align-items:center}.dashboard-nav-rail{padding:3px}.dashboard-nav-rail .topbar-nav-link{font-size:10px;min-height:32px;padding:6px 8px}.dashboard-account-zone{gap:4px}.balance-asset{padding-right:8px;gap:6px}.coin-core{width:26px;height:26px}.balance-copy strong{font-size:13px}.balance-copy em{display:none}.asset-action{min-height:34px;padding:6px 8px}.topbar-icon-action{width:34px;height:34px}.dashboard-account-zone .theme-toggle{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}.dashboard-account-zone .theme-toggle-label{display:none!important}}
@media(prefers-reduced-motion:reduce){.premium-brand .brand-dot:before,.primary:before{animation:none!important;transition:none!important}}


/* ===== v6.6.1 dimensional tunnel intro ===== */
.tunnel-intro{background:radial-gradient(circle at 50% 50%,var(--theme-v20-accent-soft, #121735) 0,var(--theme-v20-bg, #080b16) 21%,var(--theme-v20-bg, #04060b) 58%,var(--theme-v20-bg, #020307) 100%)!important}
.tunnel-intro:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb, var(--theme-v20-accent-soft, #675bff) 18.000%, transparent),transparent 22%),conic-gradient(from 0deg at 50% 50%,color-mix(in srgb, var(--theme-v20-accent-soft, #7566ff) 3.500%, transparent),transparent 7%,color-mix(in srgb, var(--theme-v20-cyan-soft, #4cc6ff) 2.600%, transparent) 14%,transparent 24%,color-mix(in srgb, var(--theme-v20-accent-soft, #9f5eff) 2.500%, transparent) 34%,transparent 48%,color-mix(in srgb, var(--theme-v20-accent-soft, #5da0ff) 3.000%, transparent) 58%,transparent 71%,color-mix(in srgb, var(--theme-v20-accent-soft, #8669ff) 3.000%, transparent) 84%,transparent);filter:blur(16px);animation:v661TunnelAura 2.4s ease-in-out infinite alternate;pointer-events:none}
.tunnel-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;perspective:900px}
.tunnel-stars:before,.tunnel-stars:after{content:"";position:absolute;left:50%;top:50%;width:1px;height:1px;border-radius:50%;transform-origin:0 0;will-change:transform,opacity}
.tunnel-stars:before{box-shadow:39.2vw 32.5vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-16.5vw -4.9vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),44.4vw 1.7vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),1.8vw 11.7vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-6.0vw -17.1vh 0px 1px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),2.2vw -28.9vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),18.2vw -9.3vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),7.9vw 25.5vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-27.3vw -40.4vh 0px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-18.0vw 3.5vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-42.0vw 8.5vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),-40.6vw -32.2vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),-37.2vw -15.7vh 0px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-33.7vw 10.6vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),34.1vw -26.6vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-3.3vw 33.4vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-36.0vw -10.7vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-1.6vw 23.4vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),10.4vw 0.5vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-30.5vw 26.8vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-12.3vw -27.0vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),4.4vw -11.4vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),38.9vw -43.2vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-37.7vw 15.3vh 2px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),12.6vw -10.0vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),29.9vw 33.4vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-44.4vw -31.8vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-26.3vw -25.1vh 2px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),5.2vw -32.6vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),36.1vw 16.9vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-16.4vw -14.3vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),31.2vw 16.2vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),36.4vw -4.4vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),44.1vw 34.2vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-23.3vw 25.0vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),-28.6vw 20.3vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),14.0vw 20.3vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-36.0vw 3.1vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),43.7vw 35.8vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-18.9vw 6.0vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-4.8vw -37.6vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),20.4vw 1.4vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),17.1vw 9.6vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),9.9vw 43.9vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-22.0vw 34.9vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),-37.6vw 15.5vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),2.8vw 22.9vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #dce8ff) 92.000%, transparent),12.5vw -21.7vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-29.2vw -19.9vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-1.9vw 39.2vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),40.3vw 15.3vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),24.3vw -16.9vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent);animation:v661StarRushNear 1.18s linear infinite}
.tunnel-stars:after{box-shadow:46.7vw 45.9vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),12.8vw 1.5vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),36.2vw -27.5vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-33.0vw -34.1vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-34.8vw 8.7vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-27.7vw 14.5vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-18.5vw -24.8vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-7.3vw 38.2vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-4.8vw 30.8vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-48.1vw 11.9vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-8.2vw 15.9vh 2px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),33.1vw -45.5vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),44.1vw -5.7vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),41.0vw 22.5vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),10.4vw -16.7vh 2px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-40.5vw 15.5vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-14.0vw -27.6vh 0px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-31.7vw -21.0vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-22.4vw -22.5vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-23.2vw 45.3vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-38.0vw -27.8vh 2px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),39.8vw 14.7vh 2px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),27.0vw 27.8vh 2px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),6.6vw 46.7vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-29.9vw 37.8vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),24.0vw -12.8vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),37.0vw 46.4vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-0.5vw -33.0vh 0px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),42.2vw 10.3vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-44.5vw -10.6vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-7.8vw -23.7vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-24.1vw -9.4vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-6.8vw -10.2vh 0px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),30.7vw -12.1vh 0px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-1.8vw 16.2vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-46.3vw -2.7vh 2px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-19.9vw -4.0vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-43.1vw -40.6vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),22.8vw 27.0vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),34.7vw 31.1vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),3.7vw 30.4vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-23.9vw 1.6vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-42.8vw 24.6vh 2px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-15.4vw 27.3vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),3.0vw -33.1vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),23.3vw 17.1vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),10.3vw -16.7vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),37.7vw 16.9vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-17.2vw 25.5vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-45.1vw -21.4vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-34.9vw 22.2vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-24.2vw -15.6vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),10.6vw 9.3vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),4.7vw 36.7vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),3.1vw 18.5vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-33.6vw -31.6vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),-15.3vw -15.5vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-36.6vw 11.8vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),43.6vw -46.5vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-5.4vw -45.9vh 2px 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),33.8vw -29.2vh 0px 0px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),36.9vw -23.3vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-19.5vw -25.3vh 1px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-10.9vw 8.3vh 2px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-41.4vw -44.1vh 0px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-22.2vw 29.8vh 1px 0px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),42.5vw -42.6vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent),21.9vw 39.8vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),-21.3vw -24.5vh 0px 1px color-mix(in srgb, var(--theme-v20-shadow, #c2d2ff) 64.000%, transparent),-43.4vw -41.1vh 0px 0px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 78.000%, transparent),27.6vw 38.3vh 1px 1px color-mix(in srgb, var(--theme-v20-accent, #978bff) 88.000%, transparent),-20.4vw -18.9vh 1px 0px color-mix(in srgb, var(--theme-v20-accent, #70daff) 82.000%, transparent);opacity:.68;animation:v661StarRushFar 2.25s linear infinite}
.tunnel-lines{position:absolute;inset:-26%;pointer-events:none;opacity:.56;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 3.6deg,color-mix(in srgb, var(--theme-v20-accent-soft, #7c74ff) 5.500%, transparent) 3.8deg 4deg,transparent 4.25deg 8.7deg,color-mix(in srgb, var(--theme-v20-cyan-soft, #62cdff) 4.500%, transparent) 8.9deg 9.02deg);mask-image:radial-gradient(circle at center,transparent 0 10%,#000 19% 84%,transparent 100%);animation:v661TunnelSpin 13s linear infinite}
.tunnel-lines:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 1.2deg at 50% 50%,transparent 0 8.1deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 13.000%, transparent) 8.2deg 8.28deg,transparent 8.42deg 17deg);filter:blur(.35px);animation:v661TunnelPulse .92s ease-in-out infinite alternate}
.tunnel-rings{position:absolute;inset:0;display:grid;place-items:center;perspective:1200px;pointer-events:none}
.tunnel-rings i{position:absolute;width:18vmin;height:18vmin;border-radius:50%;border:1px solid color-mix(in srgb, var(--theme-v20-accent, #897eff) 30.000%, transparent);box-shadow:0 0 38px color-mix(in srgb, var(--theme-v20-accent, #645cff) 9.000%, transparent),inset 0 0 30px color-mix(in srgb, var(--theme-v20-accent, #64baff) 5.000%, transparent);opacity:0;transform:translateZ(-520px) scale(.18) rotateX(69deg);animation:v661RingPass 2.05s cubic-bezier(.14,.62,.2,1) infinite}
.tunnel-rings i:nth-child(2){animation-delay:.25s;border-color:color-mix(in srgb, var(--theme-v20-cyan, #5eceff) 25.000%, transparent)}.tunnel-rings i:nth-child(3){animation-delay:.5s}.tunnel-rings i:nth-child(4){animation-delay:.75s;border-color:color-mix(in srgb, var(--theme-v20-accent, #b785ff) 22.000%, transparent)}.tunnel-rings i:nth-child(5){animation-delay:1s}.tunnel-rings i:nth-child(6){animation-delay:1.25s;border-color:color-mix(in srgb, var(--theme-v20-cyan, #5eceff) 22.000%, transparent)}.tunnel-rings i:nth-child(7){animation-delay:1.5s}
.tunnel-flare{position:absolute;left:50%;top:50%;width:16vmin;height:16vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--theme-v20-panel, #fff) 0 1%,var(--theme-v20-panel, #c9c5ff) 2%,color-mix(in srgb, var(--theme-v20-accent-soft, #7e70ff) 58.000%, transparent) 8%,color-mix(in srgb, var(--theme-v20-accent-soft, #4ab0ff) 26.000%, transparent) 22%,transparent 66%);filter:blur(.3px);box-shadow:0 0 60px color-mix(in srgb, var(--theme-v20-accent, #6a5bff) 22.000%, transparent);animation:v661CoreBreathe 1.18s ease-in-out infinite alternate;pointer-events:none}
.tunnel-core{z-index:6!important}
.tunnel-core>i{width:250px!important;height:250px!important;border-color:color-mix(in srgb, var(--theme-v20-accent, #867bff) 28.000%, transparent)!important;box-shadow:0 0 80px color-mix(in srgb, var(--theme-v20-accent, #6356ff) 8.000%, transparent) inset!important;animation:v661CoreOrbit 5.4s linear infinite!important}
.tunnel-core>i:before{border-color:color-mix(in srgb, var(--theme-v20-cyan, #5bd6ff) 30.000%, transparent)!important;box-shadow:0 0 28px color-mix(in srgb, var(--theme-v20-accent, #5bd6ff) 6.000%, transparent)}
.tunnel-core>i:after{border-color:color-mix(in srgb, var(--theme-v20-accent, #ab8eff) 27.000%, transparent)!important}
.tunnel-core>span{position:relative;overflow:hidden;width:82px!important;height:82px!important;border-radius:27px!important;background:radial-gradient(circle at 28% 22%,var(--theme-v20-panel, #d9d4ff) 0,var(--theme-v20-accent-soft, #9488ff) 18%,var(--theme-v20-accent-soft, #6458dd) 50%,var(--theme-v20-accent-soft, #2f5f9f) 100%)!important;border:1px solid color-mix(in srgb, var(--theme-v20-line, #dedcff) 22.000%, transparent);box-shadow:0 0 0 7px color-mix(in srgb, var(--theme-v20-accent, #705eff) 3.500%, transparent),0 20px 90px color-mix(in srgb, var(--theme-v20-accent, #5e50e8) 46.000%, transparent)!important}
.tunnel-core>span:after{content:"";position:absolute;inset:-45%;background:linear-gradient(110deg,transparent 42%,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 36.000%, transparent) 50%,transparent 58%);animation:v661CoreSheen 1.9s ease-in-out infinite;transform:translateX(-35%) rotate(12deg)}
.tunnel-core>b{margin-top:58px!important;font-size:12px!important;font-weight:720;letter-spacing:.29em!important;text-shadow:0 0 28px color-mix(in srgb, var(--theme-v20-accent, #a29dff) 20.000%, transparent)}
.tunnel-core>small{font-size:7px!important;letter-spacing:.31em!important;color:var(--theme-v20-accent, #7f8da9)!important}
.tunnel-intro.is-leaving{opacity:0!important;transform:scale(1.15)!important;filter:brightness(1.45) saturate(1.12);transition:opacity .58s ease,transform .72s cubic-bezier(.12,.7,.18,1),filter .5s ease!important}
.tunnel-intro.is-leaving .tunnel-lines{animation-duration:.52s}
.tunnel-intro.is-leaving .tunnel-flare{transform:translate(-50%,-50%) scale(5.6);opacity:0;transition:transform .56s cubic-bezier(.12,.72,.18,1),opacity .54s ease}
@keyframes v661StarRushNear{0%{transform:scale(.14);opacity:0}10%{opacity:.22}64%{opacity:.92}100%{transform:scale(2.7);opacity:0}}
@keyframes v661StarRushFar{0%{transform:scale(.2);opacity:0}18%{opacity:.32}72%{opacity:.64}100%{transform:scale(1.75);opacity:0}}
@keyframes v661RingPass{0%{opacity:0;transform:translateZ(-620px) scale(.16) rotateX(70deg)}18%{opacity:.16}54%{opacity:.38}100%{opacity:0;transform:translateZ(340px) scale(5.1) rotateX(70deg)}}
@keyframes v661TunnelSpin{to{transform:rotate(360deg) scale(1.05)}}@keyframes v661TunnelPulse{to{opacity:.36;filter:blur(.9px)}}@keyframes v661TunnelAura{to{transform:scale(1.075) rotate(.8deg);filter:blur(22px)}}@keyframes v661CoreBreathe{to{transform:translate(-50%,-50%) scale(1.14);filter:blur(.7px);box-shadow:0 0 88px color-mix(in srgb, var(--theme-v20-accent, #6a5bff) 34.000%, transparent)}}@keyframes v661CoreOrbit{to{transform:rotate(360deg)}}@keyframes v661CoreSheen{0%,30%{transform:translateX(-45%) rotate(12deg)}70%,100%{transform:translateX(55%) rotate(12deg)}}
@media(max-width:820px){.tunnel-core>i{width:210px!important;height:210px!important}.tunnel-core>span{width:72px!important;height:72px!important}.tunnel-lines{opacity:.43}}
@media(prefers-reduced-motion:reduce){.tunnel-intro:before,.tunnel-stars:before,.tunnel-stars:after,.tunnel-lines,.tunnel-lines:after,.tunnel-rings i,.tunnel-flare,.tunnel-core>i,.tunnel-core>span:after{animation:none!important}.tunnel-rings i{display:none}.tunnel-stars:before,.tunnel-stars:after{opacity:.18;transform:scale(.7)}.tunnel-intro.is-leaving{transform:none!important;filter:none!important;transition-duration:.18s!important}}

/* ===== v6.6.1 cross-page surface and window polish ===== */
.app-topbar:not(.home-header),.tool-header{
  position:relative;z-index:120;margin:10px 14px 0!important;border:1px solid var(--v661-line)!important;border-radius:18px!important;
  background:linear-gradient(135deg,var(--v661-glass-strong),var(--v661-glass))!important;
  box-shadow:var(--v661-shadow),var(--v661-inner)!important;-webkit-backdrop-filter:blur(24px) saturate(1.16);backdrop-filter:blur(24px) saturate(1.16);
}
.tool-header{min-height:66px;padding:8px 12px!important}.tool-brand-mark{border-radius:12px!important;background:radial-gradient(circle at 28% 22%,var(--theme-v20-accent-soft, #b9b4ff),var(--theme-v20-accent-soft, #776cf3) 32%,var(--theme-v20-accent-soft, #4e48b9) 72%)!important;border:1px solid color-mix(in srgb, var(--theme-v20-line, #dcd8ff) 20.000%, transparent);box-shadow:0 10px 26px color-mix(in srgb, var(--theme-v20-accent, #5449dc) 20.000%, transparent)}
.tool-brand b{letter-spacing:-.02em}.tool-brand small{letter-spacing:.045em}.tool-actions{gap:7px!important}.tool-link,.tool-btn{border-radius:11px!important}
.tool-link{min-height:36px;padding:8px 11px!important;background:var(--v661-glass-soft)!important;border:1px solid var(--v661-line)!important;color:var(--v661-ink-2)!important;box-shadow:var(--v661-inner)}
.tool-link:hover{color:var(--v661-ink)!important;border-color:var(--v661-line-strong)!important;background:color-mix(in srgb,var(--v661-glass-strong) 86%,var(--v661-purple) 14%)!important;transform:translateY(-1px)}

:is(.site-dialog,.modal-card,.admin-card,.security-panel,.showcase-admin-pane,.tool-card,.profile-card,.market-compose,.market-drawer-card,.skill-panel,.skill-content,.skill-card,.skill-dialog,.skill-inspector,.story-editor-card,.story-action-card,.story-audit-result,.story-batch-status-card){
  border-color:var(--v661-line)!important;background:linear-gradient(145deg,var(--v661-glass-strong),var(--v661-glass))!important;color:var(--v661-ink)!important;
  box-shadow:var(--v661-shadow),var(--v661-inner)!important;-webkit-backdrop-filter:blur(22px) saturate(1.14);backdrop-filter:blur(22px) saturate(1.14)
}
.site-dialog,.modal-card,.market-drawer-card,.skill-dialog{border-radius:20px!important}
:is(.dialog-head,.market-drawer-head,.skill-dialog-head){border-color:var(--v661-line)!important}
:is(.profile-card,.admin-card,.tool-card,.skill-panel,.skill-content,.story-editor-card,.story-action-card){border-radius:18px!important}
:is(.profile-card,.admin-card,.tool-card,.skill-panel,.story-editor-card,.story-action-card) h2{letter-spacing:-.025em}

/* form controls inside work surfaces */
:is(.site-dialog,.modal-card,.admin-card,.profile-card,.market-compose,.market-drawer-card,.tool-card,.skill-dialog,.skill-panel,.story-workbench-page) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  border-color:var(--v661-line)!important;background:color-mix(in srgb,var(--v661-glass-soft) 84%,var(--theme-v20-bg, #070a11) 16%)!important;color:var(--v661-ink)!important;border-radius:11px!important;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 2.500%, transparent);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease
}
:is(.site-dialog,.modal-card,.admin-card,.profile-card,.market-compose,.market-drawer-card,.tool-card,.skill-dialog,.skill-panel,.story-workbench-page) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select):focus{
  border-color:color-mix(in srgb,var(--v661-purple) 55%,var(--v661-line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--v661-purple) 10%,transparent),inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 3.500%, transparent)!important
}
:is(.site-dialog,.modal-card,.admin-card,.profile-card,.market-compose,.market-drawer-card,.tool-card,.skill-dialog,.skill-panel,.story-workbench-page) ::placeholder{color:color-mix(in srgb,var(--v661-muted) 80%,transparent)}

/* profile / market dimensional asset surfaces */
.profile-avatar,.market-wallet{border-color:var(--v661-line-strong)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--v661-glass-strong) 84%,var(--v661-purple) 16%),var(--v661-glass))!important;box-shadow:0 16px 40px color-mix(in srgb, var(--theme-v20-accent, #4b40bb) 12.000%, transparent),var(--v661-inner)!important}
.profile-stat{border-color:var(--v661-line)!important;background:var(--v661-glass-soft)!important;border-radius:13px!important}
.market-tabs{border-color:var(--v661-line)!important;background:var(--v661-glass)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--v661-inner)}
.market-tab{border-radius:10px!important}.market-tab.active{background:linear-gradient(135deg,color-mix(in srgb, var(--theme-v20-accent-soft, #7768f6) 23.000%, transparent),color-mix(in srgb, var(--theme-v20-accent-soft, #5271d3) 13.000%, transparent))!important;color:var(--v661-ink)!important;box-shadow:inset 0 0 0 1px var(--v661-line-strong)}

/* light theme is a separate clean material system, not inverted dark glass */
html[data-theme="light"] :is(.site-dialog,.modal-card,.admin-card,.security-panel,.showcase-admin-pane,.tool-card,.profile-card,.market-compose,.market-drawer-card,.skill-panel,.skill-content,.skill-card,.skill-dialog,.skill-inspector,.story-editor-card,.story-action-card,.story-audit-result,.story-batch-status-card){
  background:linear-gradient(145deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 94.000%, transparent),color-mix(in srgb, var(--theme-v20-panel, #f7f9fd) 89.000%, transparent))!important;border-color:color-mix(in srgb, var(--theme-v20-accent, #56657e) 13.000%, transparent)!important;box-shadow:0 18px 48px color-mix(in srgb, var(--theme-v20-accent, #37445b) 9.500%, transparent),inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 92.000%, transparent)!important
}
html[data-theme="light"] :is(.site-dialog,.modal-card,.admin-card,.profile-card,.market-compose,.market-drawer-card,.tool-card,.skill-dialog,.skill-panel,.story-workbench-page) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){background:var(--theme-v20-panel, #f8fafc)!important;border-color:var(--theme-v20-line, #d6dfeb)!important;color:var(--theme-v20-accent, #1b2639)!important}
html[data-theme="light"] :is(.site-dialog,.modal-card,.admin-card,.profile-card,.market-compose,.market-drawer-card,.tool-card,.skill-dialog,.skill-panel,.story-workbench-page) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select):focus{background:var(--theme-v20-panel, #fff)!important;border-color:var(--theme-v20-line, #9d98df)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-v20-accent, #6259d8) 10.000%, transparent)!important}
html[data-theme="light"] .tool-header,html[data-theme="light"] .app-topbar:not(.home-header){background:linear-gradient(135deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 88.000%, transparent),color-mix(in srgb, var(--theme-v20-panel, #f7f9fd) 82.000%, transparent))!important;border-color:color-mix(in srgb, var(--theme-v20-accent, #485770) 13.000%, transparent)!important;box-shadow:0 18px 45px color-mix(in srgb, var(--theme-v20-accent, #313f54) 9.000%, transparent),inset 0 1px 0 color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 92.000%, transparent)!important}
html[data-theme="light"] .tool-link{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 74.000%, transparent)!important;color:var(--theme-v20-accent, #4c5a70)!important;border-color:var(--theme-v20-line, #d7e0ea)!important}
html[data-theme="light"] .market-tabs{background:color-mix(in srgb, var(--theme-v20-panel, #ffffff) 76.000%, transparent)!important;border-color:var(--theme-v20-line, #d9e2ed)!important}
html[data-theme="light"] .profile-stat{background:var(--theme-v20-panel, #f5f8fb)!important;border-color:var(--theme-v20-line, #dce4ed)!important}

@media(max-width:760px){.app-topbar:not(.home-header),.tool-header{margin:7px 8px 0!important;border-radius:16px!important}.tool-header{padding:7px 9px!important}.tool-actions{gap:4px!important}}

/* ===== v6.6.3 Dimension Gate brand intro ===== */
.site-intro.brand-intro{
  --intro-accent:var(--theme-v20-accent, #8a73ff);--intro-cyan:var(--theme-v20-cyan, #67d9ff);--intro-pink:var(--theme-v20-text, #ef8fe8);
  position:fixed;inset:0;z-index:10000;display:block;overflow:hidden;
  background:radial-gradient(circle at 50% 47%,var(--theme-v20-accent-soft, #17133a) 0,var(--theme-v20-bg, #0a0c1c) 23%,var(--theme-v20-bg, #04060d) 57%,var(--theme-v20-bg, #010207) 100%)!important;
  perspective:1400px;transform-style:preserve-3d;isolation:isolate;
  transition:opacity .58s ease,filter .58s ease,background-color .58s ease,transform .72s cubic-bezier(.17,.78,.22,1)
}
.brand-intro-stars{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.82;pointer-events:none}
.brand-intro-aurora{position:absolute;inset:-24%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 46%,color-mix(in srgb, var(--theme-v20-accent-soft, #8567ff) 27.000%, transparent),transparent 19%),radial-gradient(circle at 32% 54%,color-mix(in srgb, var(--theme-v20-accent-soft, #39a9ff) 12.000%, transparent),transparent 24%),radial-gradient(circle at 67% 40%,color-mix(in srgb, var(--theme-v20-accent2-soft, #f178dd) 10.000%, transparent),transparent 23%);filter:blur(32px) saturate(1.2);animation:v663Aurora 4.6s ease-in-out infinite alternate}
.brand-intro-depth{position:absolute;left:50%;top:50%;width:62vmin;height:62vmin;border-radius:50%;border:1px solid color-mix(in srgb, var(--theme-v20-accent, #937cff) 18.000%, transparent);box-shadow:0 0 90px color-mix(in srgb, var(--theme-v20-accent, #5f54ff) 6.000%, transparent),inset 0 0 90px color-mix(in srgb, var(--theme-v20-accent, #59b2ff) 3.500%, transparent);transform:translate(-50%,-50%) rotateX(69deg);pointer-events:none;z-index:1}
.brand-intro-depth:before,.brand-intro-depth:after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb, var(--theme-v20-cyan, #71d0ff) 13.000%, transparent);inset:13%}.brand-intro-depth:after{inset:31%;border-color:color-mix(in srgb, var(--theme-v20-accent2, #ed84e2) 14.000%, transparent)}
.depth-a{animation:v663DepthA 6.8s linear infinite}.depth-b{width:94vmin;height:94vmin;border-color:color-mix(in srgb, var(--theme-v20-accent, #77c2ff) 10.000%, transparent);transform:translate(-50%,-50%) rotateX(69deg) rotateZ(28deg);animation:v663DepthB 9.6s linear infinite reverse}
.brand-film{position:absolute;left:50%;top:50%;width:min(88vw,1280px);height:72px;margin-left:-44vw;margin-top:-36px;border-radius:999px;z-index:2;opacity:.0;transform-style:preserve-3d;pointer-events:none;filter:drop-shadow(0 0 24px rgba(127,95,255,.18));transition:opacity .65s ease,filter .7s ease}
.brand-film:before,.brand-film:after{content:"";position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 75.000%, transparent) 0 12px,transparent 12px 22px);opacity:.7}.brand-film:before{top:8px}.brand-film:after{bottom:8px}
.brand-film i{position:absolute;inset:0;border:1px solid color-mix(in srgb, var(--theme-v20-accent, #b396ff) 38.000%, transparent);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb, var(--theme-v20-accent-soft, #49a7ff) 12.000%, transparent),color-mix(in srgb, var(--theme-v20-accent-soft, #7759ef) 32.000%, transparent) 28%,color-mix(in srgb, var(--theme-v20-accent2-soft, #eb71da) 23.000%, transparent) 58%,color-mix(in srgb, var(--theme-v20-accent-soft, #45abff) 10.000%, transparent));-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.film-a{transform:translate3d(-5%,-9vh,-110px) rotateZ(-11deg) rotateY(-22deg) rotateX(61deg);animation:v663FilmA 6.4s linear infinite}.film-b{transform:translate3d(4%,12vh,-170px) rotateZ(14deg) rotateY(19deg) rotateX(66deg);animation:v663FilmB 7.2s linear infinite reverse}
.brand-intro.is-running .brand-film{opacity:.64}.brand-intro.show-brand .brand-film{opacity:.82;filter:drop-shadow(0 0 36px rgba(144,102,255,.28))}
.brand-intro-stage{position:absolute;inset:0;z-index:5;display:grid;place-items:center;transform-style:preserve-3d;pointer-events:none;transition:transform .68s cubic-bezier(.14,.74,.18,1),opacity .4s ease,filter .55s ease}
.dimension-coin-shell{position:relative;width:clamp(270px,31vw,470px);aspect-ratio:1;transform-style:preserve-3d;filter:drop-shadow(0 34px 72px rgba(0,0,0,.42));opacity:0;transform:translateZ(-240px) scale(.56)}
.brand-intro.is-running .dimension-coin-shell{animation:v663CoinArrive 3.12s cubic-bezier(.16,.75,.18,1) both}
.dimension-coin{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;animation:v663CoinTurn 3.15s cubic-bezier(.2,.7,.18,1) both}
.dimension-coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;filter:saturate(.96) contrast(1.03)}
.dimension-coin-face img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
.coin-face-front{transform:translateZ(8px) rotateY(0deg)}.coin-face-back{transform:translateZ(-8px) rotateY(180deg)}
.dimension-coin-face:after{content:"";position:absolute;inset:2.6%;border-radius:50%;background:linear-gradient(112deg,transparent 25%,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 2.000%, transparent) 40%,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 62.000%, transparent) 48%,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 7.000%, transparent) 57%,transparent 72%);mix-blend-mode:screen;transform:translateX(-110%) rotate(8deg);opacity:.0}
.brand-intro.is-running .dimension-coin-face:after{animation:v663MetalSweep 1.04s ease-out 1.25s both}
.coin-rim-light{position:absolute;inset:-2%;border-radius:50%;border:1px solid color-mix(in srgb, var(--theme-v20-line, #ddd6ff) 24.000%, transparent);box-shadow:0 0 0 8px color-mix(in srgb, var(--theme-v20-accent, #7f67ff) 2.500%, transparent),0 0 42px color-mix(in srgb, var(--theme-v20-accent, #7662ff) 27.000%, transparent),0 0 110px color-mix(in srgb, var(--theme-v20-accent, #5da8ff) 11.000%, transparent);opacity:0;transform:scale(.94);transition:opacity .42s ease,transform .62s ease,box-shadow .62s ease}
.brand-intro.is-running .coin-rim-light{opacity:.72;transform:scale(1)}.brand-intro.show-brand .coin-rim-light{box-shadow:0 0 0 10px color-mix(in srgb, var(--theme-v20-accent, #7f67ff) 3.500%, transparent),0 0 64px color-mix(in srgb, var(--theme-v20-accent, #8462ff) 34.000%, transparent),0 0 160px color-mix(in srgb, var(--theme-v20-accent, #58a5ff) 15.000%, transparent)}
.brand-logo-reveal{position:absolute;left:50%;top:50%;width:clamp(250px,29vw,430px);transform:translate(-50%,-48%) scale(.7);opacity:0;filter:blur(18px) brightness(1.6);transition:opacity .62s ease,transform .82s cubic-bezier(.16,.8,.16,1),filter .7s ease;z-index:8;text-align:center}
.brand-logo-reveal img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 54px rgba(28,13,81,.45)) drop-shadow(0 0 24px rgba(134,94,255,.16))}.brand-logo-reveal span{display:inline-block;margin-top:-3.5%;font-size:clamp(9px,.72vw,12px);letter-spacing:.36em;color:color-mix(in srgb, var(--theme-v20-text, #e3e6ff) 74.000%, transparent);text-shadow:0 0 16px color-mix(in srgb, var(--theme-v20-accent, #6c5cff) 42.000%, transparent)}
.brand-intro.show-brand .dimension-coin-shell{opacity:.22!important;transform:translateZ(-90px) scale(.9)!important;filter:blur(5px) drop-shadow(0 34px 72px rgba(0,0,0,.42));transition:opacity .55s ease,transform .7s ease,filter .55s ease}
.brand-intro.show-brand .brand-logo-reveal{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0) brightness(1)}
.brand-portal-bloom{position:absolute;left:50%;top:50%;z-index:12;width:116px;height:116px;transform:translate(-50%,-50%) scale(.32);opacity:0;overflow:hidden;clip-path:polygon(11% 3%,92% 50%,11% 97%,11% 97%,11% 3%);background:linear-gradient(140deg,var(--theme-v20-accent-soft, #87c9ff),var(--theme-v20-accent-soft, #966cff) 48%,var(--theme-v20-accent2-soft, #ef92dc));box-shadow:0 0 0 1px color-mix(in srgb, var(--theme-v20-shadow, #ffffff) 65.000%, transparent),0 0 38px color-mix(in srgb, var(--theme-v20-accent, #8e68ff) 72.000%, transparent),0 0 120px color-mix(in srgb, var(--theme-v20-accent, #59a9ff) 28.000%, transparent);transition:width .72s cubic-bezier(.12,.79,.12,1),height .72s cubic-bezier(.12,.79,.12,1),transform .72s cubic-bezier(.12,.79,.12,1),opacity .35s ease,clip-path .72s cubic-bezier(.12,.79,.12,1),filter .62s ease,border-radius .72s ease}
.brand-portal-bloom video{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;opacity:.92;filter:saturate(1.15) contrast(1.06) brightness(.78)}.portal-glass{position:absolute;inset:0;background:linear-gradient(125deg,color-mix(in srgb, var(--theme-v20-panel, #ffffff) 24.000%, transparent),transparent 28%,transparent 65%,color-mix(in srgb, var(--theme-v20-accent2-soft, #ff84e6) 18.000%, transparent)),radial-gradient(circle at 50% 50%,transparent 0 44%,color-mix(in srgb, var(--theme-v20-panel2, #0c0823) 22.000%, transparent) 100%);mix-blend-mode:screen}
.brand-intro.portal-ready .brand-portal-bloom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.brand-warp-core{position:absolute;left:50%;top:50%;z-index:11;width:118px;height:118px;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.brand-warp-core i{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb, var(--theme-v20-accent, #9a84ff) 44.000%, transparent);box-shadow:0 0 38px color-mix(in srgb, var(--theme-v20-accent, #6c5eff) 16.000%, transparent);animation:v663WarpRing 1.15s ease-out infinite}.brand-warp-core i:nth-child(2){animation-delay:.24s;border-color:color-mix(in srgb, var(--theme-v20-cyan, #5bcdff) 36.000%, transparent)}.brand-warp-core i:nth-child(3){animation-delay:.48s;border-color:color-mix(in srgb, var(--theme-v20-accent2, #ef7bdc) 28.000%, transparent)}
.brand-intro.portal-ready .brand-warp-core{opacity:.75}
.brand-intro-status{position:absolute;left:50%;bottom:7.2vh;z-index:20;transform:translateX(-50%);display:grid;justify-items:center;gap:5px;white-space:nowrap;opacity:.78;transition:opacity .45s ease,transform .45s ease}.brand-intro-status span{font-size:10px;letter-spacing:.42em;color:var(--theme-v20-cyan, #8bdcff)}.brand-intro-status b{font-size:12px;letter-spacing:.3em;color:var(--theme-v20-text, #eef0ff);font-weight:700}.brand-intro-status small{font-size:8px;letter-spacing:.28em;color:var(--theme-v20-accent, #77829d)}
.brand-intro-skip{position:absolute;right:max(20px,3vw);bottom:max(18px,3vh);z-index:24;border:1px solid color-mix(in srgb, var(--theme-v20-line, #b5bce5) 24.000%, transparent);background:color-mix(in srgb, var(--theme-v20-bg, #0a0d1c) 28.000%, transparent);color:color-mix(in srgb, var(--theme-v20-text, #e0e5ff) 68.000%, transparent);border-radius:999px;min-width:58px;height:32px;padding:0 14px;font-size:9px;letter-spacing:.2em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:.72;transition:opacity .2s ease,border-color .2s ease,background .2s ease}.brand-intro-skip:hover{opacity:1;border-color:color-mix(in srgb, var(--theme-v20-accent, #a38eff) 48.000%, transparent);background:color-mix(in srgb, var(--theme-v20-accent-soft, #53439f) 18.000%, transparent)}
.brand-intro.is-warping .brand-intro-stage{transform:scale(1.8) translateZ(260px);opacity:0;filter:blur(5px)}
.brand-intro.is-warping .brand-film{opacity:.12;filter:blur(4px) brightness(1.7)}
.brand-intro.is-warping .brand-intro-depth{opacity:.05;transform:translate(-50%,-50%) rotateX(69deg) scale(2.1);transition:opacity .45s ease,transform .68s ease}
.brand-intro.is-warping .brand-portal-bloom{width:170vmax;height:170vmax;transform:translate(-50%,-50%) scale(1);opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0);border-radius:0;box-shadow:none;filter:brightness(.68) saturate(1.05)}
.brand-intro.is-warping .brand-warp-core{opacity:0;transform:translate(-50%,-50%) scale(10);transition:opacity .35s ease,transform .72s ease}
.brand-intro.is-warping .brand-intro-status{opacity:0;transform:translate(-50%,18px)}
.brand-intro.is-warping .brand-intro-skip{opacity:0;pointer-events:none}
.site-intro.brand-intro.is-leaving{opacity:0;filter:blur(1.5px);transform:scale(1.015);pointer-events:none;background:transparent!important}
.brand-intro.is-compact .brand-film,.brand-intro.is-compact .brand-intro-depth{display:none}.brand-intro.is-compact .dimension-coin-shell{width:clamp(210px,22vw,310px)}.brand-intro.is-compact .brand-intro-status{display:none}.brand-intro.is-compact .brand-logo-reveal{width:clamp(210px,23vw,300px)}.brand-intro.is-compact .brand-intro-skip{display:none}
.brand-intro.is-compact.is-running .dimension-coin-shell{animation:v663CoinArriveCompact .46s cubic-bezier(.18,.8,.18,1) both}.brand-intro.is-compact .dimension-coin{animation:v663CoinTurnCompact .52s ease-out both}.brand-intro.is-compact .dimension-coin-face:after{display:none}
@keyframes v663Aurora{to{transform:scale(1.08) translate3d(1.5%,2%,0);filter:blur(38px) saturate(1.35)}}
@keyframes v663DepthA{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(360deg)}}@keyframes v663DepthB{to{transform:translate(-50%,-50%) rotateX(69deg) rotateZ(388deg)}}
@keyframes v663FilmA{50%{transform:translate3d(-7%,-7vh,-80px) rotateZ(-8deg) rotateY(-15deg) rotateX(61deg)}}@keyframes v663FilmB{50%{transform:translate3d(7%,10vh,-120px) rotateZ(11deg) rotateY(14deg) rotateX(66deg)}}
@keyframes v663CoinArrive{0%{opacity:0;transform:translate3d(0,9vh,-360px) scale(.42);filter:blur(10px) drop-shadow(0 34px 72px rgba(0,0,0,.35))}10%{opacity:1}31%{transform:translate3d(0,0,-40px) scale(.91);filter:blur(0) drop-shadow(0 34px 72px rgba(0,0,0,.45))}63%{transform:translate3d(0,-1.2vh,28px) scale(1.03)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes v663CoinTurn{0%{transform:rotateY(-88deg) rotateX(5deg) rotateZ(-2deg)}28%{transform:rotateY(-180deg) rotateX(1deg) rotateZ(0deg)}57%{transform:rotateY(-360deg) rotateX(-1deg) rotateZ(.5deg)}78%{transform:rotateY(-540deg) rotateX(0deg) rotateZ(0deg)}100%{transform:rotateY(-540deg)}}
@keyframes v663MetalSweep{0%{opacity:0;transform:translateX(-120%) rotate(8deg)}18%{opacity:.9}75%{opacity:.35}100%{opacity:0;transform:translateX(120%) rotate(8deg)}}
@keyframes v663WarpRing{0%{transform:scale(.72);opacity:0}18%{opacity:.75}100%{transform:scale(3.7);opacity:0}}
@keyframes v663CoinArriveCompact{0%{opacity:0;transform:translateZ(-90px) scale(.72)}100%{opacity:1;transform:translateZ(0) scale(1)}}@keyframes v663CoinTurnCompact{0%{transform:rotateY(-88deg)}100%{transform:rotateY(-360deg)}}
@media(min-width:1455px){.brand-film{margin-left:-640px}}
@media(min-width:1440px){.dimension-coin-shell{width:clamp(380px,28vw,520px)}.brand-logo-reveal{width:clamp(360px,28vw,470px)}.brand-film{height:82px}.brand-intro-status{bottom:6.5vh}}
@media(max-width:1024px){.dimension-coin-shell{width:clamp(270px,43vw,390px)}.brand-logo-reveal{width:clamp(255px,42vw,370px)}.brand-film{width:116vw;margin-left:-58vw;height:62px}.brand-intro-status{bottom:8.5vh}.brand-intro-skip{right:18px;bottom:18px}}
@media(max-width:680px){.dimension-coin-shell{width:min(72vw,310px)}.brand-logo-reveal{width:min(76vw,320px)}.brand-logo-reveal span{font-size:8px;letter-spacing:.24em}.brand-film{height:46px;opacity:.3!important}.film-b{display:none}.brand-intro-depth{width:86vmin;height:86vmin}.depth-b{width:118vmin;height:118vmin}.brand-intro-status{bottom:11vh}.brand-intro-status span{font-size:8px}.brand-intro-status b{font-size:10px}.brand-intro-status small{font-size:7px}.brand-intro-skip{height:30px;min-width:54px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.brand-intro-aurora,.brand-intro-depth,.brand-film,.dimension-coin,.dimension-coin-shell,.dimension-coin-face:after,.brand-warp-core i{animation:none!important}.site-intro.brand-intro{transition-duration:.2s}.brand-intro-stars{display:none}.brand-intro.is-running .dimension-coin-shell{opacity:1;transform:none}.brand-intro.show-brand .dimension-coin-shell{opacity:.1!important}.brand-intro.show-brand .brand-logo-reveal{opacity:1;transform:translate(-50%,-50%) scale(1);filter:none}}

/* ===== v12 unified button-links: anchors styled as controls never keep browser underlines ===== */
a:is(.ghost,.primary,.secondary,.tool-btn,.tool-link,.asset-action,.topbar-nav-link,.topbar-icon-action,.sr-open-button,.sr-card-button,.story-open-button,.project-library-nav,.project-library-back,.workspace-menu-item,.mode-card){text-decoration:none!important;text-decoration-line:none!important}
:is(.home-header,.app-topbar,.tool-header,.dashboard-topbar) a:is(.ghost,.primary,.secondary,.compact){text-decoration:none!important;text-decoration-line:none!important}
a:is(.ghost,.primary,.secondary,.tool-btn,.tool-link,.asset-action,.topbar-nav-link,.topbar-icon-action):hover{text-decoration:none!important;text-decoration-line:none!important}