.sv-page{min-height:calc(100vh - 80px);padding:36px 18px 110px;background:radial-gradient(880px 440px at 85% 0%,rgba(154,140,255,.08),transparent 65%),radial-gradient(760px 420px at 8% 0%,rgba(76,201,255,.07),transparent 65%)}.sv-wrap{width:min(1140px,100%);margin:0 auto}body.sv-lock{overflow:hidden}.sv-head{margin-bottom:24px}.sv-kicker,.sv-badge{display:inline-flex;align-items:center;gap:8px;color:#4cc9ff;font:800 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.sv-dot{width:7px;height:7px;border-radius:50%;background:#4cc9ff;box-shadow:0 0 10px #4cc9ff;animation:svPulse 2.2s ease-in-out infinite}.sv-head h1{margin:10px 0 8px;font:700 clamp(30px,4.5vw,48px)/1.04 var(--font-display);letter-spacing:-.04em;color:#f5f8fb}.sv-head p{margin:0;max-width:660px;color:#93a8b8;font:500 14.5px/1.65 var(--font-body)}.sv-ribbon{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.sv-ribbon>div{position:relative;overflow:hidden;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(165deg,#1a2b3e9e,#0a121cd9)}.sv-ribbon>div:before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#4cc9ff,transparent)}.sv-ribbon .sv-r-xp:before{background:linear-gradient(90deg,#9a8cff,transparent)}.sv-ribbon .sv-r-tk:before{background:linear-gradient(90deg,#f6c453,transparent)}.sv-ribbon small{display:block;color:#7d94a6;font:800 10.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.sv-ribbon strong{display:block;margin-top:10px;color:#f5f8fb;font:700 28px/1 var(--font-display);letter-spacing:-.03em}.sv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.sv-skel{min-height:230px}.sv-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;background:linear-gradient(165deg,#1a2b3e9e,#0a121ce0);box-shadow:0 26px 50px -30px #000c;opacity:0;transform:translateY(14px);animation:svRise .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i, 0) * 70ms + .12s);transition:border-color .25s ease,transform .25s ease}.sv-card:before{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at var(--mx, 50%) var(--my, 0%),rgba(76,201,255,.14),transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.sv-card:hover{border-color:#4cc9ff61;transform:translateY(-3px)}.sv-card:hover:before{opacity:1}.sv-card--completed{opacity:.86}.sv-card-top{display:flex;align-items:center;justify-content:space-between}.sv-card-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:#04131c;background:linear-gradient(145deg,#b6ecff,#4cc9ff);box-shadow:0 10px 20px -8px #4cc9ff99}.sv-card--completed .sv-card-ico{background:linear-gradient(145deg,#b8f5d6,#4ee0a0);box-shadow:0 10px 20px -8px #4ee0a080}.sv-state{padding:5px 10px;border-radius:999px;border:1px solid rgba(76,201,255,.3);background:#4cc9ff14;color:#8ee0ff;font:800 10.5px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase}.sv-card--completed .sv-state{border-color:#4ee0a066;background:#4ee0a01a;color:#9ff0c9}.sv-card--full .sv-state,.sv-card--upcoming .sv-state{border-color:#ffffff26;background:#ffffff0d;color:#a8bccb}.sv-card h3{margin:0;color:#f5f8fb;font:700 19px/1.2 var(--font-display);letter-spacing:-.02em}.sv-card p{margin:0;color:#93a8b8;font:500 13.5px/1.6 var(--font-body);flex:1}.sv-metas{display:flex;flex-wrap:wrap;gap:6px}.sv-meta{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#9fb4c4;font:600 11.5px/1 var(--font-body)}.sv-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}.sv-chips{display:flex;flex-wrap:wrap;gap:6px}.sv-chips--lg{margin:18px 0 22px}.sv-chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#cfe0ec;font:800 12px/1 var(--font-body)}.sv-chip--xp{border-color:#9a8cff73;background:#9a8cff1f;color:#cdc5ff}.sv-chip--tk{border-color:#f6c45373;background:#f6c4531c;color:#ffe29a}.sv-chip--xp:after,.sv-chip--tk:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translate(-120%);animation:svShine 4.5s ease-in-out infinite}.sv-done-note{display:inline-flex;align-items:center;gap:6px;color:#9ff0c9;font:700 12.5px/1 var(--font-body)}.sv-muted-note{color:#8aa0b1;font:600 12.5px/1 var(--font-body)}.sv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff12,#ffffff06);color:#e6f1f8;font:700 13.5px/1 var(--font-body);text-decoration:none;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.sv-btn:hover:not(:disabled){transform:translateY(-1px);border-color:#4cc9ff8c}.sv-btn:disabled{opacity:.45;cursor:not-allowed}.sv-btn--primary{border:0;color:#04131c;font-weight:800;background:linear-gradient(180deg,#b6ecff,#5ccfff 48%,#2eb4ee);box-shadow:inset 0 1px #ffffff8c,0 14px 28px -12px #4cc9ffa6}.sv-btn--primary:hover:not(:disabled){box-shadow:inset 0 1px #fff9,0 20px 34px -12px #4cc9ffcc}.sv-btn--lg{min-height:50px;padding:0 28px;font-size:14.5px}.sv-btn:focus-visible,.sv-opt:focus-visible,.sv-rate:focus-visible,.sv-back:focus-visible,.sv-leave:focus-visible{outline:2px solid #4cc9ff;outline-offset:3px}.sv-empty,.sv-detail-card,.sv-done{padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(165deg,#1a2b3e9e,#0a121ce0)}.sv-empty{text-align:center}.sv-empty h2,.sv-detail-card h2,.sv-done h2{margin:12px 0 8px;color:#f5f8fb;font:700 clamp(24px,3.4vw,34px)/1.1 var(--font-display);letter-spacing:-.035em}.sv-empty p,.sv-done p{margin:0 auto;max-width:520px;color:#93a8b8;font:500 14.5px/1.65 var(--font-body)}.sv-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}.sv-back{margin-bottom:14px;padding:8px 0;border:0;background:none;color:#8ea5b6;font:700 13px/1 var(--font-body);cursor:pointer;transition:color .2s}.sv-back:hover{color:#f5f8fb}.sv-detail-card .sv-lede{margin:0 0 18px;max-width:680px;color:#a9bccb;font:500 15px/1.7 var(--font-body)}.sv-blocked{margin:0;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#b9cddb;font:600 14px/1.5 var(--font-body)}.sv-modal{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:18px;overflow-y:auto;background:#02070cc7;backdrop-filter:blur(10px);opacity:0;transition:opacity .25s ease}.sv-modal.open{opacity:1}.sv-modal-card{width:min(560px,100%);padding:30px;border:1px solid rgba(246,196,83,.3);border-radius:26px;background:radial-gradient(360px 160px at 50% 0%,rgba(246,196,83,.1),transparent 70%),linear-gradient(165deg,#12202f,#09121b);box-shadow:0 60px 120px -30px #000;transform:translateY(18px) scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1)}.sv-modal.open .sv-modal-card{transform:none}.sv-shield{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 14px;border-radius:20px;color:#f6c453;background:#f6c4531f;border:1px solid rgba(246,196,83,.35);animation:svFloat 3.4s ease-in-out infinite}.sv-modal-card h2{margin:0;text-align:center;color:#f5f8fb;font:700 26px/1.1 var(--font-display);letter-spacing:-.03em}.sv-h-sub{margin:8px 0 16px;text-align:center;color:#93a8b8;font:500 14px/1.6 var(--font-body)}.sv-rules{list-style:none;display:grid;gap:8px;margin:0 0 16px;padding:0}.sv-rules li{padding:11px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#b4c7d5;font:500 13.5px/1.55 var(--font-body)}.sv-rules b{color:#f5f8fb}.sv-ack{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;border:1px solid rgba(76,201,255,.25);background:#4cc9ff0f;color:#e6f1f8;font:700 14px/1.3 var(--font-body);cursor:pointer}.sv-ack input{width:20px;height:20px;accent-color:#4cc9ff;flex:0 0 auto}.sv-h-err{margin:12px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,143,134,.4);background:#ff8f8614;color:#ffc0ba;font:600 13px/1.5 var(--font-body)}.sv-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.sv-run{max-width:760px;margin:0 auto}.sv-run-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.sv-run-rw{display:flex;gap:6px;flex-wrap:wrap}.sv-progress{height:8px;margin-bottom:18px;border-radius:999px;background:#ffffff12;overflow:hidden}.sv-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4cc9ff,#9a8cff);box-shadow:0 0 14px #4cc9ff99;transition:width .5s cubic-bezier(.22,1,.36,1)}.sv-run-card{padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(165deg,#1a2b3e9e,#0a121ce6);box-shadow:0 30px 60px -34px #000;overflow:hidden}.sv-step.fwd{animation:svInFwd .4s cubic-bezier(.22,1,.36,1) both}.sv-step.back{animation:svInBack .4s cubic-bezier(.22,1,.36,1) both}.sv-qnum{color:#4cc9ff;font:800 11.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.sv-qnum i{margin-left:6px;color:#8aa0b1;font-style:normal;letter-spacing:.04em;text-transform:none;font-weight:600}.sv-q{margin:12px 0 6px;color:#f5f8fb;font:700 clamp(21px,3vw,27px)/1.2 var(--font-display);letter-spacing:-.03em}.sv-help,.sv-hint{margin:0 0 14px;color:#8aa0b1;font:500 13.5px/1.55 var(--font-body)}.sv-hint{margin-top:12px;margin-bottom:10px}.sv-opts{display:grid;gap:8px;margin-top:16px}.sv-hint+.sv-opts{margin-top:0}.sv-opt{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#dbe8f0;font:600 14.5px/1.35 var(--font-body);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.sv-opt:hover{border-color:#4cc9ff66;background:#4cc9ff0d;transform:translate(3px)}.sv-opt.on{border-color:#4cc9ff;background:linear-gradient(90deg,#4cc9ff2e,#4cc9ff0d);color:#fff;animation:svPop .28s ease}.sv-opt.shake{animation:svShake .35s ease}.sv-key{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:#ffffff12;color:#8aa0b1;font:800 12px/1 var(--font-body)}.sv-opt.on .sv-key{background:#4cc9ff;color:#04131c}.sv-opt-l{flex:1}.sv-tick{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#4cc9ff;color:#04131c;opacity:0;transform:scale(.4);transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.sv-opt.on .sv-tick{opacity:1;transform:none}.sv-yn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.sv-opt--yn{justify-content:center;padding:22px 16px;font-size:17px}.sv-rates{display:grid;grid-template-columns:repeat(var(--n, 5),minmax(0,1fr));gap:8px;margin-top:18px}.sv-rate{min-height:52px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#a9bccb;font:800 16px/1 var(--font-display);cursor:pointer;transition:all .2s ease}.sv-rate:hover{border-color:#4cc9ff80;transform:translateY(-2px)}.sv-rate.fill{border-color:#4cc9ff80;background:#4cc9ff24;color:#e6f8ff}.sv-rate.on{background:linear-gradient(180deg,#b6ecff,#4cc9ff);color:#04131c;border-color:transparent;animation:svPop .28s ease}.sv-rate-ends{display:flex;justify-content:space-between;margin-top:8px;color:#7d94a6;font:600 12px/1 var(--font-body)}.sv-text{display:block;width:100%;margin-top:16px;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#03080db3;color:#f1f8fd;font:500 15px/1.6 var(--font-body);resize:vertical;min-height:130px;transition:border-color .2s,box-shadow .2s}.sv-text:focus{outline:none;border-color:#4cc9ffbf;box-shadow:0 0 0 4px #4cc9ff24}.sv-count{margin-top:6px;text-align:right;color:#7d94a6;font:600 12px/1 var(--font-body)}.sv-nav{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.sv-leave{display:block;margin:16px auto 0;border:0;background:none;color:#7d94a6;font:600 12.5px/1 var(--font-body);cursor:pointer}.sv-leave:hover{color:#dbe8f0}.sv-review{list-style:none;display:grid;gap:8px;margin:14px 0 0;padding:0}.sv-review button{display:grid;gap:4px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.sv-review button:hover{border-color:#4cc9ff66;background:#4cc9ff0d}.sv-rv-q{color:#8aa0b1;font:600 12.5px/1.4 var(--font-body)}.sv-rv-a{color:#f5f8fb;font:700 14px/1.4 var(--font-body)}.sv-rv-a em{color:#7d94a6;font-weight:500}.sv-done{position:relative;max-width:640px;margin:0 auto;text-align:center;overflow:hidden}.sv-ring{width:92px;margin:0 auto 6px}.sv-ring-c{fill:#4ee0a01a;stroke:#4ee0a0;stroke-width:3;stroke-dasharray:145;stroke-dashoffset:145;stroke-linecap:round;animation:svDraw .7s ease forwards;transform-origin:center}.sv-ring-t{fill:none;stroke:#9ff0c9;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:svDraw .45s .55s ease forwards}.sv-burst{position:absolute;left:50%;top:84px;width:0;height:0;pointer-events:none}.sv-burst i{position:absolute;width:7px;height:7px;border-radius:50%;background:#f6c453;opacity:0;animation:svBurst .9s .5s ease-out forwards;animation-delay:calc(.5s + var(--d))}.sv-burst i:nth-child(3n){background:#4cc9ff}.sv-burst i:nth-child(3n+1){background:#9a8cff}.sv-rewards{display:flex;justify-content:center;gap:12px;margin-top:22px}.sv-rw{min-width:140px;padding:16px 20px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;animation:svRise .5s .6s both}.sv-rw small{display:block;font:800 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#8aa0b1}.sv-rw strong{display:block;margin-top:8px;font:700 34px/1 var(--font-display);letter-spacing:-.03em}.sv-rw--xp{border-color:#9a8cff66}.sv-rw--xp strong{color:#cdc5ff}.sv-rw--tk{border-color:#f6c45366}.sv-rw--tk strong{color:#ffe29a}@keyframes svRise{to{opacity:1;transform:none}}@keyframes svPulse{0%,to{box-shadow:0 0 #4cc9ff80}50%{box-shadow:0 0 0 6px #4cc9ff00}}@keyframes svShine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes svFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes svInFwd{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes svInBack{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}@keyframes svPop{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes svShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes svDraw{to{stroke-dashoffset:0}}@keyframes svBurst{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}to{opacity:0;transform:rotate(var(--a)) translateY(-120px)}}@media(max-width:760px){.sv-ribbon{grid-template-columns:1fr 1fr}.sv-grid{grid-template-columns:1fr}.sv-run-card,.sv-empty,.sv-detail-card,.sv-done,.sv-modal-card{padding:22px 18px}.sv-rewards{flex-direction:column;align-items:center}}@media(prefers-reduced-motion:reduce){.sv-card,.sv-step,.sv-opt,.sv-rate,.sv-rw,.sv-modal-card,.sv-shield,.sv-chip:after,.sv-dot,.sv-burst i,.sv-ring-c,.sv-ring-t{animation:none!important;transition:none!important}.sv-card,.sv-rw{opacity:1;transform:none}.sv-ring-c,.sv-ring-t{stroke-dashoffset:0}}