html,body{margin:0;padding:0;height:100%;font-family:Segoe UI,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 35% 12%,rgba(0,255,209,.18),transparent 40%),radial-gradient(circle at 70% 0%,rgba(120,182,255,.24),transparent 35%),radial-gradient(circle at 50% 60%,rgba(255,186,90,.12),transparent 55%),#05070d;color:#eaf7ff}body.theme-aurora{background:radial-gradient(circle at top,#0b1021 0,#05070d 60%);color:#e8f7ff}body.theme-aurora .header{background:linear-gradient(90deg,#0b1021,#122b39,#0b1021);color:#9efcff;border-color:#2ee6c580}body.theme-aurora .menu-item.active{background:linear-gradient(90deg,#2ee6c559,#9efcff1a);color:#9efcff;box-shadow:0 0 10px #2ee6c559}body.theme-sunrise{background:radial-gradient(circle at top,#2a0d1f 0,#160b0b 65%);color:#f7eee3}body.theme-sunrise .header{background:linear-gradient(90deg,#542437,#e94e77,#542437);color:#f7eee3;border-color:#e94e7773}body.theme-sunrise .menu-item.active{background:linear-gradient(90deg,#e94e7759,#f2ae721f);color:#f7eee3;box-shadow:0 0 10px #e94e7759}body.theme-midnight{background:radial-gradient(circle at top,#0c1220 0,#050509 70%);color:#e5e7eb}body.theme-midnight .header{background:linear-gradient(90deg,#0f172a,#111827,#0f172a);color:#7dd3fc;border-color:#2563eb73}body.theme-midnight .menu-item.active{background:linear-gradient(90deg,#2563eb59,#7dd3fc1f);color:#cde7ff;box-shadow:0 0 10px #2563eb59}#root{height:100vh}.root-layout{display:flex;flex-direction:column;height:100%}.layout-shell{position:relative}.mast-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:8px;background:linear-gradient(180deg,#0a0a0ef5,#050508eb);border:1px solid rgba(247,217,165,.25);border-radius:12px;box-shadow:0 10px 26px #0006,inset 0 0 0 1px #ffffff0a}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f7d9a561,#07070ae6);border:1px solid rgba(247,217,165,.6);color:#0b0f1a;font-weight:900;letter-spacing:.8px;box-shadow:0 10px 24px #00000059}.mast-actions{display:flex;align-items:center;gap:8px}.signup-link{padding:8px 12px;border-radius:10px;border:1px solid rgba(247,217,165,.35);color:#f4f5ff;text-decoration:none;font-weight:800;background:#121218bf;box-shadow:0 6px 18px #00000059;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.signup-link:hover{transform:translateY(-1px);border-color:#f7d9a5b3;box-shadow:0 8px 22px #0006,0 0 18px #f7d9a524}.top-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin-bottom:12px;background:linear-gradient(180deg,#07070af5,#030306f0);border:1px solid rgba(247,217,165,.28);border-radius:14px;box-shadow:0 10px 32px #00000073,inset 0 0 0 1px #ffffff0a}.nav-rows{display:flex;flex-direction:column;gap:6px}.nav-row{display:flex;gap:6px;flex-wrap:wrap}.nav-pill{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:8px 10px;border-radius:10px;border:1px solid rgba(247,217,165,.25);background:#101016b3;color:#f4f5ff;font-weight:700;font-size:13px;letter-spacing:.1px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.nav-pill:hover{transform:translateY(-1px);border-color:#f7d9a599;box-shadow:0 8px 18px #00000059,0 0 20px #f7d9a51f}.login-toggle{background:radial-gradient(circle at 30% 30%,#f7d9a559,#07070ae6);border-color:#f7d9a5b3;box-shadow:0 8px 22px #00000059,inset 0 0 0 1px #ffffff14}@media(max-width:640px){.top-nav{flex-direction:column;align-items:stretch}.login-toggle{width:100%}.nav-row{justify-content:space-between}}.gold-button{background:linear-gradient(135deg,#ffd34d,#ffac33);color:#0b0f1a;border:1px solid rgba(255,215,0,.45);border-radius:14px;padding:12px 16px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 24px #ffc22947,inset 0 0 0 1px #fff3;transition:transform .12s ease,box-shadow .12s ease}.gold-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px #ffc22952,inset 0 0 0 1px #ffffff4d}.gold-button.round{width:74px;height:74px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;text-align:center}.gold-button.small{padding:8px 12px;font-size:13px}.gold-button.full{width:100%;justify-content:center}.section-title{font-weight:800;color:#f6ffde;letter-spacing:.3px;margin-bottom:8px}.hero-kicker{color:#8fe3ff;letter-spacing:1.5px;font-size:12px;font-weight:700;margin-bottom:4px}.hero-title{margin:0;font-size:24px;font-weight:900;letter-spacing:-.3px}.hero-lead{margin:4px 0 12px;font-size:15px;line-height:1.6;color:#cde2ff;max-width:640px}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.stage-mode-group{display:flex;flex-wrap:wrap;gap:8px}.mode-chip{border:1px solid rgba(158,252,255,.4);background:#0c162099;color:#d7f7ff;padding:8px 12px;border-radius:12px;cursor:pointer;font-weight:700;transition:all .15s ease}.mode-chip.active{background:linear-gradient(120deg,#00ffd147,#78b6ff3d);color:#0b172a;box-shadow:0 8px 24px #00ffd140}.stage-status-pill{padding:8px 14px;background:#ffd70024;color:gold;border:1px solid rgba(255,215,0,.35);border-radius:14px;font-weight:800;letter-spacing:.5px}.stage-canvas-shell{width:100%;margin:0 auto 16px;position:relative;border-radius:16px;background:radial-gradient(circle at 40% 40%,rgba(0,255,209,.06),transparent 45%),radial-gradient(circle at 60% 60%,rgba(255,215,0,.06),transparent 45%),#080c14cc;border:1px solid rgba(158,252,255,.18);box-shadow:inset 0 0 0 1px #ffffff05,0 20px 50px #00000073;overflow:hidden}.stage-canvas{position:relative;width:100%;padding-top:56.25%;background:#04060c;border-radius:14px;overflow:hidden}.stage-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:1px;color:#ffffff14;pointer-events:none}.stage-bg{background:radial-gradient(circle at 50% 60%,rgba(0,255,209,.18),transparent 45%),linear-gradient(180deg,#080e1ce6,#060a12e6);z-index:1}.stage-video{z-index:2;background:linear-gradient(135deg,#78b6ff24,#00ffd11f);border:1px dashed rgba(158,252,255,.4)}.stage-avatar{z-index:3;background:radial-gradient(circle at 50% 60%,rgba(255,255,255,.12),transparent 40%);mix-blend-mode:screen}.stage-fx{z-index:4;background:repeating-radial-gradient(circle,rgba(255,215,0,.08) 0 12px,transparent 12px 20px);animation:fx-pulse 6s ease-in-out infinite}.stage-caption{z-index:5;align-items:flex-end;padding:24px;color:#fefefe;text-shadow:0 0 12px rgba(0,0,0,.6)}.stage-caption:after{content:"LIVE CAPTION";background:#0000008c;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15)}.stage-audience{z-index:6;align-items:flex-end;padding:10px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.35) 70%,rgba(0,0,0,.55))}.stage-audience:after{content:"● ● ● ● ●";color:#ffffff38;letter-spacing:8px}.stage-sound{z-index:7;justify-content:flex-end;align-items:flex-start;padding:10px;gap:6px;color:transparent}.stage-sound:before,.stage-sound:after{content:"";display:block;width:6px;border-radius:4px;background:linear-gradient(180deg,#00ffd1,#78b6ff);animation:meter 1.2s ease-in-out infinite}.stage-sound:after{height:48px;animation-delay:.25s}.stage-sound:before{height:36px}.stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.stage-card{min-height:200px}.layer-list{display:flex;flex-direction:column;gap:10px}.layer-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#ffffff05;border:1px solid rgba(158,252,255,.14)}.layer-dot{width:10px;height:10px;border-radius:50%;background:#ffffff59;box-shadow:0 0 8px #fff6}.layer-dot.on{background:#00ffd1;box-shadow:0 0 10px #00ffd1}.layer-name{font-weight:800;letter-spacing:.2px}.layer-desc{font-size:12px;color:#9fc7ff}.layer-note{font-size:12px;color:#ffd34d}.sequence-list{margin:0;padding-left:18px;display:grid;gap:6px}.sequence-list li{color:#cfe7ff;font-weight:600;padding:6px 8px;border-radius:10px;border:1px solid rgba(158,252,255,.1);background:#ffffff05;list-style:decimal}.sequence-list li.active{border-color:#ffd70080;background:#ffd7001f;color:gold;box-shadow:0 6px 18px #ffd70033}.record-box{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#00000059;border:1px solid rgba(255,255,255,.08)}.record-dot{width:14px;height:14px;border-radius:50%;background:#555;box-shadow:inset 0 0 0 2px #0006}.record-dot.recording{background:#ff5252;box-shadow:0 0 12px #ff5252b3}.record-dot.completed{background:#00ffd1;box-shadow:0 0 12px #00ffd1b3}.record-info{display:flex;flex-direction:column;gap:4px}.record-label{font-weight:800;letter-spacing:.2px;color:#eaf7ff}.record-path{font-size:12px;color:#9fc7ff;word-break:break-all}.share-pipeline{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.share-pipeline .badge{padding:6px 10px;border-radius:10px;background:#ffffff14;border:1px solid rgba(158,252,255,.12);font-size:12px;color:#d7f7ff}@keyframes fx-pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes meter{0%{height:22px}50%{height:60px}to{height:26px}}.hub-screen{display:flex;flex-direction:column;gap:16px}.hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:12px}.voice-block{margin-top:12px}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:0 0 20px}.mobile-frame{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:16px 16px 28px;box-sizing:border-box}.golden-frame{position:fixed;inset:0;width:100vw;height:100vh;margin:0;padding:0;max-width:none;background:transparent;border:none;box-shadow:none;overflow:visible;z-index:1}.scene-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.scene-grid{position:absolute;inset:-10% 0 0;background:radial-gradient(circle at center,rgba(255,255,255,.05),transparent 45%),repeating-linear-gradient(90deg,rgba(158,252,255,.05) 0,rgba(158,252,255,.05) 1px,transparent 1px,transparent 48px),repeating-linear-gradient(0deg,rgba(158,252,255,.04) 0,rgba(158,252,255,.04) 1px,transparent 1px,transparent 48px);transform:perspective(800px) rotateX(68deg) translateY(-40px);opacity:.45}.scene-beam{position:absolute;inset:0;background:linear-gradient(120deg,#ffd70014,#00ffd10a,#78b6ff14);mix-blend-mode:screen;filter:blur(6px);animation:beam-shift 10s ease-in-out infinite alternate}.scene-orbs{position:absolute;inset:0}.scene-orbs .orb{position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),transparent 60%);filter:blur(22px);opacity:.22}.scene-orbs .orb:nth-child(1){top:6%;left:8%;animation:orb-float 12s ease-in-out infinite}.scene-orbs .orb:nth-child(2){top:24%;right:6%;width:200px;height:200px;animation:orb-float 14s ease-in-out infinite reverse}.scene-orbs .orb:nth-child(3){bottom:12%;left:18%;width:260px;height:260px;animation:orb-float 16s ease-in-out infinite}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(90deg,#060a16d9,#0a1224eb);border-bottom:1px solid rgba(158,252,255,.35);color:#baf4ff;text-shadow:0 0 10px rgba(158,252,255,.4);position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 30px #00000059}.logo{font-weight:800;letter-spacing:2px}.status{font-size:14px;color:#ccc}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;background:radial-gradient(circle,#0f0,#070);box-shadow:0 0 10px #0f0}.body-layout{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0;padding:12px;box-sizing:border-box}.sidebar{display:none}.menu-title{font-weight:700;margin-bottom:12px;color:gold}.menu-item{width:100%;padding:12px 13px;margin-bottom:8px;border-radius:12px;border:1px solid rgba(158,252,255,.14);background:linear-gradient(120deg,#ffffff05,#9efcff0d);color:#d9eafe;text-align:left;cursor:pointer;transition:all .18s ease-out;font-size:14px;box-shadow:inset 0 0 #0000}.menu-item:hover{background:linear-gradient(120deg,#00ffd124,#78b6ff14);box-shadow:0 8px 24px #00000040}.menu-item.active{background:linear-gradient(120deg,#00ffd152,#78b6ff33);color:#0b172a;border-color:#9efcff8c;box-shadow:0 12px 28px #00000059,inset 0 0 0 1px #00ffd14d}.main-panel{flex:1;padding:0;box-sizing:border-box;overflow-y:auto;position:relative;z-index:1}.page h1{margin-top:0;margin-bottom:12px;font-size:24px;color:gold;text-shadow:0 0 6px rgba(255,215,0,.7)}.page p{margin:4px 0;color:#ddd}.footer{height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;background:#101010;border-top:1px solid rgba(255,215,0,.25);color:#888}.card{background:linear-gradient(180deg,#080c16cc,#05060ce0);border:1px solid rgba(158,252,255,.22);border-radius:14px;padding:20px;box-shadow:0 20px 50px #00000073,0 0 40px #00ffd114;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.card-title{font-weight:800;color:#a8f2ff;text-shadow:0 0 12px rgba(158,252,255,.5)}.card-subtitle{color:#aaa;font-size:13px}.creation-score-card{gap:10px}.score-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.score-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.score-rank{width:22px;font-weight:800;font-size:14px;color:#ffd34d}.score-body{flex:1;display:flex;flex-direction:column;gap:4px}.score-title{font-weight:700}.score-metrics{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#98a8c4}.score-badge{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;gap:2px}.score-badge strong{font-size:18px}.score-grade{color:#ffe8b5}.palace-hero{position:relative;overflow:hidden;border:1px solid rgba(255,215,0,.18);border-radius:18px;padding:20px;background:radial-gradient(circle at 30% 20%,rgba(255,215,140,.18),transparent 40%),radial-gradient(circle at 70% 10%,rgba(120,200,255,.16),transparent 38%),linear-gradient(180deg,#0b0a0f,#0f1118);box-shadow:0 20px 50px #00000073,inset 0 0 40px #ffd70014;min-height:260px;display:flex;align-items:center}.palace-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,215,0,.12),transparent 45%),repeating-linear-gradient(90deg,rgba(255,215,0,.04) 0,rgba(255,215,0,.04) 2px,transparent 2px,transparent 10px);filter:blur(.2px);pointer-events:none}.palace-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform 1.4s ease-in-out}.palace-gate.open{transform:translateY(-4px)}.gate-top{position:absolute;top:24px;letter-spacing:6px;color:#ffd700d9;font-weight:800;text-shadow:0 0 8px rgba(255,215,0,.4)}.gate-panel{position:relative;width:50%;height:100%;background:linear-gradient(135deg,#282008d9,#0c0802eb);border:1px solid rgba(255,215,0,.25);box-shadow:inset 0 0 20px #0009,0 20px 40px #0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:transform 1.4s ease-in-out}.gate-panel.left{border-right:1px solid rgba(255,215,0,.35);transform-origin:left center}.gate-panel.right{border-left:1px solid rgba(255,215,0,.35);transform-origin:right center}.palace-gate.open .gate-panel.left{transform:translate(-105%)}.palace-gate.open .gate-panel.right{transform:translate(105%)}.palace-content{position:relative;max-width:760px;z-index:1;padding:12px;display:grid;gap:12px}.welcome-stage{position:relative;margin-top:14px;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,215,0,.18);background:linear-gradient(180deg,#ffd7000d,#0000008c);overflow:hidden;box-shadow:inset 0 0 20px #ffd70014;display:grid;gap:12px}.welcome-stage .walkway{position:absolute;inset:0;background:linear-gradient(180deg,#ffd70014,#000000a6);-webkit-mask-image:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.8),transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.8),transparent 70%);opacity:.7;pointer-events:none}.welcome-stage .couple{display:flex;gap:20px;align-items:flex-end;position:relative;transform:translateY(18px);opacity:0}.welcome-stage.visible .couple{animation:walk-forward 2.4s ease-out forwards}.figure{width:72px;height:140px;display:flex;flex-direction:column;align-items:center;gap:10px}.figure .head{width:40px;height:40px;border-radius:50%;box-shadow:0 0 12px #ffd70059}.figure .body{width:54px;height:82px;border-radius:28px 28px 12px 12px;box-shadow:0 12px 20px #00000059}.figure.male .head{background:radial-gradient(circle at 30% 30%,#ffe8c7,#c48b46)}.figure.male .body{background:linear-gradient(180deg,#0c6fb6,#0a3f70);border:1px solid rgba(158,220,255,.25)}.figure.female .head{background:radial-gradient(circle at 35% 30%,#ffe1d2,#d08f70)}.figure.female .body{background:linear-gradient(180deg,#d05a8c,#7d1f4b);border:1px solid rgba(255,182,193,.32)}.welcome-lines{display:grid;gap:6px;color:#ffeab2;text-shadow:0 0 10px rgba(255,215,0,.35)}.speech-bubble{display:inline-block;padding:10px 14px;border-radius:12px;background:#ffd7002e;border:1px solid rgba(255,215,0,.3);color:#121212;font-weight:800;letter-spacing:-.3px}.speech-sub{color:#e8e8f5;opacity:.82;font-size:13px}@keyframes walk-forward{0%{opacity:0;transform:translateY(32px) scale(.94)}45%{opacity:1;transform:translateY(6px) scale(1.02)}to{opacity:1;transform:translateY(-4px) scale(1)}}.hero-kicker{color:#cfd6ff;letter-spacing:2px;font-size:13px;text-transform:uppercase;opacity:.8}.hero-title{margin:0;font-size:28px;line-height:1.3;color:#ffde7a;text-shadow:0 0 12px rgba(255,215,0,.5)}.hero-lead{margin:0;color:#e8e8f5;line-height:1.55;max-width:680px}.hero-actions{display:flex;gap:10px;align-items:center}.tabbed-hub{margin-top:18px;display:flex;flex-direction:column;gap:14px}.tabbar{display:grid;grid-template-columns:repeat(5,minmax(56px,1fr));gap:10px;align-items:center;justify-items:center}.tabbar .pill{width:68px;height:68px;padding:0 8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:800;letter-spacing:-.2px}.tab-meta{color:#c8d9ff;opacity:.82;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.feature-card{min-height:140px}.feature-card-title{font-weight:800;color:#f6ffde;letter-spacing:.2px}.feature-card-desc{color:#cdd7f5;margin-top:6px;font-size:14px;opacity:.9}.billing-row{display:flex;align-items:flex-start;gap:12px;margin-top:12px}.input-row{display:flex;gap:8px;margin-top:6px}.input-row input,.input-row select{background:#ffffff0f;border:1px solid rgba(158,252,255,.2);color:#eaf7ff;padding:8px 10px;border-radius:10px;min-width:120px}.mono-text{font-family:SFMono-Regular,JetBrains Mono,Consolas,monospace;font-size:13px;color:#cfe7ff}.label{font-size:13px;color:#b3c7df;letter-spacing:.2px}.toast{margin-top:12px;padding:10px 12px;border-radius:12px;background:#00ffd11a;border:1px solid rgba(0,255,209,.3);color:#cafff0}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{padding:6px 10px;border-radius:999px;background:#9efcff1f;border:1px solid rgba(158,252,255,.25);color:#dff8ff;font-size:12px}.paywall-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paywall-card{width:min(420px,90vw);background:linear-gradient(180deg,#0a101eeb,#060a14f0);border:1px solid rgba(255,215,0,.35);border-radius:16px;padding:20px;box-shadow:0 30px 60px #00000073}.paywall-title{font-weight:800;font-size:18px;color:#ffde7a;margin-bottom:10px}.paywall-body{display:grid;gap:6px;color:#dfe8ff;margin-bottom:14px}.paywall-line{font-size:14px}.paywall-note{font-size:13px;color:#ffc;opacity:.85}.paywall-actions{display:flex;gap:10px;justify-content:flex-end}.messages{background:#00000059;border:1px solid rgba(255,215,0,.1);border-radius:10px;padding:12px;height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.message{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.messages .message+.message{border-top:1px dashed rgba(255,215,0,.25);margin-top:6px;padding-top:12px}.message-role{font-size:11px;color:gold;margin-top:4px;width:48px;text-align:right}.message-bubble{background:#ffffff0d;border-radius:10px;padding:10px 12px;border:1px solid rgba(255,215,0,.08);color:#eee}.message.user .message-bubble{background:#ffd70014;border-color:#ffd70059}.message-translation{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(255,215,0,.3);color:#cde7ff;font-size:13px;opacity:.92;white-space:pre-wrap}.translate-bar{display:flex;gap:10px;align-items:center;margin-bottom:10px}.lang-select{background:#0006;color:#eee;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:6px 8px}.input-stack{display:flex;flex-direction:column;gap:10px;margin-top:12px}.input-stack textarea{width:100%;border-radius:10px;border:1px solid rgba(255,215,0,.15);background:#00000073;color:#eee;padding:10px 12px;resize:vertical;min-height:80px}.input-stack .primary{align-self:flex-end}.primary{border:1px solid rgba(0,255,209,.7);background:linear-gradient(120deg,#0ef7c9,#7dd5ff);color:#06101c;padding:12px 18px;border-radius:12px;cursor:pointer;font-weight:800;letter-spacing:.2px;box-shadow:0 14px 30px #00ffd147,0 0 20px #7dd5ff59;transition:transform .15s ease,box-shadow .15s ease}.primary:disabled{opacity:.7;cursor:not-allowed}.primary:hover:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 18px 36px #00ffd152,0 0 24px #7dd5ff73}.secondary{border:1px solid rgba(158,252,255,.35);background:#ffffff0a;color:#eaf7ff;padding:11px 14px;border-radius:12px;cursor:pointer;transition:all .15s ease}.secondary:hover{background:#9efcff14;box-shadow:0 10px 24px #00000040}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;align-items:start}.form-grid input,.form-grid select{width:100%;padding:9px 11px;border-radius:8px;border:1px solid rgba(255,215,0,.15);background:#0006;color:#eee}.label{margin-bottom:6px;font-size:13px;color:#ccc}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,215,0,.3);background:#ffd70014;color:gold}.pill-strong{background:linear-gradient(120deg,#00ffd133,#ffd7002e);border-color:#00ffd173;color:#e6fff9;box-shadow:0 10px 24px #00ffd12e}.pill-tabs{display:flex;flex-wrap:wrap;gap:8px}.pill-amber{background:#ffc10733;border-color:#ffc10759;color:#f2c744}.pill-ghost{background:#ffffff0d;border-color:#ffffff26;color:#ddd}.social-hub,.basic-info{margin-top:16px;display:grid;gap:12px}.post-gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.social-tabbar{display:flex;flex-wrap:wrap;gap:8px}.social-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.mini-card{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,215,0,.18);background:#00000073;color:#d8ebff;box-shadow:inset 0 0 12px #00ffd10d;font-size:14px}.badge{display:inline-block;padding:6px 10px;background:#ffd7001f;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:gold;font-size:12px;margin-right:8px}.avatar-preview{margin-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.avatar-preview img{width:240px;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.traits{display:flex;gap:8px;flex-wrap:wrap}.music-result{margin-top:14px;display:flex;flex-direction:column;gap:6px}.track-title{font-weight:700;color:#f5d76e}.timestamp{font-size:12px;color:#999}.link{color:#7ad7ff;text-decoration:none}.link:hover{text-decoration:underline}.error-text{margin-top:8px;color:#ff8f8f;font-size:13px}.success-text{margin-top:8px;color:#9ee89e;font-size:13px}.ops-screen{display:flex;flex-direction:column;gap:16px;padding:20px;min-height:100vh;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent),#080a13;color:#f4f6fb}.ops-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:18px;background:#141825d9;box-shadow:0 10px 25px #0000004d}.ops-title{font-size:22px;font-weight:600}.ops-subtitle{color:#9aa4c3;font-size:14px}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.ops-card{padding:16px;border-radius:16px;background:#101320e6;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;min-height:110px}.ops-card.tone-primary{background:linear-gradient(135deg,#626dff40,#1f286de6)}.ops-card.tone-danger{background:linear-gradient(135deg,#ff6b8942,#541628e6)}.ops-card-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#9aa4c3}.ops-card-value{font-size:28px;font-weight:600}.ops-card-sub{font-size:13px;color:#9aa4c3}.ops-stage-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ops-stage-card{padding:16px;border-radius:16px;background:#0f131ee6;border:1px solid rgba(255,255,255,.04)}.ops-stage-title{font-weight:600;margin-bottom:10px}.ops-stage-row{display:flex;justify-content:space-between;font-size:14px;margin-top:4px}.ops-table-card{background:#0b0d16eb;border-radius:18px;border:1px solid rgba(255,255,255,.05);padding:16px}.ops-table-header{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:600}.ops-table{width:100%;overflow-x:auto}.ops-row{display:grid;grid-template-columns:130px 90px 1fr 1fr 160px 160px;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:14px}.ops-row-head{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#8e96b4}.ops-row-empty{text-align:center;border:none}.status-pill{border-radius:999px;padding:2px 10px;text-align:center;font-size:13px;text-transform:capitalize}.status-pill.status-completed{background:#6affc826;color:#6effc8}.status-pill.status-running{background:#ffd67c2e;color:#ffda7a}.status-pill.status-failed{background:#ff78782e;color:#ff9090}.ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 16px;color:inherit;cursor:pointer}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.insight-grid.template{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.insight-card{border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:14px;background:#080a12d9;display:flex;flex-direction:column;gap:6px;min-height:120px;box-shadow:0 12px 30px #0006}.insight-card.tone-accent{border-color:#00ffd140;background:linear-gradient(135deg,#00ffd129,#060a16e6)}.insight-title{font-weight:700;font-size:15px}.insight-value{font-size:26px;font-weight:800;color:#ffd46d}.insight-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#8ca3c7}.insight-badge{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#dfe6ff}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.persona-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:16px;background:#090b13eb;display:flex;flex-direction:column;gap:8px}.persona-head{display:flex;justify-content:space-between;font-size:14px}.persona-metrics{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px;font-size:13px}.persona-metrics strong{display:block;font-size:18px;color:#9de8ff}.persona-pack{display:flex;flex-direction:column;gap:2px;font-size:13px;color:#cfd8ff}.persona-pack strong{font-size:15px;color:#ffe6a3}@media(max-width:960px){.ops-row{grid-template-columns:repeat(2,minmax(120px,1fr))}}.lock-card{background:#ffffff05;border:1px dashed rgba(255,215,0,.35);text-align:left}.status.offline .status-dot{background:radial-gradient(circle,#f66,#a00);box-shadow:0 0 10px #f33}.menu-item small{display:block;color:#888;font-size:11px}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.video-grid.multi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(min-width:960px){.body-layout{flex-direction:row;padding:0 36px 32px}.sidebar{display:block;width:220px}.main-panel{padding:24px 28px}.tabbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.tabbar .pill{width:auto;height:auto;padding:8px 12px;border-radius:999px}}.spotlight{background:#00000073;border:1px solid rgba(255,215,0,.18);border-radius:12px;padding:10px;margin-bottom:12px}.spotlight-video{width:100%;max-height:360px;border-radius:12px;background:#000}.video-tile{background:#00000059;border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.video-tile.active{outline:2px solid rgba(255,215,0,.7);box-shadow:0 0 18px #ffd70040}.video-tile video{width:100%;border-radius:10px;background:#000;min-height:200px}.video-placeholder{width:100%;min-height:200px;border-radius:10px;border:1px dashed rgba(255,215,0,.25);background:#ffffff0a}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;align-items:center}.controls input[type=text],.controls input[type=range]{width:200px;max-width:240px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,215,0,.2);background:#00000059;color:#eee}.controls button{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,215,0,.2);background:#ffffff0f;color:#eee;cursor:pointer}.controls button:disabled{opacity:.6;cursor:not-allowed}.video-chat .help-text{margin-top:10px;color:#9aa0aa;font-size:13px;line-height:1.4}.tier-switch{display:flex;align-items:center;gap:8px}.tier-switch .label{color:#ccc;font-size:12px}.tier-select{margin-left:8px;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,215,0,.3);background:#00000080;color:#eee}.auth-card .tier-select{width:100%;margin-left:0}.recommend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.recommend-card{border:1px solid rgba(255,215,0,.2);background:#ffffff0a;border-radius:10px;padding:12px;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border .12s ease}.recommend-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000059;border-color:#ffd70059}.recommend-title{font-weight:700;color:#f6d64b;margin-bottom:6px}.recommend-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.recommend-note{color:#aaa;font-size:12px}.voice-card{margin-top:16px}.voice-panel{display:flex;flex-direction:column;gap:10px}.voice-controls{display:flex;align-items:center;gap:10px}.voice-player audio{width:100%;background:#111;border-radius:8px}.multilang-preview{margin-top:12px;background:#ffffff08;border:1px dashed rgba(255,215,0,.25);border-radius:10px;padding:12px;min-height:100px;color:#eee;white-space:pre-wrap}.multilang-preview pre{margin:0;white-space:pre-wrap}.tier-card{margin-top:16px}.tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.tier-block{border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:14px;background:#00000059;display:flex;flex-direction:column;gap:8px}.tier-block.locked{opacity:.6;filter:grayscale(.2)}.tier-result{border-top:1px solid rgba(255,215,0,.12);padding-top:8px;display:flex;flex-direction:column;gap:4px}.upload-card{margin-top:16px}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;align-items:center}.download-stack{display:flex;flex-direction:column;gap:8px}.download-links{display:flex;flex-wrap:wrap;gap:10px}.link-disabled{pointer-events:none;color:#666;border-bottom:1px dotted #444}.upload-status{margin-top:12px;padding:12px;border:1px dashed rgba(255,215,0,.2);border-radius:10px;background:#ffffff08;display:flex;flex-direction:column;gap:6px}.upload-audio{width:100%}.fusion-card{margin-top:16px}.fusion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:center}.inline-toggle{display:inline-flex;align-items:center;gap:8px;color:#ddd}.small-note{color:#888;font-size:12px}.fusion-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}.fusion-preview{border:1px solid rgba(255,215,0,.18);border-radius:10px;padding:10px;background:#0000004d;display:flex;flex-direction:column;gap:6px}.fusion-preview img{width:100%;border-radius:8px;object-fit:cover}.fusion-preview audio{width:100%}.stage-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px;align-items:center}.stage-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.stage-avatar.syncing{animation:floatUp 5s ease-in-out infinite,lipSync .35s ease-in-out infinite;box-shadow:0 22px 44px #0000008c,0 0 32px #ffd70059}@keyframes lipSync{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.01)}50%{transform:translate(-50%,-50%) scale(1.04)}75%{transform:translate(-50%,-50%) scale(1.01)}to{transform:translate(-50%,-50%) scale(1)}}.ad-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.ad-bg-block{border:1px dashed rgba(255,215,0,.25);border-radius:10px;padding:10px;background:#00000040;display:flex;flex-direction:column;gap:8px;margin:8px 0}.ad-bg-modes{display:flex;flex-wrap:wrap;gap:10px}.ad-bg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ad-bg-input{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ad-bg-input .web-input{flex:1;min-width:200px;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,215,0,.2);background:#0006;color:#eee}.ad-bg-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ad-copy-box{border:1px solid rgba(255,215,0,.15);border-radius:10px;padding:10px;background:#00000059;margin:6px 0}.ad-copy-box pre{white-space:pre-wrap;margin:6px 0 0;color:#eee;font-size:13px}input[type=radio]{accent-color:gold}.editor-card{margin-top:16px}.editor-area{width:100%;border-radius:10px;border:1px solid rgba(255,215,0,.2);background:#00000073;color:#eee;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;box-sizing:border-box}.pipeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px;align-items:stretch;grid-auto-rows:1fr}.pipeline-card{display:flex;flex-direction:column;gap:10px;height:100%}.pipeline-actions{display:flex;gap:10px}.ghost-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#ddd;cursor:pointer}.ai-mixer{margin-top:14px;display:flex;flex-direction:column;gap:10px}.mixer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;align-items:center}.upload-btn{border:1px solid rgba(255,215,0,.35);padding:10px 14px;border-radius:10px;color:gold;background:#ffd70014;cursor:pointer;font-weight:700;box-shadow:0 8px 24px #ffd70033}.upload-btn input{display:none}.stage-card{margin-top:16px}.stage-layout{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(240px,1fr);gap:20px;align-items:center}.stage-screen{position:relative;min-height:340px;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,215,140,.25),transparent 40%),radial-gradient(circle at 80% 5%,rgba(120,200,255,.2),transparent 38%),linear-gradient(180deg,#0a0a0fe6,#05060af2);border:1px solid rgba(255,215,0,.25);box-shadow:0 20px 60px #000000a6,inset 0 0 40px #ffd70014}.stage-lights,.stage-stars,.stage-floor{position:absolute;inset:0}.stage-spot{position:absolute;top:-10%;width:50%;height:120%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.14),transparent 60%);filter:blur(1px);opacity:.9;mix-blend-mode:screen;transform-origin:top center;animation:spotSwing 6s ease-in-out infinite}.stage-spot-left{left:-10%;transform:rotate(-6deg)}.stage-spot-right{right:-10%;transform:rotate(6deg)}.stage-beam{position:absolute;top:0;width:60%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent 70%);filter:blur(2px);mix-blend-mode:screen;opacity:.5;animation:beamPulse 5s ease-in-out infinite}.stage-beam-left{left:-5%;transform:rotate(-8deg)}.stage-beam-right{right:-5%;transform:rotate(8deg)}.stage-lights{background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.18),transparent 30%),radial-gradient(ellipse at 80% 0%,rgba(255,215,0,.25),transparent 32%);mix-blend-mode:screen}.stage-stars{background-image:radial-gradient(rgba(255,255,255,.28) 1px,transparent 0),radial-gradient(rgba(255,215,0,.28) 1px,transparent 0);background-size:60px 60px,90px 90px;background-position:10px 20px,30px 40px;opacity:.35;animation:twinkle 6s ease-in-out infinite}.stage-floor{background:radial-gradient(ellipse at center 120%,rgba(255,215,0,.08),transparent 65%),linear-gradient(180deg,transparent 55%,rgba(0,0,0,.88))}.stage-rig{position:absolute;top:10px;left:12px;right:12px;height:18px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;align-items:center;opacity:.6}.rig-lamp{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#ffd700e6,#ff8c0033);box-shadow:0 0 12px #ffd700b3;animation:lampBlink 3.6s ease-in-out infinite}.stage-camera{position:absolute;bottom:16px;width:86px;height:60px;background:linear-gradient(180deg,#1e1e20e6,#0c0c0ef2);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 30px #0009;transform:skew(-6deg);opacity:.75}.stage-camera:after{content:"";position:absolute;top:10px;right:-18px;width:26px;height:18px;background:linear-gradient(180deg,#ffd70059,#ff8c002e);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%)}.stage-camera-left{left:10%}.stage-camera-right{right:10%;transform:scaleX(-1) skew(6deg)}@keyframes spotSwing{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(4deg) scale(1.02)}}@keyframes beamPulse{0%,to{opacity:.45}50%{opacity:.8}}@keyframes lampBlink{0%,60%,to{opacity:.8}30%{opacity:.2}}.stage-avatar{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:240px;height:240px;border-radius:50%;border:2px solid rgba(255,215,0,.6);background:#ffffff08;display:grid;place-items:center;box-shadow:0 18px 40px #00000073,0 0 30px #ffd70040;animation:floatUp 5s ease-in-out infinite}.stage-avatar.idle{animation:pulseIdle 4s ease-in-out infinite}.stage-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))}.avatar-placeholder{color:#bbb;font-size:14px;text-align:center;padding:0 16px}.stage-badge{position:absolute;top:14px;right:14px;background:#ff4263e6;color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:1px;box-shadow:0 6px 16px #ff426373;animation:badgePulse 1.8s ease-in-out infinite}.stage-notes{display:flex;flex-direction:column;gap:8px;color:#ddd}@keyframes floatUp{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}to{transform:translate(-50%,-50%) translateY(0)}}@keyframes pulseIdle{0%{box-shadow:0 10px 28px #00000059,0 0 16px #ffd7001a}50%{box-shadow:0 12px 32px #00000073,0 0 22px #ffd70040}to{box-shadow:0 10px 28px #00000059,0 0 16px #ffd7001a}}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.6}}@media(max-width:960px){.header{flex-wrap:wrap;height:auto;gap:8px;padding:12px}.body-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,215,0,.25);display:flex;gap:8px;overflow-x:auto;padding:12px 10px}.menu-title{display:none}.menu-item{flex:0 0 auto;min-width:120px;text-align:center}.main-panel{padding:16px}}@media(max-width:640px){.header{flex-direction:column;align-items:flex-start}.tier-switch{width:100%}.tier-select{width:100%;margin-left:0;margin-top:6px}.card{padding:14px}}.friend-chat .quick-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.friend-chat .quick-row .ghost{border:1px dashed rgba(255,215,0,.35)}.friend-chat .settings-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.friend-chat .messages{max-height:320px;overflow-y:auto;margin-bottom:12px}.friend-chat .message-role{min-width:42px}.layout-shell{display:flex;flex-direction:column;gap:16px}.escape-main{position:fixed;right:16px;bottom:16px;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#f5d57ae6,#3bd7c4bf);color:#050814;font-weight:800;letter-spacing:.08em;border:1px solid rgba(245,213,122,.65);box-shadow:0 12px 28px #0006,inset 0 0 12px #ffffff1f;text-decoration:none;z-index:20}.escape-main:hover{transform:translateY(-1px);box-shadow:0 14px 32px #00000073,inset 0 0 14px #ffffff29}.layout-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid rgba(158,252,255,.25);border-radius:14px;background:#060c18b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.layout-brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px}.brand-mark{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#ffd34d,#00ffd1);display:inline-flex;align-items:center;justify-content:center;color:#05070d;font-weight:900}.layout-nav{display:flex;gap:8px;flex-wrap:wrap}.nav-chip{padding:11px 16px;border-radius:12px;border:1px solid rgba(158,252,255,.3);color:#dff8ff;text-decoration:none;background:#ffffff08;font-weight:800;letter-spacing:.3px;transition:transform .12s ease,box-shadow .12s ease}.nav-chip.active{background:linear-gradient(135deg,#00ffd13d,#78b6ff2e);color:#0b1220;box-shadow:0 10px 24px #0000004d}.nav-chip.ghost{border-style:dashed;opacity:.9}.layout-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,215,0,.25);background:linear-gradient(180deg,#ffd7001a,#0a0c12d9)}.layout-body{display:flex;flex-direction:column;gap:14px}.layout-footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13px;color:#9cb4c8;padding:12px 0 8px}.footer-email{font-weight:800;color:#f7d9a5;letter-spacing:.2px}.footer-note{opacity:.8}.hub-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.hub-button{border:1px solid rgba(0,255,209,.32);border-radius:16px;padding:20px 18px;font-size:18px;font-weight:900;background:linear-gradient(135deg,#00ffd129,#78b6ff1f);color:#eaf7ff;cursor:pointer;box-shadow:0 14px 30px #00000047;transition:transform .12s ease,box-shadow .12s ease}.hub-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 18px 36px #00000052}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.feature-card{border:1px solid rgba(158,252,255,.24);border-radius:14px;padding:14px;background:#05080ed1;box-shadow:0 14px 28px #00000052;display:flex;flex-direction:column;gap:12px}.feature-card__header{display:flex;justify-content:space-between;gap:12px}.feature-kicker{margin:0;font-size:12px;letter-spacing:1px;color:#8fe3ff}.feature-title{margin:2px 0;font-size:18px;color:#fefefe}.feature-desc{margin:0;color:#b8c7d9;font-size:14px}.feature-path{font-size:12px;color:#7db1c8;word-break:break-all;text-align:right}.feature-button{align-self:flex-start;padding:14px 18px;font-size:16px;font-weight:900;border-radius:12px;border:1px solid rgba(255,215,0,.35);background:linear-gradient(135deg,#ffd34d,#ffac33);color:#0b0f1a;cursor:pointer;min-width:128px}.feature-button:disabled{opacity:.6;cursor:not-allowed}.result-box{border:1px dashed rgba(158,252,255,.4);border-radius:12px;padding:12px;color:#dff2ff;background:#05080ebf}:root{--bg-deep: #030305;--bg-panel: #0a0a0f;--gold: #f7d9a5;--champagne: #ffe8c2;--cyan: #64d3ff;--glow: rgba(247, 217, 165, .4)}:root{font-size:clamp(13px,2.6vw,16px)}html,body{background:radial-gradient(circle at 30% 10%,rgba(247,217,165,.16),transparent 35%),radial-gradient(circle at 70% 0%,rgba(100,211,255,.12),transparent 38%),var(--bg-deep);color:#f4f5ff}.app-shell{background:linear-gradient(180deg,#050508f2,#020204fa)}.mobile-frame{max-width:540px;background:linear-gradient(180deg,#0a0a0fe6,#030305f2);border:1px solid rgba(247,217,165,.2);border-radius:20px;box-shadow:0 18px 40px #0000008c,0 0 80px #f7d9a51f;overflow:hidden}.layout-header{background:linear-gradient(90deg,#06060ae6,#0a0a12eb);border-color:#f7d9a54d;box-shadow:0 10px 28px #00000059}.layout-brand{color:var(--champagne)}.brand-mark{background:linear-gradient(135deg,#f7d9a5,#e8c27a);color:#0a090f}.layout-nav .nav-chip{border-color:#f7d9a552;background:#ffffff0a}.layout-nav .nav-chip.active{background:radial-gradient(circle at 30% 30%,#f7d9a566,#f7d9a529);color:#0a0a0f}.layout-hero{background:linear-gradient(180deg,#f7d9a524,#0a0a0fe6);border-color:#f7d9a557}.layout-footer{color:#c8d1e0}.hub-grid-large{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hub-button{width:140px;height:140px;border-radius:50%;justify-self:center;background:radial-gradient(circle at 30% 30%,#f7d9a54d,#050508e6);border:1px solid rgba(247,217,165,.5);box-shadow:0 16px 36px #0000006b,inset 0 0 0 1px #ffffff0f;text-transform:uppercase}.hub-button:hover{transform:translateY(-3px) scale(1.04)}.feature-card{background:linear-gradient(180deg,#07070aeb,#030306f5);border-color:#f7d9a533;box-shadow:0 16px 34px #00000073,0 0 40px #f7d9a514}.feature-button{background:radial-gradient(circle at 30% 30%,#f7d9a5,#e6be6f);border-color:#f7d9a599}.metal-btn{position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.metal-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),transparent 55%);opacity:0;transition:opacity .12s ease}.metal-btn:hover:after{opacity:1}.btn-pressing{transform:translateY(2px) scale(.97)!important;box-shadow:0 6px 16px #00000059!important;filter:saturate(1.1)}.welcome-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}.welcome-overlay .gate{position:absolute;top:0;width:50%;height:100%;background:linear-gradient(180deg,#0f0c14f2,#06060ae6);border:1px solid rgba(247,217,165,.28);box-shadow:inset 0 0 30px #00000080;transition:transform .8s ease}.welcome-overlay .gate.left{left:0;transform:translate(0)}.welcome-overlay .gate.right{right:0;transform:translate(0)}.welcome-overlay .gate.open.left{transform:translate(-110%)}.welcome-overlay .gate.open.right{transform:translate(110%)}.royal-silhouette{position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(247,217,165,.25),transparent 40%),radial-gradient(circle at 50% 75%,rgba(100,211,255,.25),transparent 45%),linear-gradient(180deg,transparent 40%,rgba(3,3,5,.92) 55%);-webkit-mask-image:radial-gradient(circle at 50% 45%,rgba(0,0,0,.9) 25%,transparent 45%);mask-image:radial-gradient(circle at 50% 45%,rgba(0,0,0,.9) 25%,transparent 45%);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .9s ease,transform .9s ease}.royal-silhouette.reveal{opacity:.85;transform:translateY(0) scale(1)}.welcome-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.core-shell{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(247,217,165,.16),transparent 55%),radial-gradient(circle at 70% 70%,rgba(100,211,255,.12),transparent 50%),#030305}.core-bg{position:absolute;inset:-10%;background:radial-gradient(circle at center,rgba(247,217,165,.12),transparent 60%),repeating-radial-gradient(circle at center,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 22px);opacity:.6;filter:blur(2px)}.core-center{position:relative;z-index:2;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f7d9a566,#07070ae6);border:1px solid rgba(247,217,165,.6);box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff14;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;letter-spacing:1px}.core-logo{font-size:26px;font-weight:900;color:var(--champagne)}.core-sub{font-size:12px;color:#c8d1e0}.core-ring{position:absolute;width:420px;height:420px;border-radius:50%;display:grid;place-items:center;z-index:1}.core-btn{position:absolute;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f7d9a559,#050508e6);border:1px solid rgba(247,217,165,.55);color:#f4f5ff;font-weight:800;text-transform:uppercase;box-shadow:0 16px 34px #00000073,inset 0 0 0 1px #ffffff14;transform:rotate(calc(45deg * var(--i))) translate(200px) rotate(calc(-45deg * var(--i)))}.core-btn:hover{transform:rotate(calc(45deg * var(--i))) translate(200px) rotate(calc(-45deg * var(--i))) scale(1.05)}@media(max-width:520px){.core-ring{width:320px;height:320px}.core-btn{width:92px;height:92px;transform:rotate(calc(45deg * var(--i))) translate(150px) rotate(calc(-45deg * var(--i)))}.core-btn:hover{transform:rotate(calc(45deg * var(--i))) translate(150px) rotate(calc(-45deg * var(--i))) scale(1.05)}.core-center{width:150px;height:150px}}.chat-pane-tabs{position:sticky;top:10px;display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;margin-bottom:14px;background:linear-gradient(180deg,#07070af0,#030306f5);border:1px solid rgba(247,217,165,.25);box-shadow:0 10px 30px #00000059,inset 0 0 0 1px #ffffff0d;border-radius:12px;z-index:5}.pane-btn{padding:10px 14px;border-radius:10px;border:1px solid rgba(247,217,165,.25);background:#0d0d12b3;color:#f4f5ff;font-weight:700;letter-spacing:.2px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.pane-btn:hover{transform:translateY(-1px);border-color:#f7d9a599;box-shadow:0 8px 20px #00000040,0 0 20px #f7d9a51f}.pane-btn.active{background:radial-gradient(circle at 30% 30%,#f7d9a559,#07070ae6);border-color:#f7d9a5b3;box-shadow:0 10px 26px #00000059,inset 0 0 0 1px #ffffff14}.scarcity-banner{margin:12px 0;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,215,0,.35);background:linear-gradient(135deg,#ffd7002e,#000000a6);display:flex;flex-direction:column;gap:4px;box-shadow:0 12px 30px #00000059}.scarcity-banner strong{font-size:16px;color:#ffe6a3}.scarcity-banner span{font-size:13px;color:#d9e0ff}.collab-shell .collab-layout{display:flex;gap:16px;align-items:flex-start}.collab-shell .collab-sidebar{width:320px;display:flex;flex-direction:column;gap:16px}.collab-shell .collab-main{flex:1;display:flex;flex-direction:column;gap:16px}.collab-shell .room-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto}.collab-shell .room-list-item{text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;background:#ffffff05;color:inherit}.collab-shell .room-list-item.active{border-color:#ffd977;background:#ffd9771f}.collab-shell .room-name{font-weight:600}.collab-shell .room-meta{font-size:12px;opacity:.7;display:flex;justify-content:space-between}.collab-shell .collab-field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.collab-shell .collab-field input{border-radius:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.1);background:#0003;color:inherit}.collab-shell .board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:16px}.collab-shell .board-panel{border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;background:#080a14bf;display:flex;flex-direction:column;gap:8px}.collab-shell .board-header{display:flex;align-items:center;justify-content:space-between}.collab-shell .board-title{font-weight:600;font-size:15px}.collab-shell .board-status{font-size:12px;color:#8ea7d2}.collab-shell .board-panel textarea{min-height:120px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#00000059;color:inherit;padding:10px;resize:vertical}.collab-shell .board-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.collab-shell .presence-grid{display:flex;flex-wrap:wrap;gap:8px}.collab-shell .presence-pill{border-radius:999px;padding:6px 14px;background:#ffffff14;display:flex;flex-direction:column;font-size:12px}.collab-shell .log-card ul{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:4px}.collab-shell .log-card li{display:flex;gap:8px;font-size:13px}@media(max-width:960px){.collab-shell .collab-layout{flex-direction:column}.collab-shell .collab-sidebar{width:100%}}�/�*� �-�-�-� �C�r�e�a�t�i�o�n� �d�i�s�t�r�i�b�u�t�i�o�n� �p�a�n�e�l� �-�-�-� �*�/� �.�c�r�e�a�t�i�o�n�-�d�i�s�t�r�i�b�u�t�i�o�n� �{� � � �m�a�r�g�i�n�-�t�o�p�:� �1�6�p�x�;� � � �p�a�d�d�i�n�g�:� �1�8�p�x�;� � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�8�,� �9�,� �1�4�,� �0�.�8�2�)�;� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�6�)�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �1�6�p�x�;� �}� � �.�c�r�e�a�t�i�o�n�-�d�i�s�t�r�i�b�u�t�i�o�n�_�_�h�e�a�d�e�r� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �s�p�a�c�e�-�b�e�t�w�e�e�n�;� � � �g�a�p�:� �1�2�p�x�;� � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �1�2�p�x�;� �}� � �.�c�r�e�a�t�i�o�n�-�s�t�a�t�s�-�r�o�w� �{� � � �d�i�s�p�l�a�y�:� �g�r�i�d�;� � � �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �r�e�p�e�a�t�(�a�u�t�o�-�f�i�t�,� �m�i�n�m�a�x�(�1�0�0�p�x�,� �1�f�r�)�)�;� � � �g�a�p�:� �1�0�p�x�;� � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �1�6�p�x�;� �}� � �.�c�r�e�a�t�i�o�n�-�s�t�a�t�s�-�r�o�w� �>� �d�i�v�,� �.�b�a�d�g�e�-�a�i� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�4�)�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �1�2�p�x�;� � � �p�a�d�d�i�n�g�:� �1�0�p�x�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � �g�a�p�:� �4�p�x�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�9�r�e�m�;� �}� � �.�b�a�d�g�e�-�a�i� �{� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� �}� � �.�c�r�e�a�t�i�o�n�-�d�i�s�t�r�i�b�u�t�i�o�n�_�_�g�r�i�d� �{� � � �d�i�s�p�l�a�y�:� �g�r�i�d�;� � � �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �r�e�p�e�a�t�(�a�u�t�o�-�f�i�t�,� �m�i�n�m�a�x�(�2�8�0�p�x�,� �1�f�r�)�)�;� � � �g�a�p�:� �1�6�p�x�;� �}� � �.�c�h�i�p�-�l�i�s�t� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �f�l�e�x�-�w�r�a�p�:� �w�r�a�p�;� � � �g�a�p�:� �6�p�x�;� � � �m�a�r�g�i�n�:� �1�0�p�x� �0�;� �}� � �.�c�h�i�p�-�t�o�g�g�l�e� �{� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�8�)�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �9�9�9�p�x�;� � � �p�a�d�d�i�n�g�:� �6�p�x� �1�2�p�x�;� � � �b�a�c�k�g�r�o�u�n�d�:� �t�r�a�n�s�p�a�r�e�n�t�;� � � �c�o�l�o�r�:� �i�n�h�e�r�i�t�;� � � �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� �}� � �.�c�h�i�p�-�t�o�g�g�l�e�-�-�a�c�t�i�v�e� �{� � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�1�3�5�d�e�g�,� �#�f�f�d�3�4�d�,� �#�f�f�a�c�3�3�)�;� � � �c�o�l�o�r�:� �#�0�c�0�c�1�2�;� � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �t�r�a�n�s�p�a�r�e�n�t�;� �}� � �.�p�a�c�k�a�g�e�-�p�r�e�v�i�e�w� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � �g�a�p�:� �1�0�p�x�;� � � �m�a�r�g�i�n�-�t�o�p�:� �1�2�p�x�;� �}� � �.�p�a�c�k�a�g�e�-�c�a�r�d� �{� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�8�)�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �1�2�p�x�;� � � �p�a�d�d�i�n�g�:� �1�2�p�x�;� � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�2�)�;� �}� � �.�p�a�c�k�a�g�e�-�c�a�r�d�_�_�h�e�a�d� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �s�p�a�c�e�-�b�e�t�w�e�e�n�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �6�p�x�;� � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �c�a�p�i�t�a�l�i�z�e�;� �}� � �.�p�a�c�k�a�g�e�-�c�a�r�d�_�_�m�e�t�a� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � �g�a�p�:� �4�p�x�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�5�r�e�m�;� � � �c�o�l�o�r�:� �v�a�r�(�-�-�m�u�t�e�d�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�7�)�)�;� �}� � �.�s�e�c�t�i�o�n�-�h�e�a�d� �{� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �s�p�a�c�e�-�b�e�t�w�e�e�n�;� � � �g�a�p�:� �1�2�p�x�;� � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �8�p�x�;� �}� � �.�p�u�b�l�i�s�h�-�l�o�g� �{� � � �m�a�r�g�i�n�-�t�o�p�:� �1�2�p�x�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � �g�a�p�:� �8�p�x�;� �}� � �.�p�u�b�l�i�s�h�-�l�o�g�_�_�r�o�w� �{� � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�8�)�;� � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �1�0�p�x�;� � � �p�a�d�d�i�n�g�:� �1�0�p�x�;� � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�2�)�;� � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � �g�a�p�:� �4�p�x�;� �}� � �.�s�t�a�t�u�s�-�d�o�t� �{� � � �m�a�r�g�i�n�-�l�e�f�t�:� �6�p�x�;� � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�r�e�m�;� � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �u�p�p�e�r�c�a�s�e�;� �}� � �.�s�t�a�t�u�s�-�c�o�m�p�l�e�t�e�d� �{� � � �c�o�l�o�r�:� �#�4�a�d�e�8�0�;� �}� � �.�s�t�a�t�u�s�-�q�u�e�u�e�d�,� �.�s�t�a�t�u�s�-�p�e�n�d�i�n�g� �{� � � �c�o�l�o�r�:� �#�f�c�d�3�4�d�;� �}� � �.�s�t�a�t�u�s�-�f�a�i�l�e�d� �{� � � �c�o�l�o�r�:� �#�f�8�7�1�7�1�;� �}� � �:root{--bg: #000000;--panel: #0c0c12;--gold: #ffd700;--blue: #35b6ff;--text: #f7f7f7;--muted: #9aa3b5;--radius: 12px;--maxw: 400px;font-family:Space Grotesk,Pretendard,system-ui,-apple-system,sans-serif;font-size:clamp(13px,3vw,16px)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-size:clamp(13px,3vw,16px)}body{display:flex;justify-content:center;width:100%;overflow-x:hidden;overflow-y:auto}#root{width:100%;display:flex;justify-content:center;overflow:hidden}.screen-root{width:min(100%,var(--maxw));min-height:100vh;padding:clamp(16px,3vh,24px) clamp(10px,4vw,18px) calc(120px + env(safe-area-inset-bottom,0px));background:#000;color:#fff;margin:0 auto;overflow-y:auto}.view-shell{transition:transform .18s ease,opacity .18s ease;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.transition-out{opacity:0;transform:translateY(8px)}.transition-in{opacity:1;transform:translateY(0)}.app-root{width:100%;max-width:var(--maxw);min-height:100vh;padding:18px 16px 24px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(255,215,0,.12),transparent 35%),radial-gradient(circle at 20% 80%,rgba(53,182,255,.18),transparent 35%),linear-gradient(180deg,#050505,#0b0b11)}.screen{display:flex;flex-direction:column;gap:10px;height:100%;color:var(--text);padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}.header-row{display:flex;align-items:center;gap:8px}.back-btn{border:1px solid rgba(255,215,0,.6);background:transparent;color:var(--gold);border-radius:999px;padding:6px 10px;min-width:56px;min-height:34px;cursor:pointer}.title{font-size:16px;font-weight:800}.title-block .sub{color:var(--muted);font-size:12px}.muted{color:var(--muted)}.world-home{position:relative}.core-float{position:fixed;left:50%;bottom:56px;transform:translate(-50%);display:grid;place-items:center;gap:4px;z-index:15}.party-core-float{bottom:96px}.core-float-btn{position:relative;width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,215,0,.65);background:radial-gradient(circle at 40% 35%,#ffd700f2,#0c0c12d9);color:#0c0c12;font-weight:800;letter-spacing:.6px;overflow:hidden;box-shadow:0 10px 26px #ffd70059,0 0 48px #35b6ff33;cursor:pointer}.core-mini-orbit{position:absolute;inset:0;display:grid;place-items:center;animation:orbitSpin 8s linear infinite}.core-mini-orbit span{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,gold,#ffac33);box-shadow:0 0 8px #ffd70099;transform:rotate(calc(var(--i) * 360deg / var(--total))) translate(15px);animation:coreGather .8s ease forwards}.core-float-glow,.core-float-pulse{position:absolute;inset:-12px;border-radius:50%;pointer-events:none}.core-float-glow{border:1px solid rgba(255,215,0,.35);animation:breathe 3s ease-in-out infinite}.core-float-pulse{box-shadow:0 0 40px #35b6ff40;animation:breathe 3s ease-in-out infinite reverse;opacity:.6}.core-float-label{display:block;font-size:8px;color:#0c0c12;text-shadow:0 1px 0 rgba(255,255,255,.6)}.party-screen{padding-bottom:108px;display:flex;flex-direction:column;gap:16px}.party-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 8px 2px}.party-logo{font-weight:900;letter-spacing:1.2px;color:gold;background:#ffd70014;border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:8px 10px;box-shadow:0 8px 20px #00000059}.party-tabs{position:relative;display:grid;grid-template-columns:repeat(2,1fr);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;overflow:hidden;min-width:160px}.party-tab{padding:10px 12px;border:none;background:transparent;color:#fff;font-weight:800;letter-spacing:.4px}.party-tab-underline{position:absolute;bottom:0;width:50%;height:3px;background:linear-gradient(90deg,#ff6b6b,#ff3b3b);transition:transform .22s ease}.party-actions{display:flex;gap:8px}.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#fff;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px #00000059}.story-rail{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.my-room-card{width:64px;height:64px;border-radius:50%;border:2px solid rgba(167,107,255,.8);background:radial-gradient(circle at 35% 35%,#b678ff,#2a0f3c);color:#f6ecff;display:grid;place-items:center;text-align:center;gap:4px;font-weight:900;box-shadow:0 12px 32px #a76bff59;cursor:pointer;position:relative;overflow:hidden}.my-room-core{position:relative;width:42px;height:42px;display:grid;place-items:center}.core-mini-orbit.mini{position:absolute;inset:0;display:grid;place-items:center;animation:orbitSpin 9s linear infinite}.core-mini-orbit.mini:before,.core-mini-orbit.mini:after{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(255,215,0,.22);pointer-events:none}.core-mini-orbit.mini:after{inset:9px;border-color:#ffd70024}.core-mini-orbit.mini span{width:6px;height:6px;transform:rotate(calc(var(--i) * 360deg / var(--total))) translate(16px);box-shadow:0 0 6px #ffd70099}.my-room-icon{font-size:16px;position:relative;z-index:1}.my-room-label{font-size:11px;letter-spacing:.35px}.story-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:64px;gap:12px;overflow-x:auto;padding:6px 2px 6px 4px}.story{display:grid;gap:6px;justify-items:center;color:#fff}.story-thumb{width:58px;height:58px;border-radius:50%;background-size:cover;background-position:center;position:relative;border:2px solid rgba(255,255,255,.16);box-shadow:0 10px 20px #00000059}.story-tag{position:absolute;top:4px;left:6px;padding:2px 6px;border-radius:999px;background:#000000a6;font-size:11px}.story-label{font-size:12px;text-align:center;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story.self{text-decoration:none;color:#fff}.story-thumb.self{display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#a76bff,#1a0f2d);border-color:#a76bffb3;font-size:22px}.category-cards{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin:8px 0 12px;overflow-x:auto}.category-cards.large{grid-auto-columns:120px}.category-card{min-width:120px;border:none;border-radius:14px;padding:10px;text-align:left;display:grid;place-items:center;box-shadow:0 8px 20px #00000059;color:#0b0b0b;font-weight:800;box-shadow:0 8px 20px #0000002e;cursor:pointer}.category-card.strong{background:linear-gradient(120deg,#ff6b6b,#ffbb3b);color:#0b0b0b}.category-card.subtle{background:linear-gradient(120deg,#c9d5ff,#9ab4ff);color:#0b0b0b}.category-title{font-size:12px}.category-stat{font-size:11px;margin-top:4px;opacity:.8}.subtab-row{margin:4px 0 10px}.subtab-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:12px;overflow-x:auto}.subtab{background:transparent;color:#fff;border:none;font-weight:800;padding:8px 4px;position:relative;cursor:pointer}.subtab.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#ffd34d}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:12px}.room-card{border-radius:18px;padding:12px;position:relative;box-shadow:0 10px 22px #0000002e;color:#0c0c12}.room-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#0000000f;font-weight:800;margin-bottom:8px}.room-title{font-weight:900;font-size:14px;line-height:1.3;min-height:36px}.room-meta{display:flex;min-width:130px;border:none;padding:14px;text-align:left;color:#0b0b0b;font-weight:800;box-shadow:0 10px 26px #0003;cursor:pointer;border-radius:50%;background:#00000014;display:grid;place-items:center;font-weight:900}.room-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:10px;background:#00000014;font-weight:800}.bottom-tabbar{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:var(--maxw);background:#0c0c12e6;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:grid;grid-template-columns:repeat(6,1fr);padding:4px;gap:2px;box-shadow:0 10px 24px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;font-size:clamp(10px,2.1vw,12px)}.bottom-tab{background:transparent;border:none;color:#d7dce9;font-weight:700;padding:6px 4px;border-radius:10px;cursor:pointer;min-height:34px;font-size:18px}.bottom-tab.active{background:linear-gradient(135deg,#ffd34d,#ffac33);color:#0c0c12}.hub-screen{align-items:center;text-align:center;gap:18px;overflow:hidden}.hub-title{letter-spacing:1px;font-size:18px;font-weight:900}.hub-sub{margin:0;color:var(--muted)}.hub-orbit{position:relative;width:260px;height:260px;margin:0 auto;--orbit-radius: 92px;--btn-size: 44px}.hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd700f2,#ffac33bf 45%,#0c0c12eb 78%);box-shadow:0 0 26px #ffd70059,0 0 58px #35b6ff29;display:grid;place-items:center;overflow:hidden}.hub-orbit-rotor{position:absolute;inset:0;transform-origin:center;animation:orbitSpin 18s linear infinite}.hub-orbit-rotor:before,.hub-orbit-rotor:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.hub-orbit-rotor:before{width:calc(var(--orbit-radius) * 2 + var(--btn-size) + 10px);height:calc(var(--orbit-radius) * 2 + var(--btn-size) + 10px);border:1px solid rgba(255,215,0,.18)}.hub-orbit-rotor:after{width:calc(var(--orbit-radius) * 2 + 14px);height:calc(var(--orbit-radius) * 2 + 14px);border:1px solid rgba(255,215,0,.1)}.hub-button-label{display:inline-block;font-size:10px;line-height:1.05;letter-spacing:.3px}.beam-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(255,79,163,.35),transparent 50%),radial-gradient(circle at 50% 60%,rgba(255,215,0,.28),transparent 60%);mix-blend-mode:screen;animation:beamFlash .7s ease}.family-core{position:absolute;left:50%;top:calc(50% + 70px);transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,215,0,.85);background:radial-gradient(circle at 40% 40%,#ff4fa399,#000000e6);box-shadow:0 0 20px #ff4fa3b3,0 0 32px #ffd70052;color:gold;display:grid;place-items:center;gap:2px;cursor:pointer;overflow:hidden}.family-core.teleport{animation:softTeleport .7s ease}.family-label{font-weight:900;letter-spacing:.7px;font-size:10px}.family-sub{color:#ffe7f4;font-size:10px}.core-text{font-weight:900;letter-spacing:.8px;color:#0c0c12;background:linear-gradient(120deg,gold,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.core-text{font-size:13px}.core-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:.85rem;color:#35b6ff;text-shadow:0 0 10px rgba(53,182,255,.7);animation:hintPulse 1.1s ease-in-out infinite;z-index:2}.core-glow,.core-pulse{position:absolute;inset:0;border-radius:50%;pointer-events:none}.core-glow{border:1px solid rgba(255,215,0,.3);animation:breathe 3s ease-in-out infinite}.core-pulse{box-shadow:0 0 40px #35b6ff40;opacity:.4;animation:breathe 3s ease-in-out infinite reverse}.hub-button{position:absolute;left:50%;top:50%;transform:rotate(var(--angle)) translate(var(--orbit-radius)) rotate(calc(var(--angle) * -1));width:var(--btn-size);height:var(--btn-size);border-radius:50%;border:2px solid rgba(255,215,0,.65);background:#0c0c12e6;color:#fff;font-weight:800;font-size:12px;letter-spacing:.35px;line-height:1.05;padding:2px;cursor:pointer;box-shadow:0 8px 22px #00000052}.hub-button:hover{box-shadow:0 10px 28px #ffd70047}.hub-button.teleport{animation:teleportPulse .55s ease}.hub-button:nth-of-type(1){border-color:#35b6ff;background:radial-gradient(circle at 30% 30%,#35b6ff80,#000000e6)}.hub-button:nth-of-type(2){border-color:#ff4d4d;background:radial-gradient(circle at 30% 30%,#ff4d4d80,#000000e6)}.hub-button:nth-of-type(3){border-color:#4de1c1;background:radial-gradient(circle at 30% 30%,#4de1c180,#000000e6)}.hub-button:nth-of-type(4){border-color:#ffeec2;background:radial-gradient(circle at 30% 30%,#fff8ebb3,#000000e6);color:#0b0b0b}.hub-button:nth-of-type(5){border-color:#b48bff;background:radial-gradient(circle at 30% 30%,#9876ff80,#000000e6)}.hub-button:nth-of-type(6){border-color:#33d6c7;background:radial-gradient(circle at 30% 30%,#33d6c780,#000000e6)}.hub-button:nth-of-type(7){border-color:#9aa3b5;background:radial-gradient(circle at 30% 30%,#9aa3b580,#000000e6)}.hub-button:nth-of-type(8){border-color:#ff7be0;background:radial-gradient(circle at 30% 30%,#ff7be08c,#000000e6)}.hub-button:nth-of-type(9){border-color:#ffc14f;background:radial-gradient(circle at 30% 30%,#ffc14f80,#000000e6)}.hub-button:nth-of-type(10){border-color:gold;background:radial-gradient(circle at 30% 30%,#ffd70073,#000000e6)}.video-box,.card,.profile-card,.moment-card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:12px;box-shadow:0 8px 20px #0000004d}.video-box{display:flex;flex-direction:column;gap:10px}.video-placeholder{height:45vh;border:1px dashed rgba(255,255,255,.15);display:grid;place-items:center;color:var(--muted)}.video-controls{display:flex;gap:8px;flex-wrap:wrap}.video-lab{gap:16px}.video-card{display:flex;flex-direction:column;gap:12px}.video-card .controls{display:flex;gap:10px;align-items:center}.status-line{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.video-preview{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0c0c12}.video-preview video{width:100%;display:block;background:#000}.video-placeholder{border:1px dashed rgba(255,255,255,.2);padding:16px;border-radius:12px;color:var(--muted);text-align:center}.translate-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:12px}.translate-row{display:grid;grid-template-columns:repeat(4,auto);gap:8px;align-items:center}.translate-row select{background:#0f1118;color:var(--text);border:1px solid rgba(255,215,0,.35);border-radius:10px;padding:6px 8px}.translate-log{margin-top:8px;color:var(--muted);font-size:13px}.log-line{margin-bottom:4px}.message-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.message-item{display:flex;gap:8px;align-items:center}.message-author{color:var(--gold);font-weight:700}.message-text{color:var(--text)}.message-input{display:grid;grid-template-columns:1fr auto auto;gap:8px}.message-input input{background:#0f1118;border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:12px;padding:12px}.gold-btn{background:linear-gradient(135deg,#ffd34d,#ffac33);border:1px solid rgba(255,215,0,.6);color:#0b0b0b;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer;min-height:40px}.gold-btn.full{width:100%}.pill{border:1px solid rgba(255,215,0,.4);background:transparent;color:var(--gold);padding:8px 12px;border-radius:999px;cursor:pointer;min-height:40px}.icon-btn{border:1px solid rgba(53,182,255,.4);background:#35b6ff1a;color:#fff;border-radius:12px;padding:0 12px;cursor:pointer}.ghost-btn{border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text);border-radius:12px;padding:10px 14px}.tab-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tab-btn{padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0c0c12;color:var(--text);cursor:pointer;min-height:40px}.tab-btn.active{border-color:var(--gold);color:var(--gold)}.moment-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.moment-head{display:flex;align-items:center;gap:10px}.moment-author{font-weight:700}.moment-time{color:var(--muted);font-size:12px}.moment-text{margin:8px 0;color:var(--text);line-height:1.4}.moment-media{background:#0f1118;border:1px dashed rgba(255,255,255,.12);height:160px;display:grid;place-items:center;color:var(--muted)}.moment-actions{display:flex;gap:12px;color:var(--muted)}.card input,.card textarea,.card select{width:100%;background:#0f1118;border:1px solid rgba(255,255,255,.08);color:var(--text);border-radius:10px;padding:8px}.label{font-size:12px;color:var(--muted);margin-bottom:6px;display:block}.status{color:var(--gold);font-size:12px;margin-top:6px}.generated-box{background:#0f1118;border:1px dashed rgba(255,215,0,.3);border-radius:12px;padding:10px;color:var(--text);min-height:96px}.audio-preview{height:72px;display:grid;place-items:center;border:1px dashed rgba(53,182,255,.4);color:var(--blue);border-radius:12px}.chat-box{margin-top:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}.chat-row{display:flex;flex-direction:column;gap:4px}.chat-row.user .chat-bubble{align-self:flex-end;background:linear-gradient(120deg,#ffda6b,#ff9f3b);color:#0b0b0b}.chat-row.assistant .chat-bubble{align-self:flex-start;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.chat-role{font-size:11px;color:var(--muted)}.chat-bubble{padding:8px 10px;border-radius:12px;max-width:100%;line-height:1.35}.chat-input-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.profile-card{display:flex;gap:10px;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;background:#ffd70029;border:1px solid rgba(255,215,0,.4);display:grid;place-items:center;color:var(--gold);font-weight:800}.avatar.small{width:32px;height:32px}.avatar.large{width:64px;height:64px}.profile-meta .nickname{font-size:15px;font-weight:800}.profile-meta .intro{color:var(--muted);font-size:12px}.card.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card.actions{display:flex;flex-direction:column;gap:8px}.value.gold{color:var(--gold);font-weight:800}.match-visual{flex:1;display:grid;place-items:center;gap:12px}.match-orbs{position:relative;width:160px;height:160px}.match-orbs span{position:absolute;inset:20px;border:1px solid rgba(255,215,0,.35);border-radius:50%}.match-orbs span:nth-child(2){inset:10px;border-color:#35b6ff59}.match-orbs span:nth-child(3){inset:0;border-color:#fff3}.match-orbs.pulse span{animation:breathe 2s infinite ease-in-out}.match-text{color:var(--text)}.live-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:180px;gap:10px;overflow-x:auto;padding-bottom:8px}.live-card{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:12px}.live-thumb{height:100px;background:#0f1118;border:1px dashed rgba(255,255,255,.1);margin-bottom:8px;display:grid;place-items:center;color:var(--muted)}.live-title{font-weight:800}.live-host{color:var(--muted);font-size:13px}.live-meta{color:var(--gold);font-size:12px}.live-section{display:flex;flex-direction:column;gap:8px}.section-title{font-weight:800;color:var(--text)}.chat-list{display:flex;flex-direction:column;gap:10px}.chat-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:var(--radius);background:var(--panel);border:1px solid rgba(255,255,255,.06);cursor:pointer}.chat-name{font-weight:700}.chat-last{color:var(--muted);font-size:13px}.chat-time{color:var(--muted);font-size:12px}.media-large{width:100%}.media-box{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);border:1px dashed rgba(255,255,255,.14);background:#0f1118;display:grid;place-items:center;color:var(--muted)}.detail-title{font-size:18px;font-weight:900;margin-bottom:4px}.detail-meta{display:flex;align-items:center;gap:8px;color:var(--muted);margin-bottom:6px}.detail-author{font-weight:700;color:var(--text)}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tag-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,215,0,.4);color:var(--gold);font-size:12px}.detail-desc{color:var(--text);line-height:1.4;margin-bottom:10px}.lyrics-box{background:#0f1118;border:1px dashed rgba(255,215,0,.3);border-radius:12px;padding:12px;line-height:1.5;white-space:pre-line;color:var(--text)}.comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.comment-row{display:flex;gap:10px;align-items:flex-start}.comment-author{font-weight:700;color:var(--text)}.comment-text{color:var(--muted);font-size:14px}.media-player{width:100%;height:220px;border-radius:var(--radius);background:linear-gradient(135deg,#35b6ff1f,#ffd70014);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:var(--muted);margin-bottom:12px}.chat-scroll{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px}.chat-line{display:flex;gap:6px;align-items:center;color:var(--text)}.chat-author{color:var(--gold);font-weight:700}.chat-msg{color:var(--text)}.family-status{display:flex;flex-direction:column;gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-weight:800}.badge.idle{background:#ffffff0f;color:var(--text)}.badge.connecting{background:#35b6ff26;color:#35b6ff}.badge.live{background:#ffd7002e;color:var(--gold)}.mode-switch{display:flex;gap:8px;flex-wrap:wrap}.pill.active{background:#ffd70014;border-color:#ffd700b3;color:var(--gold)}.family-grid{grid-template-columns:1fr;gap:12px}.participants{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.participant{border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:10px;background:#ffffff05;display:grid;gap:6px}.p-name{font-weight:700}.p-controls{display:flex;gap:6px;flex-wrap:wrap}.rtc-stage{min-height:140px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;display:grid;place-items:center;color:var(--muted);background:#0f1118}.share-box{margin-top:10px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;padding:12px;color:var(--muted)}.share-item{color:var(--text)}@keyframes breathe{0%{transform:scale(.96);opacity:.7}50%{transform:scale(1.04);opacity:1}to{transform:scale(.96);opacity:.7}}@keyframes hintPulse{0%,to{opacity:.9;transform:translate(-50%) scale(1)}50%{opacity:.4;transform:translate(-50%) scale(1.05)}}@keyframes beamFlash{0%{opacity:0}20%{opacity:.9}to{opacity:0}}@keyframes softTeleport{0%{transform:translate(-50%) scale(1);box-shadow:0 0 26px #ff4fa3a6,0 0 42px #ffd70059}40%{transform:translate(-50%) scale(1.08);box-shadow:0 0 36px #ff4fa3e6,0 0 60px #ffd70080}to{transform:translate(-50%) scale(1);box-shadow:0 0 22px #ff4fa399,0 0 36px #ffd7004d}}@keyframes teleportPulse{0%{transform:scale(1);box-shadow:0 0 16px #ffd70059}40%{transform:scale(1.08);box-shadow:0 0 30px #ffd7008c}to{transform:scale(1);box-shadow:0 0 16px #ffd70059}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes coreGather{0%{transform:rotate(var(--i) * 1deg) translate(40px);opacity:0}60%{opacity:1}to{transform:rotate(calc(var(--i) * 360deg / var(--total))) translate(26px);opacity:1}}:root{--ds-bg: #04050b;--ds-bg-gradient: radial-gradient(circle at 35% 15%, rgba(0, 255, 209, .12), transparent 40%), radial-gradient(circle at 70% 0%, rgba(120, 182, 255, .18), transparent 35%), #03040a;--ds-panel: rgba(6, 9, 20, .92);--ds-panel-alt: rgba(9, 12, 28, .92);--ds-card-border: rgba(158, 252, 255, .18);--ds-card-border-strong: rgba(255, 215, 0, .35);--ds-text: #f6fbff;--ds-muted: #93aac7;--ds-accent: #00ffd1;--ds-accent-soft: rgba(0, 255, 209, .12);--ds-warm: #ffd977;--ds-danger: #ff8d8d;--ds-success: #88ffd2;--ds-radius-lg: 26px;--ds-radius-md: 18px;--ds-shadow: 0 20px 50px rgba(0, 0, 0, .45);--ds-shadow-soft: 0 12px 30px rgba(0, 0, 0, .32)}body{background:var(--ds-bg-gradient);color:var(--ds-text)}.page-shell{padding-bottom:calc(220px + env(safe-area-inset-bottom,0px))}.ds-page{width:100%;max-width:1080px;margin:0 auto;padding:24px 20px calc(220px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:18px}.ds-page--wide{max-width:1320px}.ds-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:var(--ds-radius-lg);border:1px solid var(--ds-card-border);background:var(--ds-panel);box-shadow:var(--ds-shadow)}.ds-hero--compact{padding:18px 20px}.ds-hero__body{flex:1;display:flex;flex-direction:column;gap:8px}.ds-hero__kicker{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--ds-muted)}.ds-hero__title{font-size:clamp(22px,5vw,28px);font-weight:900;margin:0}.ds-hero__lead{margin:0;color:var(--ds-muted);line-height:1.6;max-width:720px}.ds-hero__meta{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ds-muted)}.ds-hero__actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.ds-section{display:flex;flex-direction:column;gap:12px}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.ds-grid--loose{gap:18px}.ds-grid--thirds{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.ds-card{border-radius:var(--ds-radius-md);border:1px solid var(--ds-card-border);background:var(--ds-panel);padding:18px 20px;box-shadow:var(--ds-shadow-soft);display:flex;flex-direction:column;gap:12px}.ds-card--alt{background:var(--ds-panel-alt);border-color:#ffffff14}.ds-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.ds-card__title{font-weight:700;font-size:clamp(14px,3.6vw,16px)}.ds-card__subtitle{font-size:13px;color:var(--ds-muted)}.ds-chip-row{display:flex;flex-wrap:wrap;gap:6px}.ds-chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.ds-pill{padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;font-size:13px}.ds-pill--accent{background:var(--ds-accent-soft);border-color:#00ffd159;color:var(--ds-accent)}.ds-subnav{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px}.ds-nav-btn{padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--ds-muted);font-weight:600;min-width:90px}.ds-nav-btn.active{border-color:var(--ds-card-border-strong);color:var(--ds-text);background:linear-gradient(135deg,#ffd70038,#00ffd11f);box-shadow:0 10px 24px #00000059}.ds-alert{border-radius:var(--ds-radius-md);padding:14px 18px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;display:flex;flex-direction:column;gap:4px}.ds-alert--warning{border-color:#ffd70059;background:linear-gradient(120deg,#ffd70024,#0009);color:#ffe8b0}.ds-alert--danger{border-color:#ff787859;color:#ffdfe0}.ds-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.ds-metric{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;flex-direction:column;gap:4px}.ds-metric__label{font-size:13px;color:var(--ds-muted)}.ds-metric__value{font-size:28px;font-weight:800}.ds-table{display:grid;gap:8px}.ds-table__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.ds-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ds-field{display:flex;flex-direction:column;gap:4px;font-size:13px}.ds-field input,.ds-field textarea,.ds-field select{border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0000003d;color:inherit;padding:10px 12px;font-size:14px}.ds-field textarea{min-height:90px}.ds-action-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ds-voice-block{border-radius:var(--ds-radius-md);padding:16px;border:1px dashed rgba(255,255,255,.14);background:#ffffff08}.ds-story-rail{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.ds-story-rail .story-scroll{width:100%;overflow-x:auto}.ds-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ds-room-card{border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;flex-direction:column;gap:10px}.ds-room-card__head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ds-muted)}.ds-room-card__title{font-weight:700;font-size:18px}.ds-room-card__meta{display:flex;justify-content:space-between;font-size:13px}.party-header-card{gap:14px;padding:16px 18px}.party-brand-block{display:flex;align-items:center;gap:10px}.party-logo-mini{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,215,0,.45);background:radial-gradient(circle at 30% 30%,#ffd70052,#000000d9);display:grid;place-items:center;font-weight:800;color:#ffd977}.party-brand-name{font-weight:800;font-size:18px}.party-brand-note{font-size:12px;color:var(--ds-muted)}.party-mini-tabs{display:flex;gap:8px;flex-wrap:wrap}.party-mini-tab{padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;display:flex;flex-direction:column;align-items:flex-start;font-weight:700;color:var(--ds-muted)}.party-mini-tab small{font-size:11px;color:#ffb7c5}.party-mini-tab.active{border-color:#ffd70073;background:linear-gradient(135deg,#ffd70038,#00ffd11f);color:var(--ds-text);box-shadow:0 10px 20px #00000059}.party-quick-links{display:flex;flex-wrap:wrap;gap:8px}.party-link-btn{padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--ds-text);font-size:13px;font-weight:600}.party-actions.compact{display:flex;gap:6px}@media(max-width:720px){.ds-page{padding:16px 14px 100px}.ds-hero{flex-direction:column}.ds-hero__actions{width:100%;align-items:flex-start}.ds-grid,.ds-room-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}:root{--color-primary: #ffd700;--color-primary-hover: #ffed4e;--color-primary-active: #f39c12;--color-primary-50: #fffbeb;--color-primary-100: #fef3c7;--color-primary-200: #fde68a;--color-primary-300: #fcd34d;--color-primary-400: #fbbf24;--color-primary-500: #f59e0b;--color-primary-600: #d97706;--color-primary-700: #b45309;--color-primary-800: #92400e;--color-primary-900: #78350f;--color-secondary: #1e293b;--color-secondary-hover: #334155;--color-secondary-active: #0f172a;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #d1fae5;--color-success-dark: #047857;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-light: #fee2e2;--color-error-dark: #b91c1c;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-warning-dark: #b45309;--color-info: #3b82f6;--color-info-hover: #2563eb;--color-info-light: #dbeafe;--color-info-dark: #1d4ed8;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-secondary: "Merriweather", Georgia, serif;--font-family-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--spacing-px: 1px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-32: 128px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-3xl: 24px;--border-radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-golden-sm: 0 1px 2px 0 rgba(255, 215, 0, .1);--shadow-golden: 0 1px 3px 0 rgba(255, 215, 0, .15), 0 1px 2px 0 rgba(255, 215, 0, .1);--shadow-golden-lg: 0 10px 15px -3px rgba(255, 215, 0, .15), 0 4px 6px -2px rgba(255, 215, 0, .1);--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-color: var(--color-neutral-300);--border-color-hover: var(--color-neutral-400);--border-color-focus: var(--color-primary);--border-color-error: var(--color-error);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1080;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}[data-theme=dark]{--color-secondary: #0f172a;--color-secondary-hover: #1e293b;--color-secondary-active: #334155;--color-neutral-50: #171717;--color-neutral-100: #262626;--color-neutral-200: #404040;--color-neutral-300: #525252;--color-neutral-400: #737373;--color-neutral-500: #a3a3a3;--color-neutral-600: #d4d4d4;--color-neutral-700: #e5e5e5;--color-neutral-800: #f5f5f5;--color-neutral-900: #fafafa;--border-color: var(--color-neutral-600);--border-color-hover: var(--color-neutral-500)}:root{--button-padding-sm: var(--spacing-2) var(--spacing-3);--button-padding-md: var(--spacing-2) var(--spacing-4);--button-padding-lg: var(--spacing-3) var(--spacing-6);--button-primary-bg: var(--color-primary);--button-primary-hover: var(--color-primary-hover);--button-primary-color: #000;--button-secondary-bg: var(--color-secondary);--button-secondary-hover: var(--color-secondary-hover);--button-secondary-color: white;--button-ghost-bg: transparent;--button-ghost-hover: var(--color-neutral-100);--button-ghost-color: var(--color-secondary-600)}:root{--card-padding: var(--spacing-4);--card-border-radius: var(--border-radius-lg);--card-shadow: var(--shadow);--card-shadow-hover: var(--shadow-md);--card-border: var(--border-width-1) solid var(--border-color)}:root{--input-padding: var(--spacing-2) var(--spacing-3);--input-border: var(--border-width-1) solid var(--border-color);--input-border-radius: var(--border-radius-md);--input-focus-border: var(--border-width-2) solid var(--color-primary);--input-error-border: var(--border-width-2) solid var(--color-error)}:root{--tab-padding: var(--spacing-2) var(--spacing-4);--tab-border-radius: var(--border-radius-md);--tab-active-bg: var(--color-primary);--tab-active-color: #000;--tab-inactive-bg: var(--color-neutral-100);--tab-inactive-color: var(--color-secondary-600)}:root{--modal-overlay-bg: rgba(0, 0, 0, .5);--modal-content-bg: white;--modal-border-radius: var(--border-radius-xl);--modal-shadow: var(--shadow-2xl);--modal-padding: var(--spacing-6)}:root{--toast-border-radius: var(--border-radius-md);--toast-shadow: var(--shadow-lg);--toast-success-bg: var(--color-success);--toast-error-bg: var(--color-error);--toast-warning-bg: var(--color-warning);--toast-info-bg: var(--color-info)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded{border-radius:var(--border-radius)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.connection-status{display:flex;align-items:center;gap:8px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:500;transition:all .2s ease;width:fit-content;max-width:calc(100% - 20px);margin:8px auto 10px;position:sticky;top:8px;z-index:60}.connection-status.online{background-color:#d4edda;color:#155724}.connection-status.offline{background-color:#f8d7da;color:#721c24}.connection-status.checking{background-color:#fff3cd;color:#856404}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.connection-status.online .status-dot{background-color:#28a745}.connection-status.offline .status-dot{background-color:#dc3545}.connection-status.checking .status-dot{background-color:#ffc107;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.loading-spinner{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.loading-spinner:before{content:"";display:block;width:40px;height:40px;margin:0 auto 20px;border:3px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-toast{position:fixed;top:20px;right:20px;max-width:400px;padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;z-index:9999;animation:slideIn .3s ease-out}.error-toast.error{background-color:#dc3545}.error-toast.warning{background-color:#ffc107;color:#212529}.error-toast.info{background-color:#17a2b8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.view-shell.transition-out{opacity:0;transform:translate(-10px)}.view-shell.transition-in{opacity:0;transform:translate(10px);animation:slideInView .18s ease-out forwards}.view-shell.transition-idle{opacity:1;transform:translate(0)}@keyframes slideInView{to{opacity:1;transform:translate(0)}}.bottom-tab:focus,.core-nav-btn:focus{outline:2px solid #007bff;outline-offset:2px}@media(prefers-color-scheme:dark){.loading-screen{background-color:#1a1a1a;color:#f8f9fa}.loading-spinner{background:#2d2d2d;color:#f8f9fa}.connection-status.online{background-color:#155724;color:#d4edda}.connection-status.offline{background-color:#721c24;color:#f8d7da}.connection-status.checking{background-color:#856404;color:#fff3cd}}.demo-banner{position:sticky;top:0;z-index:1200;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#f59e0b);color:#fff;box-shadow:0 4px 12px #0f172a59}.demo-banner-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#0f172a59}.demo-banner-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.demo-banner-title{display:flex;align-items:center;gap:8px;font-size:14px}.demo-badge{padding:2px 8px;border-radius:999px;background:#0f172a80;font-size:11px;letter-spacing:.08em}.demo-banner-info{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;opacity:.95}.demo-limits,.demo-reset{display:flex;align-items:center;gap:6px}.demo-banner-cta{margin-left:auto;font-size:12px;font-weight:600;color:#fef3c7;text-decoration:none;white-space:nowrap}.demo-banner-cta:hover{text-decoration:underline}.demo-banner-close{margin-left:8px;background:transparent;border:none;color:#e5e7eb;cursor:pointer;font-size:16px}@media(max-width:768px){.demo-banner{padding:8px 12px}.demo-banner-info{flex-direction:column;align-items:flex-start}.demo-banner-cta{margin-left:0}}