:root{--bg0:#080910;--glass:rgba(255,255,255,.05);--glass2:rgba(255,255,255,.08);--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.17);--ink:#eef1f8;--dim:#9aa2b6;--dim2:#6b7286;--indigo:#6b78ff;--teal:#3fd8c6;--amber:#ffb14e;--hot:#ff7a59;--green:#46e0a0;--rad:20px;--rad-s:14px;--shadow:0 14px 40px rgba(0,0,0,.45);--sans:"Inter",-apple-system,system-ui,sans-serif;--disp:"Bricolage Grotesque","Inter",sans-serif;--ed:"Bodoni Moda",Georgia,serif;--w:480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{margin:0;background:var(--bg0);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.55;font-size:15px}[data-theme=light]{--bg0:#eceef5;--glass:rgba(255,255,255,.72);--glass2:rgba(255,255,255,.9);--line:rgba(20,23,52,.1);--line2:rgba(20,23,52,.18);--ink:#161a2e;--dim:#535a72;--dim2:#888fa6;--shadow:0 14px 40px rgba(20,23,52,.13)}[data-theme=light] .atmo b{opacity:.2;mix-blend-mode:normal;filter:blur(90px)}[data-theme=light] .appbar{background:#ffffffd1}[data-theme=light] .tabbar{background:#ffffffe6}[data-theme=light] .gatecard input,[data-theme=light] .urlbar input,[data-theme=light] .sgin,[data-theme=light] .sgptr,[data-theme=light] .airow input,[data-theme=light] .setrow input,[data-theme=light] .ctrls input[type=number],[data-theme=light] input[type=text],[data-theme=light] input[type=password]{background:#1417340d}[data-theme=light] .note{background:#14173408}[data-theme=light] .cmpbar,[data-theme=light] .budgetbar{background:#14173417}[data-theme=light] .acch .cid{color:#3f48a8}[data-theme=light] .toast{background:#fffffff7;color:var(--ink)}::selection{background:#6b78ff59}.atmo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.atmo b{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;mix-blend-mode:screen;animation:float 22s ease-in-out infinite}.atmo .x1{width:80vw;height:80vw;left:-30vw;top:-20vw;background:radial-gradient(circle,#5965ff,transparent 62%)}.atmo .x2{width:75vw;height:75vw;right:-30vw;top:30vh;background:radial-gradient(circle,#1fbfae,transparent 62%);animation-delay:-7s}.atmo .x3{width:70vw;height:70vw;left:10vw;bottom:-25vw;background:radial-gradient(circle,#ff7a59,transparent 64%);opacity:.26;animation-delay:-13s}@keyframes float{0%,to{transform:translate(0)}33%{transform:translate(4vw,3vw)}66%{transform:translate(-3vw,4vw)}}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.gatecard{width:340px;max-width:100%;background:var(--glass);border:1px solid var(--line2);border-radius:var(--rad);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:32px 26px;text-align:center}.gatecard .logo{width:48px;height:48px;border-radius:14px;margin:0 auto 16px;background:conic-gradient(from 200deg,var(--indigo),var(--teal),var(--amber),var(--indigo));box-shadow:0 0 24px #6b78ff73}.gatecard h1{font-family:var(--ed);font-weight:600;font-size:24px;margin:0 0 4px;letter-spacing:.01em}.gatecard p{font-size:13px;color:var(--dim);margin:0 0 22px}.gatecard label{display:block;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim2);margin:0 0 6px}.gatecard input{width:100%;background:#0000004d;border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--ink);font-family:var(--sans);font-size:16px;outline:none;margin-bottom:14px}.gatecard input:focus{border-color:color-mix(in srgb,var(--indigo) 55%,transparent)}.gatecard .go{width:100%;border:none;background:linear-gradient(135deg,var(--indigo),#525ef0);color:#fff;border-radius:13px;padding:14px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 20px #525ef059}.gatecard .err{color:#ff8a8a;font-size:12.5px;margin-top:12px;min-height:16px}.gatecard.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}#app{position:relative;z-index:1;max-width:var(--w);margin:0 auto;min-height:100vh}.appbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:11px;padding:14px 16px;background:#080910cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.appbar .logo{width:30px;height:30px;border-radius:9px;background:conic-gradient(from 200deg,var(--indigo),var(--teal),var(--amber),var(--indigo));box-shadow:0 0 16px #6b78ff66;flex-shrink:0}.appbar .tt{font-family:var(--ed);font-weight:600;font-size:19px;letter-spacing:.01em;line-height:1}.appbar .tt small{display:block;font-family:var(--sans);font-weight:500;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim2);margin-top:3px}.appbar .spacer{flex:1}.appbar .nu{border:1px solid var(--line2);background:var(--glass2);color:var(--ink);border-radius:10px;padding:9px 13px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--sans)}main{padding:16px 14px 96px}.col{display:flex;flex-direction:column;gap:16px}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card .pad{padding:18px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px;gap:12px}.sec-head h2{font-family:var(--ed);font-weight:600;font-size:21px;margin:0;letter-spacing:.01em}.sec-head .hint{font-size:11.5px;color:var(--dim2);flex-shrink:0}.sub{font-size:13px;color:var(--dim);margin:2px 0 0;line-height:1.55}.sub b{color:var(--ink)}.btn{border:1px solid var(--line2);background:var(--glass2);color:var(--ink);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:.15s}.btn:active{transform:scale(.98)}.btn.primary{border:none;background:linear-gradient(135deg,var(--indigo),#525ef0);box-shadow:0 8px 20px #525ef059;color:#fff}.btn.block{width:100%;display:block}.btn:disabled{opacity:.5;cursor:not-allowed}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--w);z-index:40;display:flex;gap:8px;background:#0b0d14e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.tabbar button{flex:1;border:none;background:none;color:var(--dim2);font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.01em;padding:7px 8px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;border-radius:11px;transition:color .18s,background .18s}.tabbar button .ti{display:inline-flex;line-height:0}.tabbar button.on{color:var(--indigo);background:color-mix(in srgb,var(--indigo) 13%,transparent)}.tabbar button.on .ti{filter:drop-shadow(0 0 6px rgba(107,120,255,.45))}.appbar .nu.icon{display:inline-flex;align-items:center;padding:9px 10px}.ctrls .tin{width:100%;background:#00000047;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--ink);font-size:15px;font-family:var(--sans);outline:none}.ctrls .tin:focus{border-color:color-mix(in srgb,var(--indigo) 50%,transparent)}[data-theme=light] .ctrls .tin{background:#1417340d}.errbar{display:flex;align-items:flex-start;gap:10px;margin:0 0 4px;padding:13px 14px;border-radius:var(--rad-s);background:color-mix(in srgb,var(--hot) 13%,var(--glass2));border:1px solid color-mix(in srgb,var(--hot) 45%,transparent);box-shadow:0 8px 22px #ff7a591f}.errbar .ei{font-size:16px;line-height:1.4;flex-shrink:0}.errbar .et{flex:1;font-size:13.5px;line-height:1.5;color:var(--ink);font-weight:500}.errbar .et b{color:var(--hot)}.errbar .ex{flex-shrink:0;border:none;background:none;color:var(--dim);font-size:15px;cursor:pointer;padding:0 2px;line-height:1}.modebar{display:flex;gap:8px}.modebar button{flex:1;border:1px solid var(--line);background:var(--glass);color:var(--dim);border-radius:13px;padding:13px 8px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--sans);display:flex;align-items:center;justify-content:center;gap:7px}.modebar button.on{border-color:var(--indigo);color:#fff;background:color-mix(in srgb,var(--indigo) 14%,transparent)}.urlbar{display:flex;flex-direction:column;gap:10px;margin-top:14px}.urlbar input{background:#00000047;border:1px solid var(--line);border-radius:13px;padding:14px;color:var(--ink);font-family:var(--sans);font-size:16px;outline:none}.urlbar input:focus{border-color:color-mix(in srgb,var(--indigo) 55%,transparent)}.lead{font-size:15px;line-height:1.6;margin:14px 0 4px}.lead b{color:#fff}.lessons{display:flex;flex-direction:column;gap:12px;margin-top:16px}.lesson{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--dim);line-height:1.55}.lesson .e{font-size:20px;flex-shrink:0;line-height:1.2}.lesson b{color:var(--ink)}.factline{margin-top:16px;font-size:13.5px;color:#ffd9a8;background:color-mix(in srgb,var(--amber) 10%,transparent);border:1px solid color-mix(in srgb,var(--amber) 28%,transparent);border-radius:13px;padding:13px;line-height:1.5}.factline b{color:#fff}.gauge-wrap{position:relative;width:200px;height:134px;margin:8px auto 0}.gauge-num{position:absolute;left:0;right:0;bottom:6px;text-align:center}.gauge-num b{font-family:var(--disp);font-weight:800;font-size:50px;line-height:1;letter-spacing:-1px}.gauge-num span{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim2);margin-top:3px}.verdict{font-size:13px;margin-top:4px;font-weight:700;text-align:center}.gloss{font-size:13.5px;color:var(--dim);line-height:1.6;margin-top:14px;text-align:center}.gloss b{color:var(--ink)}.onlinebar{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--indigo) 9%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 24%,transparent);border-radius:12px;padding:11px 13px;margin-top:14px;font-size:13px;color:#d7dcf2}.onlinebar b{color:#fff}.metrics{display:flex;flex-direction:column;gap:9px;margin-top:12px}.metric{display:flex;align-items:center;gap:12px;background:var(--glass2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.metric .me{font-size:18px;width:22px;text-align:center;flex-shrink:0}.metric .mn{font-size:13px;color:var(--dim);font-weight:600}.metric .ms{font-size:11px;margin-top:2px}.metric .mr{margin-left:auto;text-align:right;flex-shrink:0}.metric .mv{font-family:var(--disp);font-weight:800;font-size:19px;font-variant-numeric:tabular-nums}.metric .mt{font-size:10px;color:var(--dim2);margin-top:1px}.refresh{margin-top:12px;width:100%;border:1px solid var(--line2);background:var(--glass2);color:var(--ink);border-radius:11px;padding:11px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans)}.cmphd{font-size:12.5px;color:var(--dim);margin-bottom:12px;text-align:center;line-height:1.5}.cmphd b{color:var(--ink)}.cmprow{margin-bottom:14px}.cmptop{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;margin-bottom:6px}.cmptop .cl{color:var(--dim)}.cmptop .cv{font-weight:700}.cmptop .cv b{font-family:var(--disp)}.cmpbar{height:8px;border-radius:99px;background:#ffffff14;position:relative;overflow:hidden}.cmpbar .avg{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--dim);border-radius:2px}.cmpbar i{display:block;height:100%;border-radius:99px}.cmprank{display:flex;align-items:center;gap:10px;background:color-mix(in srgb,var(--green) 9%,transparent);border:1px solid color-mix(in srgb,var(--green) 28%,transparent);border-radius:12px;padding:12px 14px;font-size:13px;color:#bff3e6;margin-top:4px}.cmprank b{color:#fff;font-family:var(--disp)}.deinhook{display:flex;gap:14px;align-items:flex-start;background:var(--glass2);border:1px solid var(--line);border-radius:var(--rad-s);padding:14px;margin-bottom:16px}.deinhook .mini{width:58px;height:103px;border-radius:10px;flex-shrink:0;position:relative;overflow:hidden;border:1px solid var(--line2);background-size:cover;background-position:center}.deinhook .mini .tag{position:absolute;top:5px;left:5px;font-size:7.5px;font-weight:700;letter-spacing:.05em;background:#0000008c;color:#fff;padding:2px 5px;border-radius:5px}.deinhook .dt{font-family:var(--ed);font-weight:600;font-size:17px;margin-bottom:7px}.deinhook .verd{display:inline-block;font-size:11px;font-weight:700;border-radius:7px;padding:3px 9px;margin-bottom:9px}.deinhook p{font-size:13px;color:var(--dim);line-height:1.55;margin:0}.deinhook p b{color:var(--ink)}.legend{display:flex;gap:16px;margin:14px 0 16px;flex-wrap:wrap;font-size:12px;color:var(--dim)}.legend span{display:flex;align-items:center;gap:6px}.acc{border:1px solid var(--line);border-radius:var(--rad-s);overflow:hidden;margin-bottom:10px;background:var(--glass2)}.acch{display:flex;align-items:center;gap:11px;padding:15px 14px;cursor:pointer}.acch .cid{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;font-family:var(--disp);background:color-mix(in srgb,var(--indigo) 20%,transparent);color:#c2c9ff;flex-shrink:0}.acch .cn{font-weight:700;font-size:14px;line-height:1.15}.acch .cwt{font-size:10px;color:var(--dim2);margin-top:2px}.acch .spacer{flex:1}.acch .sc{font-variant-numeric:tabular-nums;font-weight:800;font-size:16px;font-family:var(--disp);flex-shrink:0}.acch .chev{color:var(--dim2);transition:.2s;flex-shrink:0;font-size:13px}.acc.open .acch .chev{transform:rotate(90deg)}.accb{display:none}.acc.open .accb{display:block}.catdesc{font-size:12.5px;color:var(--dim);line-height:1.55;padding:13px 14px;border-top:1px solid var(--line);background:#ffffff05}.crit{border-top:1px solid var(--line)}.crow{display:flex;align-items:center;gap:11px;padding:14px;cursor:pointer}.crow .st{font-size:16px;flex-shrink:0;width:20px;text-align:center}.crow .cnm{font-size:14px;flex:1;line-height:1.3;font-weight:500}.crow .chev{color:var(--dim2);transition:.2s;flex-shrink:0;font-size:13px}.crit.open .crow .chev{transform:rotate(90deg)}.cexp{display:none;padding:0 14px 16px}.crit.open .cexp{display:block}.gain{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:800;font-family:var(--disp);color:#0c1108;background:linear-gradient(135deg,var(--green),#7af0a0);border-radius:11px;padding:11px 13px;margin-bottom:13px}.gain.warnc{background:linear-gradient(135deg,#ff9a6b,var(--hot));color:#1a0d08}.cexp .blk{margin-top:12px}.cexp .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--dim2);margin-bottom:4px;font-weight:700}.cexp .txt{font-size:13.5px;color:var(--dim);line-height:1.6}.cexp .txt.ink{color:var(--ink);font-weight:500}.cexp .why{font-size:13.5px;color:#d7dcf2;background:color-mix(in srgb,var(--indigo) 11%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 26%,transparent);border-radius:11px;padding:12px;line-height:1.6}.cexp .why b{color:#fff}.cexp .fix{font-size:13.5px;color:#bff3e6;background:color-mix(in srgb,var(--teal) 9%,transparent);border:1px solid color-mix(in srgb,var(--teal) 26%,transparent);border-radius:11px;padding:12px;line-height:1.55}.cexp .fix b{color:#fff}.recs{display:flex;flex-direction:column;gap:11px}.rec{position:relative;border:1px solid var(--line);border-radius:var(--rad-s);padding:14px;background:var(--glass2);cursor:pointer;transition:border-color .2s,background .2s,transform .12s,box-shadow .2s;-webkit-user-select:none;user-select:none}.rec:active{transform:scale(.992)}.rec.sel{border-color:color-mix(in srgb,var(--teal) 58%,transparent);background:color-mix(in srgb,var(--teal) 9%,var(--glass2));box-shadow:0 0 0 1px color-mix(in srgb,var(--teal) 28%,transparent),0 12px 28px #3fd8c621}.rec .rtop{display:flex;align-items:center;gap:8px}.rec .st{font-size:15px;flex-shrink:0}.rec .crit2{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:7px;background:#ffffff12;border:1px solid var(--line);color:var(--dim)}.rec .ttl{font-weight:600;font-size:14.5px;margin-top:10px;letter-spacing:-.01em}.rec .bd{font-size:13px;color:var(--dim);margin-top:8px;line-height:1.55}.rec .pick{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);background:#ffffff0d;color:var(--dim);font-family:var(--sans);font-weight:700;font-size:12.5px;padding:6px 13px 6px 9px;border-radius:99px;cursor:pointer;white-space:nowrap;transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .12s}.rec .pick:hover{border-color:color-mix(in srgb,var(--teal) 55%,transparent);color:var(--ink)}.rec .pick:active{transform:scale(.95)}.rec .pick .tick{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;border:1.5px solid currentColor;font-size:11px;font-weight:800;line-height:1}.rec.sel .pick{background:linear-gradient(135deg,var(--teal),var(--green));border-color:transparent;color:#06241f;box-shadow:0 6px 16px #3fd8c657}.rec.sel .pick .tick{border-color:#06241f}[data-theme=light] .rec.sel .pick{color:#053b33}.renderprog{animation:rpin .3s ease}@keyframes rpin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rp-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.rp-stage{font-weight:700;font-size:13.5px;color:var(--ink)}.rp-pct{font-family:var(--disp);font-weight:700;font-size:19px;color:var(--amber);font-variant-numeric:tabular-nums}.rp-track{position:relative;height:13px;border-radius:99px;background:#ffffff17;overflow:hidden;border:1px solid var(--line)}.rp-fill{position:relative;height:100%;border-radius:99px;background:linear-gradient(135deg,var(--amber),var(--hot));transition:width .4s cubic-bezier(.4,0,.2,1),background .4s;overflow:hidden;box-shadow:0 0 16px #ff7a598c}.rp-fill.ok{background:linear-gradient(135deg,var(--teal),var(--green));box-shadow:0 0 16px #3fd8c68c}.rp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(118deg,transparent 0 9px,rgba(255,255,255,.18) 9px 18px);animation:rpstripe .6s linear infinite}.rp-fill.ok:after{animation:none;opacity:0}.rp-sheen{position:absolute;top:0;left:0;height:100%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:rpsheen 1.25s ease-in-out infinite}.rp-fill.ok .rp-sheen{display:none}@keyframes rpstripe{to{background-position:25px 0}}@keyframes rpsheen{0%{transform:translate(-150%)}65%,to{transform:translate(430%)}}.rp-steps{display:flex;gap:7px;margin-top:12px}.rp-steps span{flex:1;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.01em;color:var(--dim2);padding:6px 4px;border-radius:9px;border:1px solid var(--line);background:#ffffff08;transition:all .3s}.rp-steps span.on{color:#1a1205;background:linear-gradient(135deg,var(--amber),var(--hot));border-color:transparent;box-shadow:0 6px 14px #ff7a5947}.rp-steps span.done{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 42%,transparent);background:color-mix(in srgb,var(--teal) 8%,transparent)}.gobtn{width:100%;border:none;border-radius:13px;padding:15px;font-family:var(--sans);font-weight:800;font-size:15.5px;cursor:pointer;color:#1a1205;background:linear-gradient(135deg,var(--amber),var(--hot));box-shadow:0 10px 24px #ff7a5952;transition:transform .12s,box-shadow .2s}.gobtn:hover{box-shadow:0 12px 30px #ff7a596b}.gobtn:active{transform:translateY(1px) scale(.99)}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tile{cursor:pointer}.tile:active{transform:scale(.98)}.timg{aspect-ratio:9/16;border-radius:16px;background-size:cover;background-position:center;position:relative;border:1px solid var(--line2);overflow:hidden;background-color:#1b2230}.timg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 40%,rgba(0,0,0,.5))}.timg .tscore{position:absolute;top:9px;right:9px;z-index:2;font-family:var(--disp);font-weight:800;font-size:18px;color:#fff;background:#00000073;border-radius:10px;padding:3px 9px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.15)}.timg .tpl{position:absolute;bottom:9px;left:9px;z-index:2;font-size:8.5px;font-weight:700;background:#0000008c;color:#fff;padding:3px 7px;border-radius:6px}.ttitle{font-weight:600;font-size:13.5px;margin-top:9px;line-height:1.25}.tdate{font-size:11px;color:var(--dim2);margin-top:2px}.vhead{font-family:var(--ed);font-weight:600;font-size:26px;margin:4px 2px;letter-spacing:.01em}.vsub{font-size:13px;color:var(--dim);margin:0 2px 18px}.progress{display:flex;flex-direction:column;gap:9px;margin-top:14px}.pstep{display:flex;align-items:center;gap:10px;font-size:13.5px}.pstep .pi{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0;background:var(--line);color:var(--dim2)}.pstep.on .pi{background:var(--indigo);color:#fff}.pstep.done .pi{background:var(--green);color:#08210f}.pstep.off{opacity:.45}.spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp .7s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);opacity:0;background:#11131ff5;border:1px solid var(--line2);border-radius:13px;padding:13px 18px;font-size:13.5px;box-shadow:var(--shadow);z-index:60;transition:.3s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:88vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.note{font-size:12.5px;color:var(--dim);line-height:1.55;background:#ffffff08;border:1px solid var(--line);border-radius:12px;padding:12px}.note b{color:var(--ink)}.q{margin-bottom:16px}.q .ql{font-size:13.5px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:9px}.q .ql .n{width:21px;height:21px;border-radius:50%;background:color-mix(in srgb,var(--indigo) 22%,transparent);color:#c2c9ff;font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{font-size:13px;color:var(--dim);border:1px solid var(--line);background:var(--glass);border-radius:99px;padding:10px 15px;cursor:pointer}.opt.on{border-color:var(--indigo);color:#fff;background:color-mix(in srgb,var(--indigo) 16%,transparent)}.hookout{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.sg{border:1px solid var(--line);border-radius:var(--rad-s);background:var(--glass2);padding:12px;margin-bottom:11px}.sgin{width:100%;background:#00000047;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--ink);font-family:var(--ed);font-weight:500;font-size:16px;outline:none;line-height:1.25}.sgin:focus{border-color:color-mix(in srgb,var(--indigo) 55%,transparent)}.sgptr{width:100%;margin-top:8px;background:#00000047;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--teal);font-family:var(--sans);font-size:13px;outline:none}.sgrow{display:flex;gap:8px;margin-top:10px}.sgnew{flex:1;border:1px solid var(--line2);background:var(--glass2);color:var(--ink);border-radius:10px;padding:11px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:var(--sans)}.sgtake{flex:1;border:none;background:linear-gradient(135deg,var(--indigo),#525ef0);color:#fff;border-radius:10px;padding:11px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--sans)}.pick-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px;flex-wrap:wrap}.ph-right{display:flex;align-items:center;gap:8px}.lang{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.lang button{border:none;background:transparent;color:var(--dim);font-size:12px;font-weight:700;padding:8px 13px;cursor:pointer;font-family:var(--sans)}.lang button.on{background:linear-gradient(135deg,var(--indigo),#525ef0);color:#fff}.preview-wrap{display:flex;flex-direction:column;align-items:center;margin:14px 0}.phone{position:relative;width:210px;aspect-ratio:9/16;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 30px #00000080}.frame-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.bg-a{background:linear-gradient(150deg,#ff9a6b,#ff5e8a 42%,#7a3bb0)}.bg-b{background:linear-gradient(160deg,#536576,#2c3744 60%,#1c232c)}.bg-c{background:linear-gradient(150deg,#1b2735,#34465a 55%,#0f1620)}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 28%,transparent 52%,rgba(0,0,0,.46) 100%);z-index:2}.pui{position:absolute;right:7px;bottom:60px;display:flex;flex-direction:column;gap:11px;align-items:center;opacity:.9;z-index:5}.pui .b{width:28px;height:28px;border-radius:50%;background:#ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;font-size:12px;border:1px solid rgba(255,255,255,.18)}.phandle{position:absolute;left:10px;bottom:12px;right:44px;color:#fff;z-index:5}.phandle .u{font-weight:700;font-size:11px}.phandle .cap{font-size:9.5px;opacity:.82;margin-top:2px}.layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.layer{position:absolute;left:0;right:0;display:flex;justify-content:center;padding:0 8%;text-align:center}.lhook{top:11%}.lhook.center{top:0;bottom:0;align-items:center}.lcap{bottom:30%}.lcta{bottom:16%}.layer .inner{display:inline-block;max-width:100%;position:relative}.layer.sel .inner{outline:1px dashed rgba(124,139,255,.7);outline-offset:6px;border-radius:8px}.prev-cap{font-size:11px;color:var(--dim2);margin-top:12px;text-align:center}.layerbar{display:flex;gap:7px;margin:14px 0 6px}.layerbar button{flex:1;border:1px solid var(--line);background:var(--glass);color:var(--dim);border-radius:11px;padding:11px 6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);display:flex;flex-direction:column;align-items:center;gap:3px}.layerbar button .ls{font-size:9px;font-weight:500;color:var(--dim2)}.layerbar button.on{border-color:var(--indigo);color:#fff;background:color-mix(in srgb,var(--indigo) 14%,transparent)}.layerbar button.on .ls{color:#c2c9ff}.styles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:14px 0 16px}.style{border:1px solid var(--line);border-radius:var(--rad-s);cursor:pointer;overflow:hidden;background:var(--glass2);text-align:left;padding:0}.style.on{border-color:var(--indigo);box-shadow:inset 0 0 0 1px var(--indigo)}.style .swatch{height:60px;display:flex;align-items:center;justify-content:center;padding:8px}.sw1{background:linear-gradient(145deg,#4a4458,#241f30)}.sw2{background:linear-gradient(145deg,#3a5566,#1a2a36)}.sw3{background:linear-gradient(145deg,#6a2a3e,#2a1018)}.style .lab{padding:7px 9px;border-top:1px solid var(--line)}.style .lab b{font-size:11.5px;display:block}.style .lab span{font-size:9px;color:var(--dim2);display:block;margin-top:2px}.ctrls{display:grid;grid-template-columns:1fr 1fr;gap:13px}.f label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--dim2);margin-bottom:6px}.f .vr{float:right;color:var(--teal);text-transform:none;letter-spacing:0}.airow{display:flex;gap:8px}.airow input{flex:1;background:#00000047;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--ink);font-family:var(--sans);font-size:15px;outline:none;min-width:0}.aibtn{flex-shrink:0;border:none;background:linear-gradient(135deg,var(--indigo),#8a63ff);color:#fff;border-radius:11px;padding:0 13px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--sans)}.f input[type=range]{width:100%;accent-color:var(--indigo);height:24px}.f input[type=color]{width:38px;height:32px;border:1px solid var(--line);border-radius:8px;background:none;cursor:pointer;padding:2px}.seg-c{display:flex;gap:6px}.seg-c button{flex:1;border:1px solid var(--line);background:var(--glass);color:var(--dim);border-radius:10px;padding:10px 4px;font-size:12px;cursor:pointer;font-family:var(--sans)}.seg-c button.on{border-color:var(--indigo);color:#fff;background:color-mix(in srgb,var(--indigo) 16%,transparent)}.full{grid-column:1/-1}.hide{display:none!important}.setrow{display:flex;align-items:center;gap:12px;margin-top:14px}.setrow input{flex:1;background:#00000047;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--ink);font-family:var(--sans);font-size:16px;outline:none}.budgetbar{height:8px;border-radius:99px;background:#ffffff14;overflow:hidden;margin-top:12px}.budgetbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(135deg,var(--amber),var(--hot))}.foot{padding:24px 16px 30px;color:var(--dim2);font-size:11px;text-align:center}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}