*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#2563eb;--accent-bright:#3b82f6;--accent-deep:#1d4ed8;--accent-soft:#2563eb1a;--accent-glow:#2563eb73;--accent-soft-glow:#38bdf866;--aurora:linear-gradient(135deg,#2563eb 0%,#38bdf8 50%,#22d3ee 100%);--aurora-soft:linear-gradient(135deg,#2563eb,#38bdf8);--face-bg:#fafbff;--page-bg:#f7f8fc;--card:#fff;--face-card:#ffffffb8;--face-border:#0f172a12;--text:#0f172a;--text-sec:#475569;--text-ter:#94a3b8;--border:#e6e8ef;--border-light:#f1f3f8;--radius:14px;--radius-ctl:10px;--radius-pill:999px}body{color:#1a1a2e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}#root{min-height:100vh}a{color:inherit;text-decoration:none}table{border-collapse:collapse}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bbb}button:active:not(:disabled){transform:scale(.96)}input,select,textarea{transition:border-color .15s,box-shadow .15s}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:#9ca3af}.skeleton{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite shimmer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes dotIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}@keyframes mBreathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}@keyframes mFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes mDrift{0%{transform:translate(0)scale(1)}25%{transform:translate(12px,-8px)scale(1.04)}50%{transform:translate(-6px,-14px)scale(.97)}75%{transform:translate(-10px,4px)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes mPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes mGridDrift{0%{background-position:0 0}to{background-position:56px 56px}}@keyframes ctaBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes hintFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes hintShimmer{0%{transform:translate(-120%)}40%,to{transform:translate(120%)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes ambientDrift{0%{opacity:.9;transform:translate(0)scale(1)}33%{opacity:1;transform:translate(-26px,20px)scale(1.08)}66%{opacity:.82;transform:translate(18px,-14px)scale(.96)}to{opacity:.9;transform:translate(0)scale(1)}}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes comm-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes comm-modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes comm-mask-in{0%{opacity:0}to{opacity:1}}@keyframes comm-info-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes comm-view-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes comm-bubble-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes comm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes sbAuroraDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,-8%)scale(1.08)}66%{transform:translate(-7%,6%)scale(.96)}}@keyframes sbGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes sbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes sbShine{0%{transform:translate(-130%)}60%,to{transform:translate(130%)}}@keyframes sbBarGrow{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes sbDraw{to{stroke-dashoffset:0}}@keyframes sbDot{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.35;transform:scale(1.55)}}@keyframes sbSheen{0%{transform:translate(-120%)skew(-18deg)}55%,to{transform:translate(220%)skew(-18deg)}}@keyframes sbBlink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes sbWave{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}@keyframes sbNodePulse{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 6px #2563eb24}}@keyframes sbAuroraFlow{0%{transform:translate(-130%)}60%,to{transform:translate(320%)}}@keyframes sbInkReveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sbRipple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(3.2)}}@keyframes sbBreathDot{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.db-mascot{transition:transform .3s cubic-bezier(.16,1,.3,1)}.db-mascot:hover{transform:translateY(-6px)scale(1.04)}.db-mascot .pupil{transform:translate(var(--px,0px), var(--py,0px));transition:transform .18s cubic-bezier(.16,1,.3,1)}.db-mascot .eyes{transform-origin:50%;animation:5.2s ease-in-out infinite sbBlink}.db-mascot .hand{transform-origin:70% 80%;animation:2.8s ease-in-out infinite sbWave}.sb-glow-btn{position:relative;overflow:hidden}.sb-glow-btn:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-130%)}.sb-glow-btn:hover:after{animation:.9s sbShine}.sb-spot{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);position:relative}.sb-spot:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%), var(--spot,#2563eb8c), transparent 60%);-webkit-mask-composite:xor;padding:1px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sb-spot:hover:before{opacity:1}.sb-spot:hover{transform:translateY(-5px)}.sb-card-lift{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s}.sb-card-lift:hover{transform:translateY(-4px)}.sb-row{transition:background .14s}.sb-row:hover{background:#f8f9fd!important}.comm-row{transition:background .14s}.comm-row:hover{background:#f8f9fd!important}.comm-conv:hover{background:#f5f7fd!important}.comm-bubble{animation:.32s cubic-bezier(.16,1,.3,1) both comm-bubble-in}.sb-hscroll{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.sb-hscroll::-webkit-scrollbar{width:6px;height:6px}.sb-hscroll::-webkit-scrollbar-thumb{background:0 0;border-radius:3px;transition:background .2s}.sb-hscroll:hover{scrollbar-width:thin}.sb-hscroll:hover::-webkit-scrollbar-thumb{background:#cbd5e1}@keyframes ldDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){body{font-size:13px}table{white-space:nowrap;display:block;overflow-x:auto}[style*=width\:][style*=vw]{width:96vw!important;padding:18px!important}input,select,textarea{font-size:16px!important}}@keyframes ohFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ohRing{to{transform:rotate(360deg)}}@keyframes ohDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes pfAuroraDrift{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,15px)}}@keyframes pfGlowPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pfShine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pfSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pf-glow-btn{position:relative;overflow:hidden}.pf-glow-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.pf-glow-btn:hover:before{left:200%}.pf-stat-card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.pf-stat-card:hover{transform:scale(1.03);box-shadow:0 4px 20px #2563eb1f,0 12px 40px #2563eb14}@keyframes pfMeshDrift1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(8%,-6%)scale(1.15)}66%{transform:translate(-6%,5%)scale(.92)}}@keyframes pfMeshDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-9%,7%)scale(1.18)}}@keyframes pfMeshDrift3{0%,to{transform:translate(0)scale(1.05)}50%{transform:translate(7%,8%)scale(.9)}}@keyframes pfSheen{0%{transform:translate(-130%)skew(-18deg)}55%,to{transform:translate(230%)skew(-18deg)}}@keyframes pfSpinRing{to{transform:rotate(360deg)}}@keyframes pfDrawRing{to{stroke-dashoffset:0}}@keyframes pfFloatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pfChromaSpin{to{transform:rotate(1turn)}}@keyframes pfTabIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pf-chroma{isolation:isolate;position:relative}.pf-chroma:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:conic-gradient(#0000 0deg,#2563eb 90deg,#38bdf8 180deg,#22d3ee 250deg,#0000 360deg);padding:1.5px;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pf-chroma:hover:before{opacity:1;animation:3s linear infinite pfChromaSpin}.pf-tile-lift{transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s}.pf-tile-lift:hover{transform:translateY(-5px);box-shadow:0 14px 36px #2563eb24}@keyframes ripple{to{opacity:0;transform:scale(4)}}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";opacity:0;pointer-events:none;background:#2563eb59;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%;transform:scale(0)}.ripple:active:after{animation:.5s ease-out ripple}.ripple-light:after{background:#fff9}.sb-spot{--mx:-100px;--my:-100px}.sb-spot:hover .spot-glow{opacity:1!important}@keyframes sbSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.glass-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.glass-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0f172a1f,0 2px 8px #0f172a14}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.8}}@keyframes scanLight{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}