:root{--ink:#0b0c10;--line:#9aa3b6;--soft:#8fa0c8;--navy:#0d1220;--navy2:#141c30;--ok:#19b45a;--bad:#e5484d;--blue:#4aa3ff;--card:rgba(255,255,255,.72);--bd:rgba(140,152,178,.38);--ease:cubic-bezier(.2,.8,.2,1);--side:232px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{min-height:100%}body{min-height:100vh;min-height:100svh;background:#eef0f5;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none}svg{display:block}.ic svg{width:100%;height:100%}.gw{height:var(--gh,1em);width:auto;overflow:visible;fill:none;display:block}.gw.anim .gl{opacity:0;animation:gIn .7s var(--ease) calc(var(--d0,0s) + var(--i)*.07s) both}@keyframes gIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;contain:strict;background:radial-gradient(130% 50% at -5% 105%,rgba(122,142,194,.6),transparent 60%),radial-gradient(70% 38% at 8% 96%,rgba(150,168,212,.45),transparent 70%),radial-gradient(90% 50% at 105% -5%,rgba(150,166,208,.55),transparent 55%),linear-gradient(165deg,#f5f6f9,#e9ecf3 38%,#f7f8fa 68%,#eceef5)}.bg .streak{position:absolute;right:-45vmax;top:-35vmax;width:120vmax;height:120vmax;background:linear-gradient(135deg,transparent 43%,rgba(255,255,255,.85) 49.3%,rgba(150,168,214,.45) 50%,rgba(255,255,255,.5) 52%,transparent 60%);opacity:.8;will-change:transform;animation:streak 12s ease-in-out infinite alternate;-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,transparent 100%)}@keyframes streak{0%{transform:translateZ(0)}to{transform:translate3d(-3vmax,3vmax,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes growY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes orbIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes slashIn{0%{opacity:0;transform:skew(-34deg) translateY(8px)}to{opacity:1;transform:skew(-34deg)}}@keyframes hatchIn{0%{opacity:0}to{opacity:.9}}@keyframes sheen{0%{transform:translate(-150%) skew(-20deg)}30%,to{transform:translate(450%) skew(-20deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}#login{position:relative;z-index:2;min-height:100vh;min-height:100svh}#login.out{animation:loginOut .45s var(--ease) forwards}@keyframes loginOut{to{opacity:0;transform:translateY(-24px) scale(.98)}}.frame-wrap{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(100vw,980px);height:100%;z-index:1;pointer-events:none}.frame-wrap svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.frame-wrap polyline{fill:none;stroke:#1d2029;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.85}.frame-l{transform-origin:top;animation:growY 1.2s var(--ease) .25s both}.frame-r{transform-origin:bottom;animation:growY 1.2s var(--ease) .45s both}.hatch{position:absolute;width:12px;height:40px;background:repeating-linear-gradient(-58deg,#667089 0 2px,transparent 2px 6px);opacity:0;animation:hatchIn .8s ease 1.1s forwards;transform:translate(-50%)}.hatch.l{left:4%;top:24.6%}.hatch.r{left:96%;top:69.8%;animation-delay:1.3s}.stage{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:max(28px,env(safe-area-inset-top)) 20px max(28px,env(safe-area-inset-bottom))}.content{margin:auto 0;display:flex;flex-direction:column;align-items:center;width:100%}.brand{position:relative;display:flex;flex-direction:column;align-items:center}.vline{width:1px;background:#1a1c22;transform-origin:top;transform:scaleY(0);animation:growY .9s var(--ease) both}.vline.top{height:clamp(54px,11.5vh,112px);animation-delay:.6s}.vline.bottom{height:clamp(40px,7.5vh,72px);animation-delay:1.5s;margin-top:clamp(14px,2.6vh,24px)}.logo-wrap{position:relative;margin:clamp(22px,3.6vh,32px) 0 0;display:flex;flex-direction:column;align-items:center}.orb-wrap{position:absolute;left:50%;top:50%;width:clamp(220px,34vw,350px);aspect-ratio:1;margin-top:-8%;translate:-50% -50%;z-index:-1;transform:translate3d(var(--px,0px),var(--py,0px),0)}.orb{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 72% 30%,#f6f7fa8c,#e0e4ede6 70%,#d4d9e4d9);animation:orbIn 1.4s var(--ease) .3s both}.logo{color:var(--ink);--gh:clamp(28px,11vw,56px);--d0:.55s}.slashes{display:flex;gap:7px;margin-top:clamp(20px,4.2vh,40px);height:10px}.slashes i{display:block;width:2.5px;height:100%;background:var(--ink);opacity:0;transform:skew(-34deg);animation:slashIn .45s var(--ease) calc(1.45s + var(--k)*.09s) forwards}#loginForm{width:min(86vw,440px);margin-top:clamp(24px,5vh,44px);display:flex;flex-direction:column;gap:clamp(16px,2.6vh,24px)}.rise{opacity:0;transform:translateY(46px);animation:rise .85s var(--ease) var(--d,0s) forwards}.field{--c:11px;position:relative;height:clamp(54px,6.2vh,74px);background:var(--line);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));transition:background-color .3s ease}.field:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:linear-gradient(180deg,#fbfcfe,#f3f5fa);clip-path:polygon(calc(var(--c) - 1px) 0,calc(100% - var(--c) + 1px) 0,100% calc(var(--c) - 1px),100% calc(100% - var(--c) + 1px),calc(100% - var(--c) + 1px) 100%,calc(var(--c) - 1px) 100%,0 calc(100% - var(--c) + 1px),0 calc(var(--c) - 1px))}.field:hover{background-color:#7d879c}.field:focus-within{background-color:#14161c}.field .ico{position:absolute;left:clamp(16px,5.6%,26px);top:50%;translate:0 -50%;width:26px;height:26px;color:#5b6377;z-index:1;transition:color .3s}.field:focus-within .ico{color:#0b0c10}.field input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0 18px 0 clamp(56px,15%,70px);background:transparent;border:0;outline:0;font:400 15px Inter,sans-serif;letter-spacing:.08em;color:var(--ink)}.field input::placeholder{color:#6d7587;letter-spacing:.22em;font-weight:300;font-size:15px}.field input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #f3f5fa inset;-webkit-text-fill-color:var(--ink)}.field.err{animation:shake .4s ease;background-color:#2a2d36}.btn{--c:11px;position:relative;height:clamp(52px,6vh,72px);width:100%;overflow:hidden;color:#eceef4;font:500 15px Inter,sans-serif;letter-spacing:.44em;text-indent:.44em;background:linear-gradient(118deg,#121317,#2b2d33 30%,#17181c 52%,#2a2c32 78%,#111215);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));display:flex;align-items:center;justify-content:center;transition:filter .25s ease}.btn:before,.btn .cut{content:"";position:absolute;top:0;bottom:0;width:64px;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - .6px),rgba(255,255,255,.38) 50%,transparent calc(50% + .6px))}.btn:before{left:0}.btn .cut{right:92px;opacity:.55}.btn:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-150%) skew(-20deg);will-change:transform;animation:sheen 5s ease-in-out 2.8s infinite;pointer-events:none}.btn:hover{filter:brightness(1.18)}.btn .arrow{position:absolute;right:clamp(18px,6%,30px);top:50%;margin-top:-10px;width:30px;height:20px;color:#f1f3f8;transition:transform .3s var(--ease)}.btn:hover .arrow{transform:translate(7px)}.btn .spin{display:none;position:absolute;right:clamp(18px,6%,30px);top:50%;width:20px;height:20px;margin-top:-10px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn.loading .arrow{opacity:0}.btn.loading .spin{display:block}.btn.loading{pointer-events:none}.btn.ok{background:linear-gradient(118deg,#12201a,#1f3a2d 40%,#12201a)}.hint{min-height:16px;text-align:center;font-size:12px;letter-spacing:.14em;color:#7a8296}.app{position:relative;z-index:2;min-height:100vh;min-height:100svh}.app.enter .topbar{animation:dropIn .6s var(--ease) both}.app.enter .side{animation:slideR .7s var(--ease) .1s both}@keyframes dropIn{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes slideR{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}.topbar{position:fixed;top:0;left:0;right:0;height:60px;z-index:30;display:flex;align-items:center;justify-content:space-between;background:#f3f5faf0;border-bottom:1px solid rgba(140,152,178,.22)}.brandplate{height:100%;display:flex;align-items:center;gap:12px;padding:0 20px 0 18px;color:var(--ink)}.brandplate .mark{width:28px;height:28px}.brandplate .gw{--gh:20px}.tools{display:flex;align-items:center;gap:4px;padding-right:clamp(10px,2vw,28px)}.tbtn{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#1a1d26;transition:background .2s,transform .2s}.tbtn:hover{background:#14182812}.tbtn:active{transform:scale(.92)}.tbtn .ic{width:22px;height:22px}.side{position:fixed;top:60px;left:0;bottom:0;width:var(--side);z-index:20;display:flex;flex-direction:column;justify-content:space-between;padding:22px 14px 24px;background:linear-gradient(180deg,#0e1424,#0b101c);border-top-right-radius:30px;color:#aeb8cf}.nav{display:flex;flex-direction:column;gap:6px}.ni{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;font-size:15px;font-weight:400;text-align:left;color:#aeb8cf;transition:background .3s,color .3s,transform .2s}.ni .ic{width:22px;height:22px;flex:none}.ni:hover{background:#ffffff0f;color:#fff}.ni.on{background:linear-gradient(90deg,#788cc857,#ffffff14);color:#fff;font-weight:500}.ni.on .ic svg{fill:currentColor;fill-opacity:.22}.sbadge{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#ffffff08;text-align:left;color:#fff;transition:background .25s}.sbadge:hover{background:#ffffff14}.sbadge .t{flex:1;line-height:1.15}.sbadge b{font-size:20px;font-weight:500;letter-spacing:.04em}.sbadge small{display:block;font-size:11px;color:#9aa6c2;margin-top:2px}.sbadge .ic{width:16px;height:16px;color:#7f8aa6}.dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--bad);box-shadow:0 0 0 3px #e5484d2e}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px #19b45a33}.dot.wait{background:#e0a21a;box-shadow:0 0 0 3px #e0a21a33}.main{margin-left:var(--side);padding:84px clamp(16px,2.6vw,40px) 40px}.view{display:none}.view.on{display:block}.view.on>.sec{animation:rise2 .65s var(--ease) calc(var(--n,0)*.09s) backwards}@keyframes rise2{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes rise{to{opacity:1;transform:none}}.home{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:clamp(18px,2.4vw,32px);align-items:start}.welcome{position:relative;padding-left:clamp(0px,5vw,84px);margin-bottom:clamp(14px,2.4vw,24px)}.welcome:before{content:"";position:absolute;left:0;top:6px;width:70px;height:60px;display:none;background:linear-gradient(to top right,transparent calc(50% - .5px),#1a1c22 50%,transparent calc(50% + .5px))}.role{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:4px 14px 4px 10px;border-radius:99px;background:#8fa0c829;border:1px solid rgba(120,132,160,.4);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#4a5370}.role:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--soft);flex:none}.welcome h2{font-weight:300;font-size:clamp(26px,3.4vw,42px);letter-spacing:.07em;line-height:1.1}.welcome h2 em{font-style:normal;color:var(--soft);font-weight:400}.welcome p{margin-top:8px;font-size:clamp(13px,1.5vw,19px);letter-spacing:.42em;font-weight:400;color:#12141a}.vframe{position:relative;padding:6px;border:1px solid rgba(120,132,160,.55);border-radius:20px;background:#ffffff8c}.strip{display:flex;align-items:center;gap:16px;margin-top:clamp(14px,2vw,22px);padding:clamp(14px,1.8vw,20px) 22px;border:1px solid var(--bd);border-radius:16px;background:var(--card);overflow:hidden;position:relative}.strip .sl{display:flex;gap:5px;height:16px}.strip .sl i{width:2px;height:100%;background:var(--ink);transform:skew(-34deg)}.strip span{font-size:clamp(12px,1.4vw,15px);letter-spacing:.2em;font-weight:400}.chipS{display:none;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--navy);color:#fff!important;width:100%;text-align:left}.chipS b{font-size:18px;font-weight:500;letter-spacing:.04em;color:#fff!important}.chipS small{display:block;font-size:11px;color:#9aa6c2!important}.chipS .t{flex:1;line-height:1.15;color:#fff!important}.chipS .ic{width:16px;height:16px;color:#7f8aa6}.vbox{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0a1020;isolation:isolate}.vbox video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}.vbox.ready video{opacity:1}.scene{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 40% at 50% 100%,rgba(140,170,220,.28),transparent 70%),linear-gradient(180deg,#09111f,#16264a 42%,#2b3f68 62%,#0a1020);transition:opacity .5s}.vbox.ready .scene{opacity:0}.scene .m1,.scene .m2{position:absolute;left:0;right:0;bottom:12%;height:48%;display:block}.scene .m1{background:#31456b;clip-path:polygon(0 100%,0 70%,14% 48%,22% 58%,36% 22%,46% 44%,56% 30%,68% 56%,80% 36%,92% 62%,100% 52%,100% 100%)}.scene .m2{bottom:0;height:34%;background:linear-gradient(180deg,#14203a,#070b15);clip-path:polygon(0 100%,0 40%,18% 22%,30% 46%,48% 12%,62% 40%,76% 20%,100% 50%,100% 100%)}.scene .beam{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(transparent,rgba(150,200,255,.9) 28%,#fff 52%,rgba(150,200,255,.9) 76%,transparent);box-shadow:0 0 14px 2px #78b4ff8c}.scene .sw{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;--gh:clamp(22px,5.2vw,58px)}.vctrl{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:26px 14px 10px;background:linear-gradient(transparent,#050810c7);color:#fff;z-index:2}.vctrl .cb{width:30px;height:30px;display:grid;place-items:center;flex:none}.vctrl .cb svg{width:20px;height:20px}.vctrl .tm{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.95}.bar{flex:1;height:14px;display:flex;align-items:center;cursor:pointer;position:relative}.bar:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:#ffffff47}.bar i{position:absolute;left:0;right:0;height:3px;border-radius:2px;background:#fff;transform:scaleX(0);transform-origin:left}.bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;display:grid;place-items:center;color:#fff;z-index:2;transition:transform .25s var(--ease),opacity .3s}.bigplay svg{width:52px;height:52px;fill:currentColor;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.bigplay:hover{transform:scale(1.1)}.vbox.playing .bigplay{opacity:0;pointer-events:none}.panel{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:clamp(16px,2vw,24px);position:relative}.ph{display:flex;align-items:center;gap:14px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid rgba(140,152,178,.28)}.ph .ic{width:26px;height:26px;flex:none}.ph h3{font-size:clamp(17px,1.6vw,20px);font-weight:500;letter-spacing:.04em;flex:1}.ph .go{width:22px;height:22px;color:#444b5e}.alist{display:flex;flex-direction:column}.ai{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(140,152,178,.22)}.ai:last-child{border-bottom:0}.ai.new{animation:rise2 .5s var(--ease) both}.at{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#2c3347,#161b2a);color:#eaf0ff}.at svg{width:22px;height:22px}.at.blue{background:linear-gradient(145deg,#4f78b8,#2f4f86);color:#bfe6ff}.at.bad{background:linear-gradient(145deg,#d9575c,#a82c33);color:#fff}.ac{flex:1;min-width:0}.ac b{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac small{display:block;font-size:12px;color:#6a7286;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar{display:flex;align-items:center;gap:8px;flex:none}.ar small{font-size:11.5px;color:#6a7286}.dt{width:8px;height:8px;border-radius:50%;background:#7b86a4}.dt.ok{background:var(--ok)}.dt.blue{background:var(--blue)}.dt.bad{background:var(--bad)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(92vw,390px);z-index:90;background:#f4f6fa;padding:18px 18px 28px;transform:translate(105%);transition:transform .45s var(--ease);box-shadow:-20px 0 50px #0a102040;overflow-y:auto;border-top-left-radius:22px;border-bottom-left-radius:22px}.drawer.on{transform:none}.drawer .ph .x{width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.drawer .ph .x:hover{background:#14182812}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#080c1673;opacity:0;pointer-events:none;transition:opacity .3s}.scrim.on{opacity:1;pointer-events:auto}.page{max-width:760px;margin:0 auto}.bhead{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#7f98cf,#5b78b6);color:#fff;flex:none}.bico svg{width:26px;height:26px}.bhead .gw{--gh:24px;color:var(--ink)}.bdeco{height:1px;flex:1;min-width:40px;background:linear-gradient(90deg,rgba(26,28,34,.5),transparent)}.sub{margin:10px 0 16px;font-size:14px;letter-spacing:.16em;color:#2a2f3d}.fgroup{display:flex;flex-direction:column;gap:12px;margin-top:16px}.row2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.in,.sel{position:relative;height:54px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#eef1f7;border:1px solid #d3d9e6;border-radius:12px;color:#5b6377;transition:border-color .25s,background .25s;width:100%;text-align:left;font-size:14.5px}.in .ic,.sel .ic{width:20px;height:20px;flex:none}.in:focus-within,.sel:hover{border-color:#14161c;background:#fff}.in input{flex:1;min-width:0;background:transparent;border:0;outline:0;font:400 14.5px Inter,sans-serif;color:var(--ink)}.in input::placeholder{color:#7a8296}.sel span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sel.has span{color:var(--ink)}.ghost{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #c5cddd;border-radius:12px;background:#f7f8fb;font-size:14px;font-weight:500;white-space:nowrap;transition:background .25s,border-color .25s}.ghost .ic{width:20px;height:20px}.ghost:hover{background:#fff;border-color:#14161c}.dark{--c:10px;position:relative;height:56px;width:100%;overflow:hidden;color:#f1f3f8;font:500 15.5px Inter,sans-serif;background:linear-gradient(118deg,#10131b,#252a38 40%,#141823 60%,#232836);clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));display:flex;align-items:center;justify-content:center;gap:12px;transition:filter .25s}.dark .ic{width:20px;height:20px}.dark:before{content:"";position:absolute;top:0;bottom:0;right:70px;width:60px;background:linear-gradient(to top right,transparent calc(50% - .6px),rgba(255,255,255,.3) 50%,transparent calc(50% + .6px))}.dark:after{content:"";position:absolute;top:0;left:0;width:36%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translate(-150%) skew(-20deg);will-change:transform;animation:sheen 5.5s ease-in-out 2s infinite;pointer-events:none}.dark:hover{filter:brightness(1.25)}.dark:active{filter:brightness(1.4)}.dark .tail{position:absolute;right:20px;top:50%;margin-top:-9px;width:18px;height:18px;color:#8e98b3;transition:transform .3s var(--ease)}.dark:hover .tail{transform:translate(5px)}.dark.loading{pointer-events:none;opacity:.8}.agree{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px}.agree input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.agree .box{width:22px;height:22px;flex:none;margin-top:1px;border-radius:7px;border:1.6px solid #c5cddd;background:#fff;display:grid;place-items:center;transition:background .25s,border-color .25s,transform .15s}.agree .box .ic{width:14px;height:14px;color:#fff;opacity:0;transform:scale(.4);transition:opacity .2s,transform .25s var(--ease)}.agree input:checked~.box{background:#14161c;border-color:#14161c}.agree input:checked~.box .ic{opacity:1;transform:scale(1)}.agree:active .box{transform:scale(.88)}.agree:hover .box{border-color:#14161c}.agree .t{font-size:13px;line-height:1.5;color:#3b4254;padding-top:1px}.agree input:focus-visible~.box{outline:2px solid #14161c;outline-offset:2px}.shake{animation:shake .4s ease}.fh{min-height:16px;font-size:12.5px;color:#c0392b;letter-spacing:.04em}.fh.ok{color:#18804a}.lbl{font-size:15px;font-weight:500;margin:20px 0 10px}.codebox{display:flex;align-items:center;justify-content:space-between;gap:12px;height:62px;padding:0 12px 0 20px;background:#eef1f7;border:1px solid #d3d9e6;border-radius:12px}.codebox .gw{--gh:22px;color:var(--ink)}.cp{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#2b3347,#161b29);color:#fff;transition:transform .2s}.cp:active{transform:scale(.9)}.cp .ic{width:20px;height:20px}#pairBox{animation:rise2 .55s var(--ease) both}.note{font-size:12px;color:#6a7286;margin-top:8px;line-height:1.5}.slist{display:flex;flex-direction:column;gap:10px}.srow{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #d9deea;border-radius:12px;background:#f3f5fa}.srow.new{animation:rise2 .5s var(--ease) both}.srow .t{flex:1;min-width:0}.srow b{display:block;font-size:14.5px;font-weight:500}.srow small{font-size:12px;color:#6a7286}.tag{font-size:12px;font-weight:500;padding:4px 14px;border-radius:99px;background:#d7f3e2;color:#17783f}.tag.wait{background:#fbecc8;color:#8a5d00}.srow .rm{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;color:#7a8296}.srow .rm:hover{background:#e5484d1f;color:var(--bad)}.srow .rm .ic{width:16px;height:16px}.empty{padding:16px;text-align:center;font-size:13px;color:#7a8296;border:1px dashed #c5cddd;border-radius:12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#080c168c;opacity:0;pointer-events:none;transition:opacity .25s}.modal.on{opacity:1;pointer-events:auto}.mcard{--c:14px;position:relative;width:min(92vw,430px);max-height:86vh;overflow:auto;background:#f4f6fa;padding:26px 24px 24px;text-align:center;clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));transform:translateY(24px) scale(.94);transition:transform .4s var(--ease)}.modal.on .mcard{transform:none}.mcard .mx{position:absolute;top:12px;right:14px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#2a2f3d}.mcard .mx:hover{background:#14182812}.mcard .mx .ic{width:18px;height:18px}.micon{width:68px;height:68px;margin:6px auto 12px;border-radius:50%;display:grid;place-items:center;background:#fbe3e3;color:#d9444a}.micon.info{background:#e1e8f7;color:#455b94}.micon.ok{background:#dcf6e6;color:#17ab55}.micon .ic{width:34px;height:34px}.mcard h4{font-size:20px;font-weight:600;margin-bottom:8px}.mcard p{font-size:14px;line-height:1.55;color:#3b4254;margin-bottom:20px}.mcard .pillc{display:inline-block;font-size:12px;padding:3px 14px;border-radius:99px;background:#c9d3ec;color:#334478;margin-bottom:10px}.mcard .dark{height:50px}.mcard.pick{text-align:left}.mcard.pick h4{font-size:17px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.mcard.pick h4 .ic{width:22px;height:22px}.mcard .in{height:46px;margin-bottom:12px}.glist{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-height:44vh;overflow:auto}.gi{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-align:left;width:100%;transition:background .2s}.gi:hover{background:#e9edf6}.gi.on{background:#dfe8fb}.gi .gic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#e1f4e8;color:#1f9d55;flex:none}.gi .gic svg{width:22px;height:22px}.gi .t{flex:1;line-height:1.2}.gi b{display:block;font-size:14px;font-weight:500}.gi small{font-size:12px;color:#6a7286}.gi .rd{width:20px;height:20px;border-radius:50%;border:2px solid #b4bdd0;flex:none;position:relative;transition:border-color .2s}.gi.on .rd{border-color:#2f6fed}.gi.on .rd:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#2f6fed}.toast{position:fixed;left:50%;bottom:34px;z-index:120;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#10141f;color:#fff;font-size:13px;padding:11px 20px;border-radius:99px;max-width:90vw;text-align:center;transition:transform .4s var(--ease),opacity .3s}.toast.on{opacity:1;transform:translate(-50%)}.vbox{pointer-events:none;-webkit-user-select:none;user-select:none}.vbox .vctrl,.vbox .bigplay{display:none}.vframe{overflow:hidden}.vframe:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translate(-130%);animation:frameSweep 7s ease-in-out 2s infinite}@keyframes frameSweep{0%{transform:translate(-130%)}30%,to{transform:translate(130%)}}.scene .beam{animation:beamPulse 3s ease-in-out infinite alternate}@keyframes beamPulse{0%{opacity:.6}to{opacity:1}}.scene .m1{animation:mDrift 14s ease-in-out infinite alternate}@keyframes mDrift{0%{transform:translate(-1.5%) scale(1.06)}to{transform:translate(1.5%) scale(1.06)}}.tbtn{position:relative}.eq{position:absolute;right:6px;bottom:8px;display:none;align-items:flex-end;gap:2px;height:9px}.tbtn.playing .eq{display:flex}.eq i{display:block;width:2px;height:100%;background:currentColor;transform-origin:bottom;animation:eq .8s ease-in-out infinite alternate}.eq i:nth-child(2){animation-duration:.55s;animation-delay:-.2s}.eq i:nth-child(3){animation-duration:.7s;animation-delay:-.4s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.brandplate .mark{animation:markFloat 4.5s ease-in-out infinite alternate}@keyframes markFloat{0%{transform:rotate(-6deg) scale(1)}to{transform:rotate(6deg) scale(1.08)}}.app.enter .ni{animation:popIn .6s var(--ease) calc(.3s + var(--k,0)*.09s) both}.ni:nth-child(2){--k:1}.ni:nth-child(3){--k:2}.ni:nth-child(4){--k:3}@keyframes popIn{0%{opacity:0;transform:translate(-18px) scale(.9)}to{opacity:1;transform:none}}.ni .ic{transition:transform .35s var(--ease)}.ni:hover .ic{transform:translate(3px) scale(1.08)}.ni.on .ic{animation:iconBump .55s var(--ease)}@keyframes iconBump{0%{transform:scale(.7) rotate(-12deg)}60%{transform:scale(1.2) rotate(6deg)}to{transform:none}}.panel,.strip{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.panel:hover,.strip:hover{transform:translateY(-3px);box-shadow:0 16px 36px #1e2a4e1f}.ai{transition:transform .3s var(--ease)}.ai:hover{transform:translate(4px)}.drawer.on .ai{animation:rise2 .5s var(--ease) calc(.18s + var(--k,0)*.07s) backwards}.view.on .welcome h2{animation:wipe .9s var(--ease) .15s backwards}.view.on .welcome p{animation:wipe 1s var(--ease) .45s backwards}@keyframes wipe{0%{clip-path:inset(0 100% 0 0);transform:translate(-14px)}to{clip-path:inset(0 0 0 0);transform:none}}.welcome h2 em{background:linear-gradient(90deg,#8fa0c8 30%,#d6def5,#8fa0c8 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerT 5s linear infinite}@keyframes shimmerT{0%{background-position:100% 0}to{background-position:-100% 0}}.strip .sl i{animation:slashPulse 2.4s ease-in-out infinite}.strip .sl i:nth-child(2){animation-delay:.25s}.strip .sl i:nth-child(3){animation-delay:.5s}@keyframes slashPulse{0%,to{opacity:1}50%{opacity:.2}}.dot{position:relative}.dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:ping 2.2s ease-out infinite}@keyframes ping{0%{transform:scale(1);opacity:.55}80%,to{transform:scale(2.7);opacity:0}}.bump{display:inline-block;animation:bump .55s var(--ease)}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.5)}to{transform:scale(1)}}.modal.on .micon{animation:pop .65s var(--ease) .1s backwards}@keyframes pop{0%{transform:scale(.4) rotate(-14deg);opacity:0}65%{transform:scale(1.12) rotate(3deg)}to{transform:none;opacity:1}}.srow.out{animation:rowOut .26s ease forwards}@keyframes rowOut{to{opacity:0;transform:translate(34px)}}.view.on .fgroup>*{animation:rise2 .6s var(--ease) calc(.35s + var(--m,0)*.09s) backwards}.fgroup>*:nth-child(2){--m:1}.fgroup>*:nth-child(3){--m:2}.fgroup>*:nth-child(4){--m:3}.view.on .lbl,.view.on .slist{animation:rise2 .6s var(--ease) .5s backwards}#login .orb{animation:orbIn 1.4s var(--ease) .3s both,breathe 6s ease-in-out 1.8s infinite alternate}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.045)}}#login .orb:after{content:"";position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;border-radius:50%;border:1px dashed rgba(90,102,130,.3);animation:spin 70s linear infinite}.theme-float{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:5;opacity:0;animation:fadeIn .8s ease 1.9s forwards}.js-theme .ic{transition:transform .5s var(--ease)}.js-theme:hover .ic{transform:rotate(18deg)}.js-theme.flip .ic{animation:themeFlip .65s var(--ease)}@keyframes themeFlip{0%{transform:rotate(-90deg) scale(.4);opacity:0}60%{transform:rotate(15deg) scale(1.15);opacity:1}to{transform:none}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}html.theming,html.theming *,html.theming *:before,html.theming *:after{transition:background-color .45s ease,color .45s ease,border-color .45s ease,fill .45s ease,stroke .45s ease!important}@media (min-width:1100px){.welcome:before{display:block}}@media (max-width:1180px){.home{grid-template-columns:1fr}.act-inline{display:none}}@media (max-width:1023px){.main{margin-left:0;padding:76px 16px calc(116px + env(safe-area-inset-bottom))}.topbar{height:56px}.brandplate{padding:0 8px 0 14px;gap:10px}.brandplate .mark{width:24px;height:24px}.brandplate .gw{--gh:15px}.tbtn{width:38px;height:38px}.tbtn .ic{width:21px;height:21px}.tools{gap:0;padding-right:6px}.side{top:auto;left:50%;right:auto;bottom:max(14px,env(safe-area-inset-bottom));width:min(92vw,440px);padding:7px;border-radius:999px;transform:translate(-50%);box-shadow:0 12px 34px #0a102061;flex-direction:row;background:#0e1424}.app.enter .side{animation:slideU .7s var(--ease) .15s both}@keyframes slideU{0%{opacity:0;transform:translate(-50%,60px)}to{opacity:1;transform:translate(-50%)}}.nav{flex-direction:row;gap:4px;width:100%}.ni{flex:1;flex-direction:column;gap:3px;padding:9px 4px 8px;font-size:11px;border-radius:999px;justify-content:center;align-items:center;text-align:center}.ni .ic{width:21px;height:21px}.sbadge{display:none}.chipS{display:flex}.toast{bottom:104px}.row2{grid-template-columns:1fr}}@media (max-width:480px){.field input::placeholder{letter-spacing:.18em}.btn{letter-spacing:.36em;text-indent:.36em}.hatch{width:9px;height:32px}.bg .streak{animation:none}.vctrl{gap:8px;padding:22px 10px 8px}.sub{letter-spacing:.1em}.welcome p{letter-spacing:.3em}}@media (max-height:640px){.vline.top{height:40px}.vline.bottom{height:30px}.slashes{margin-top:14px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}}html[data-theme=dark]{color-scheme:dark;--ink:#e8edfb;--line:#33405f;--soft:#8fb0ff;--card:rgba(16,24,44,.74);--bd:rgba(110,130,185,.28)}html[data-theme=dark] body{background:#070b16}html[data-theme=dark] .bg{background:radial-gradient(130% 50% at -5% 105%,rgba(58,88,170,.5),transparent 60%),radial-gradient(70% 38% at 8% 96%,rgba(80,110,200,.3),transparent 70%),radial-gradient(90% 50% at 105% -5%,rgba(70,100,190,.38),transparent 55%),linear-gradient(165deg,#070b16,#0a1122 45%,#080c18)}html[data-theme=dark] .bg .streak{background:linear-gradient(135deg,transparent 43%,rgba(130,170,255,.1) 49.3%,rgba(140,180,255,.5) 50%,rgba(130,170,255,.12) 52%,transparent 60%);opacity:.7}html[data-theme=dark] .frame-wrap polyline{stroke:#8fa0c8;opacity:.65}html[data-theme=dark] .hatch{background:repeating-linear-gradient(-58deg,#8fa0c8 0 2px,transparent 2px 6px)}html[data-theme=dark] .vline{background:#c3cff0}html[data-theme=dark] .orb{background:radial-gradient(circle at 72% 30%,#465c9661,#16203ceb 70%,#0e1428e6)}html[data-theme=dark] #login .orb:after{border-color:#96aadc42}html[data-theme=dark] .field:hover{background-color:#4d5d86}html[data-theme=dark] .field:focus-within{background-color:#8fb0ff}html[data-theme=dark] .field:before{background:linear-gradient(180deg,#121a30,#0d1528)}html[data-theme=dark] .field .ico{color:#8f9bb8}html[data-theme=dark] .field:focus-within .ico{color:#fff}html[data-theme=dark] .field input::placeholder{color:#7482a3}html[data-theme=dark] .field input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #0f1730 inset;-webkit-text-fill-color:#e8edfb}html[data-theme=dark] .field.err{background-color:#e5484d}html[data-theme=dark] .hint{color:#8f9bb8}html[data-theme=dark] .btn,html[data-theme=dark] .dark{background:linear-gradient(118deg,#18274d,#2e4a8c 35%,#1c2e5e 62%,#2b4584);color:#fff}html[data-theme=dark] .btn.ok{background:linear-gradient(118deg,#103a26,#1f6a45 40%,#103a26)}html[data-theme=dark] .topbar{background:#080d1aeb;border-bottom-color:#788cc829}html[data-theme=dark] .tbtn{color:#dbe4ff}html[data-theme=dark] .tbtn:hover{background:#ffffff14}html[data-theme=dark] .side{background:linear-gradient(180deg,#0a1020,#070b16);box-shadow:1px 0 #788cc829}html[data-theme=dark] .ni.on{background:linear-gradient(90deg,#5a82e661,#ffffff0f)}html[data-theme=dark] .welcome:before{background:linear-gradient(to top right,transparent calc(50% - .5px),#8fa0c8 50%,transparent calc(50% + .5px))}html[data-theme=dark] .welcome p{color:#dbe4ff}html[data-theme=dark] .role{background:#6e8cdc29;border-color:#829bdc59;color:#c3d0f5}html[data-theme=dark] .welcome h2 em{background-image:linear-gradient(90deg,#6f8fe0 30%,#d3e0ff,#6f8fe0 70%)}html[data-theme=dark] .vframe{background:#0c122299;border-color:#6e82b973}html[data-theme=dark] .vframe:after{background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.09) 50%,transparent 58%)}html[data-theme=dark] .chipS{background:#0e1528;border:1px solid rgba(120,140,200,.22)}html[data-theme=dark] .panel:hover,html[data-theme=dark] .strip:hover{box-shadow:0 16px 36px #00000073}html[data-theme=dark] .ph{border-bottom-color:#788cc833}html[data-theme=dark] .ph .go{color:#8f9bb8}html[data-theme=dark] .ai{border-bottom-color:#788cc829}html[data-theme=dark] .ac small,html[data-theme=dark] .ar small{color:#8f9bb8}html[data-theme=dark] .at{background:linear-gradient(145deg,#27355e,#141c34);box-shadow:inset 0 0 0 1px #ffffff14}html[data-theme=dark] .at.blue{background:linear-gradient(145deg,#4f78b8,#2f4f86)}html[data-theme=dark] .at.bad{background:linear-gradient(145deg,#d9575c,#a82c33)}html[data-theme=dark] .drawer{background:#0b1121;box-shadow:-20px 0 50px #0009}html[data-theme=dark] .drawer .ph .x:hover{background:#ffffff14}html[data-theme=dark] .sub{color:#cfd8f5}html[data-theme=dark] .bdeco{background:linear-gradient(90deg,rgba(200,215,255,.5),transparent)}html[data-theme=dark] .in,html[data-theme=dark] .sel{background:#0e1629;border-color:#26324f;color:#8f9bb8}html[data-theme=dark] .in:focus-within,html[data-theme=dark] .sel:hover{background:#131d38;border-color:#8fb0ff}html[data-theme=dark] .in input::placeholder{color:#6f7d9f}html[data-theme=dark] .ghost{background:#0e1629;border-color:#2a3658;color:#e8edfb}html[data-theme=dark] .ghost:hover{background:#16213f;border-color:#8fb0ff}html[data-theme=dark] .codebox{background:#0e1629;border-color:#26324f}html[data-theme=dark] .cp{background:linear-gradient(145deg,#3a5db0,#27407f)}html[data-theme=dark] .note{color:#8f9bb8}html[data-theme=dark] .agree .box{background:#0e1629;border-color:#2a3658}html[data-theme=dark] .agree:hover .box{border-color:#8fb0ff}html[data-theme=dark] .agree input:checked~.box{background:#8fb0ff;border-color:#8fb0ff}html[data-theme=dark] .agree input:checked~.box .ic{color:#0a1020}html[data-theme=dark] .agree .t{color:#aab6d6}html[data-theme=dark] .fh{color:#ff8a8f}html[data-theme=dark] .fh.ok{color:#5fe39a}html[data-theme=dark] .srow{background:#0e1629;border-color:#26324f}html[data-theme=dark] .srow small,html[data-theme=dark] .srow .rm{color:#8f9bb8}html[data-theme=dark] .tag{background:#19b45a2e;color:#5fe39a}html[data-theme=dark] .tag.wait{background:#e0a21a2e;color:#f0c15a}html[data-theme=dark] .empty{border-color:#2a3658;color:#8f9bb8}html[data-theme=dark] .modal{background:#02040aad}html[data-theme=dark] .mcard{background:linear-gradient(180deg,#111a31,#0c1326);color:var(--ink)}html[data-theme=dark] .mcard p{color:#aab6d6}html[data-theme=dark] .mcard .mx{color:#cfd8f5}html[data-theme=dark] .mcard .mx:hover{background:#ffffff14}html[data-theme=dark] .micon{background:#e5484d29;color:#ff7b80}html[data-theme=dark] .micon.info{background:#7896ff29;color:#9db5ff}html[data-theme=dark] .micon.ok{background:#19b45a29;color:#5fe39a}html[data-theme=dark] .mcard .pillc{background:#26335a;color:#b9c8f5}html[data-theme=dark] .gi:hover{background:#16213f}html[data-theme=dark] .gi.on{background:#1b2b54}html[data-theme=dark] .gi .gic{background:#19b45a29;color:#4fdc8d}html[data-theme=dark] .gi small{color:#8f9bb8}html[data-theme=dark] .gi .rd{border-color:#4a5a82}html[data-theme=dark] .toast{background:#26376a;color:#fff}html[data-theme=dark] .panel,html[data-theme=dark] .strip,html[data-theme=dark] .topbar,html[data-theme=dark] .vframe,html[data-theme=dark] .mcard,html[data-theme=dark] .codebox,html[data-theme=dark] .srow,html[data-theme=dark] .chipS,html[data-theme=dark] .in,html[data-theme=dark] .sel,html[data-theme=dark] .ghost,html[data-theme=dark] .drawer{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}html[data-theme=dark] .side{backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}html[data-theme=dark] .panel,html[data-theme=dark] .strip,html[data-theme=dark] .mcard,html[data-theme=dark] .vframe{box-shadow:0 1px #ffffff0f inset,0 24px 60px -24px #000000a6}html[data-theme=dark] .panel:hover,html[data-theme=dark] .strip:hover{box-shadow:0 1px #ffffff14 inset,0 28px 64px -20px #000000b3;border-color:#8ca5e66b}html[data-theme=dark] .dark{box-shadow:0 10px 26px -10px #2846a08c}html[data-theme=dark] .btn{box-shadow:0 10px 26px -10px #2846a080}a,a:visited,a:hover,a:active{text-decoration:none;color:inherit}.sbadge,.sbadge:visited,.sbadge:hover,.sbadge:active,.sbadge b,.sbadge:visited b{color:#fff!important}.sbadge small,.sbadge:visited small{color:#9aa6c2!important}.boot-spinner,.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.boot-spinner:after,.page-loading:after{content:"";width:34px;height:34px;border-radius:50%;border:3px solid rgba(127,127,127,.25);border-top-color:currentColor;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alist,.slist,.glist{content-visibility:auto;contain-intrinsic-size:0 400px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}