[hidden]{display:none!important}
.ap{min-height:100vh}
html,body{margin:0;padding:0}
body:has(#site:not([hidden])){background:#000100}
:root{color-scheme:light;
--bg:#F8F8F8;--sf:#FFFFFF;--sf2:#F1F2F4;--ln:#E1E3E8;--ln2:#ECEDF0;--ink:#000100;--ink2:#4A4F5C;--ink3:#676C7A;
--br:#2F7D88;--brs:rgba(47,125,136,.10);--brt:#FFFFFF;
--win:#15803D;--wins:rgba(21,128,61,.10);--loss:#DC2626;--losss:rgba(220,38,38,.09);--be:#A16207;--bes:rgba(161,98,7,.11);
--sh:0 1px 2px rgba(0,0,0,.04);--ovl:rgba(10,10,10,.45);
--f:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
--fd:'Bricolage Grotesque','Inter',system-ui,sans-serif;
--fn:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--r:18px;--side:244px}
:root[data-theme=dark]{color-scheme:dark;
--bg:#000100;--sf:#0E0F12;--sf2:#16181C;--ln:#25282F;--ln2:#1C1E23;--ink:#F8F8F8;--ink2:#C5C9D2;--ink3:#A1A6B4;
--br:#94C5CC;--brs:rgba(148,197,204,.14);--brt:#000100;
--win:#4ADE80;--wins:rgba(74,222,128,.12);--loss:#F87171;--losss:rgba(248,113,113,.12);--be:#FBBF24;--bes:rgba(251,191,36,.12);
--sh:none;--ovl:rgba(0,0,0,.66)}
.ap *{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--f);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh;padding-top:var(--tg-content-safe-area-inset-top,0px)}
.ap button,.ap input,.ap select,.ap textarea{font:inherit;color:inherit}
.ap button{cursor:pointer;background:none;border:0;-webkit-appearance:none}
.ap a{color:var(--ink);text-underline-offset:3px}
.ap :focus-visible{outline:2px solid var(--br);outline-offset:2px;border-radius:8px}
.ap .pos{color:var(--win)}
.ap .neg{color:var(--loss)}
.ap .neu{color:var(--be)}
.ap .mut{color:var(--ink3)}
.ap .hide{display:none!important}
.ap .num{font-family:var(--fn);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ap .app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh;background:var(--bg)}
.ap .side{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:20px 14px 16px;border-right:1px solid var(--ln);background:var(--sf)}
.ap .brand{display:flex;align-items:center;gap:10px;font:700 20px var(--fd);letter-spacing:-.02em;padding:4px 10px 20px;color:var(--ink);text-decoration:none}
.ap .brand svg{flex:none}
.ap .nav{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--ink2);font-weight:500;text-align:left;width:100%;transition:background .15s,color .15s}
.ap .nav svg{width:20px;height:20px;flex:none}
.ap .nav:hover{background:var(--sf2);color:var(--ink)}
.ap .nav.on{background:var(--ink);color:var(--sf)}
.ap .nav .ct{margin-left:auto;font:600 11px var(--f);background:var(--loss);color:#fff;border-radius:99px;padding:1px 7px}
.ap .nav.on .ct{background:var(--sf);color:var(--ink)}
.ap .side .grow{flex:1;min-height:12px}
.ap .sidefoot{font-size:12px;color:var(--ink3);padding:10px 12px 0;line-height:1.45}
.ap .main{min-width:0;padding:0 32px 56px;width:100%;container:main/inline-size;transition:padding-right .5s cubic-bezier(.22,1,.36,1)}
.ap .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:22px 0 18px;position:sticky;top:0;z-index:20;background:var(--bg)}
.ap .top h1{font:700 30px/1.15 var(--fd);letter-spacing:-.03em;margin-right:auto}
.ap .top .ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ap .seg{display:inline-flex;background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ap .seg::-webkit-scrollbar{display:none}
.ap .seg button{min-height:36px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink2);white-space:nowrap;flex:none;transition:background .15s,color .15s}
.ap .seg button:hover{color:var(--ink)}
.ap .seg button.on{background:var(--ink);color:var(--sf)}
.ap .sel{background:var(--sf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2371717A' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--ln);border-radius:12px;min-height:44px;padding:0 32px 0 14px;font-size:14px;font-weight:600;-webkit-appearance:none;appearance:none;max-width:100%}
.ap .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--ln);background:var(--sf);font-size:14px;font-weight:600;white-space:nowrap;transition:border-color .15s,background .15s,transform .15s}
.ap .btn:hover{border-color:var(--ink3)}
.ap .btn.pri{background:var(--ink);border-color:var(--ink);color:var(--sf)}
.ap .btn.pri:hover{transform:translateY(-1px)}
.ap .btn.dan{color:var(--loss)}
.ap .btn.sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}
.ap .btn.ghost{border-color:transparent;background:transparent;color:var(--ink2)}
.ap .btn svg{width:17px;height:17px}
.ap .ib{width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border-radius:12px;border:1px solid var(--ln);background:var(--sf);color:var(--ink)}
.ap .ib:hover{border-color:var(--ink3)}
.ap .ib svg{width:19px;height:19px}
.ap .tabbar{display:none}
.ap .persel{display:none}
.ap .card{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--sh);min-width:0}
.ap .ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 0;flex-wrap:wrap}
.ap .ch h2{font:600 16px/1.3 var(--f)}
.ap .ch small{color:var(--ink3);font-size:12.5px}
.ap .ch small a{color:var(--ink2);font-weight:600}
.ap .cb{padding:12px 20px 20px}
.ap .stack{display:grid;gap:16px}
.ap .g2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start}
.ap .g2e{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.ap .empty{padding:36px 18px;text-align:center;color:var(--ink3);font-size:14px}
.ap .dgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.ap .dcl,.ap .dcr{display:grid;gap:16px;min-width:0}
.ap .dgrid>.o7{grid-column:1/-1}
.ap .nethead{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;padding:22px 22px 0}
.ap .nethead .lbl{font-size:13px;color:var(--ink2)}
.ap .nethead .big{font:600 clamp(40px,4.6vw,56px)/1.02 var(--fn);letter-spacing:-.05em;margin-top:4px;white-space:nowrap}
.ap .hfacts{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--ink2)}
.ap .hfacts>span{white-space:nowrap}
.ap .hfacts b{color:var(--ink);font-weight:600;font-family:var(--fn);letter-spacing:-.02em}
.ap .hfacts b.pos{color:var(--win)}
.ap .hfacts b.neg{color:var(--loss)}
.ap .stripw{margin-left:auto;flex:1 1 260px;max-width:420px}
.ap .strip{position:relative;height:84px;display:flex;gap:2px;align-items:stretch;justify-content:flex-end}
.ap .strip:before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--ln)}
.ap .sb{flex:1 1 0;max-width:10px;position:relative}
.ap .sb b{position:absolute;left:0;right:0;border-radius:3px;min-height:2px}
.ap .sb b.u{bottom:50%;background:var(--win)}
.ap .sb b.d{top:50%;background:var(--loss)}
.ap .sb b.z{top:calc(50% - 1px);height:2px;background:var(--be)}
.ap .sb.off b{opacity:.4}
.ap .stripcap{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--ink3);margin-top:6px}
.ap .kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px 22px 0}
.ap .kpi{background:var(--sf2);border:1px solid var(--ln2);border-radius:14px;padding:12px 14px;min-width:0}
.ap .kpi .l{font-size:12.5px;color:var(--ink2)}
.ap .kpi .v{font:600 22px/1.3 var(--fn);letter-spacing:-.03em;margin-top:2px;white-space:nowrap}
.ap .kpi .s{font-size:12px;color:var(--ink3)}
.ap .netcard{padding-bottom:22px}
.ap .alert{display:flex;gap:12px;align-items:flex-start;background:var(--losss);border:1px solid color-mix(in srgb,var(--loss) 30%,transparent);color:var(--ink);border-radius:14px;padding:13px 16px;font-size:14px}
.ap .alert svg{color:var(--loss);flex:none;width:18px;height:18px;margin-top:2px}
.ap .ins{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--ln2);font-size:14px;line-height:1.5}
.ap .ins:first-child{border-top:0;padding-top:2px}
.ap .ins i{width:8px;height:8px;border-radius:50%;margin-top:7px;flex:none;background:var(--ink3)}
.ap .ins.good i{background:var(--win)}
.ap .ins.bad i{background:var(--loss)}
.ap .chart{position:relative}
.ap .chart svg{display:block;width:100%;height:auto;overflow:visible}
.ap .chart text{font-family:var(--fn)}
.ap .tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--sf);font-size:12.5px;line-height:1.45;padding:7px 10px;border-radius:10px;white-space:nowrap;z-index:5;transform:translate(-50%,calc(-100% - 10px));display:none}
.ap .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2);margin-top:8px}
.ap .legend span{display:inline-flex;align-items:center;gap:6px}
.ap .legend i{width:10px;height:10px;border-radius:50%;display:inline-block}
.ap .ring{position:relative;width:148px;height:148px;margin:6px auto 4px}
.ap .ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ap .ring .rc{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.ap .ring .rc b{display:block;font:600 40px/1 var(--fn);letter-spacing:-.04em}
.ap .ring .rc span{font-size:12px;color:var(--ink3)}
.ap .scnote{text-align:center;font-size:13px;color:var(--ink2);margin-bottom:12px}
.ap .parts{display:grid;gap:9px}
.ap .pt{display:grid;grid-template-columns:minmax(0,132px) minmax(0,1fr) 30px;gap:10px;align-items:center;font-size:13px}
.ap .pt span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap .pt .mono{text-align:right;color:var(--ink2);font:500 12px var(--fn)}
.ap .meter{height:7px;border-radius:99px;background:var(--sf2);overflow:hidden;margin-top:4px}
.ap .pt .meter{margin-top:0}
.ap .meter b{display:block;height:100%;border-radius:99px;background:var(--br);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.ap .sline{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink2);margin-top:9px}
.ap .sparts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;margin-top:4px}
.ap .scoretop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ap .snum{font:600 52px/1 var(--fn)}
.ap .snum span{font-size:20px;margin-left:2px}
.ap .badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:600;line-height:20px;white-space:nowrap}
.ap .badge.win{background:var(--wins);color:var(--win)}
.ap .badge.loss{background:var(--losss);color:var(--loss)}
.ap .badge.be{background:var(--bes);color:var(--be)}
.ap .side-l,.ap .side-s{font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.ap .side-l:before,.ap .side-s:before{content:'';width:7px;height:7px;border-radius:2px}
.ap .side-l{color:var(--ink)}
.ap .side-l:before{background:var(--win)}
.ap .side-s{color:var(--ink)}
.ap .side-s:before{background:var(--loss)}
.ap .tag{display:inline-block;font-size:11.5px;color:var(--ink2);background:var(--sf2);border:1px solid var(--ln);border-radius:99px;padding:0 8px;line-height:20px;white-space:nowrap}
.ap .sym{font-weight:600}
.ap table{width:100%;border-collapse:collapse;font-size:14px}
.ap th{text-align:left;font-weight:600;font-size:12px;color:var(--ink3);padding:10px 12px;border-bottom:1px solid var(--ln);white-space:nowrap;background:var(--sf2)}
.ap th.s{cursor:pointer}
.ap th.s:hover{color:var(--ink)}
.ap td{padding:12px;border-bottom:1px solid var(--ln2);white-space:nowrap}
.ap td.r,.ap .tc1 .rv{font-family:var(--fn);letter-spacing:-.02em}
.ap tr:last-child td{border-bottom:0}
.ap tr.rw{cursor:pointer}
.ap tr.rw:hover td{background:var(--sf2)}
.ap .r{text-align:right}
.ap .scroll{overflow-x:auto}
.ap .tlist .tc{display:block;width:100%;text-align:left;padding:13px 18px;border-top:1px solid var(--ln2);transition:background .15s}
.ap .tlist .tc:hover{background:var(--sf2)}
.ap .tlist .tc:first-child{border-top:0}
.ap .tc1{display:flex;align-items:center;gap:8px}
.ap .tc1 .rv{margin-left:auto;font-weight:600;font-size:16px}
.ap .tc2{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:12.5px;color:var(--ink3)}
.ap .toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 16px;border-bottom:1px solid var(--ln2)}
.ap .toolbar .in{flex:1 1 200px;width:auto;min-height:44px;padding:0 14px;font-size:14px}
.ap .sumline{display:flex;gap:6px 18px;flex-wrap:wrap;padding:11px 16px;font-size:13px;color:var(--ink2);border-bottom:1px solid var(--ln2)}
.ap .sumline b{color:var(--ink);font-weight:600}
.ap .filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 14px;border-bottom:1px solid var(--ln2)}
.ap .filters .sel{flex:1 1 150px}
.ap .dual .tlist{display:none}
.ap .revq{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 20px;border-color:var(--br);background:linear-gradient(var(--brs),var(--brs)),var(--sf)}
.ap .revq b{font-weight:600}
.ap .steps{padding-left:20px;font-size:14px;line-height:1.6;color:var(--ink2)}
.ap .steps li{margin:2px 0}
.ap .gbar{height:8px;border-radius:99px;min-width:2px}
.ap .gbar.p{background:var(--win)}
.ap .gbar.n{background:var(--loss)}
.ap .calhead{display:flex;align-items:center;gap:8px;padding:18px 20px 0}
.ap .calhead h2{font:700 22px var(--fd);letter-spacing:-.02em;margin-right:auto;text-transform:capitalize}
.ap .calsum{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:13px;color:var(--ink2);padding:8px 20px 0}
.ap .calsum b{color:var(--ink);font-family:var(--fn);letter-spacing:-.02em}
.ap .calg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,1.05fr);gap:6px}
.ap .dow{font-size:12px;color:var(--ink3);text-align:center;padding-bottom:2px}
.ap .cd{min-height:86px;border-radius:12px;border:1px solid var(--ln2);padding:8px 9px;font-size:12px;color:var(--ink3);display:flex;flex-direction:column;gap:1px;text-align:left;background:var(--sf);min-width:0;transition:border-color .15s}
.ap .cd.hit{cursor:pointer}
.ap .cd.hit:hover{border-color:var(--ink)}
.ap .cd .rv{font:600 15px/1.2 var(--fn);letter-spacing:-.03em;color:var(--ink);margin-top:auto}
.ap .cd.today{border-color:var(--br);box-shadow:inset 0 0 0 1px var(--br)}
.ap .cd.wk{background:var(--sf2);border-style:dashed}
.ap .cd.blank{visibility:hidden}
.ap .pbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.ap .pb h3{font:700 20px var(--fd);letter-spacing:-.02em}
.ap .pb p{color:var(--ink2);font-size:14px;margin-top:4px}
.ap .pbst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}
.ap .pbst div{font-size:12px;color:var(--ink3);background:var(--sf2);border-radius:12px;padding:10px}
.ap .pbst b{display:block;font:600 17px var(--fn);letter-spacing:-.03em;color:var(--ink)}
.ap .rules{list-style:none;font-size:14px}
.ap .rules li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--ln2)}
.ap .rules li span:last-child{color:var(--ink3);white-space:nowrap;font-family:var(--fn)}
.ap .fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.ap .fld>span{font-size:13px;color:var(--ink2);font-weight:500}
.ap .in{width:100%;background:var(--sf);border:1px solid var(--ln);border-radius:12px;min-height:46px;padding:10px 14px;font-size:16px;outline:none;min-width:0}
.ap .in[list]::-webkit-calendar-picker-indicator{opacity:.35;cursor:pointer}
.ap .in:focus{border-color:var(--br);box-shadow:0 0 0 3px var(--brs)}
.ap textarea.in{min-height:84px;resize:vertical;line-height:1.5}
.ap .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ap .fgrid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ap .full{grid-column:1/-1}
.ap .fsec{padding:18px 0 4px}
.ap .fsec+.fsec{border-top:1px solid var(--ln2)}
.ap .fsec h3{font-size:14.5px;font-weight:600;margin-bottom:12px}
.ap .fsec h3 small{font-weight:400;color:var(--ink3);margin-left:6px}
.ap .chips{display:flex;gap:6px;flex-wrap:wrap}
.ap .chip{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid var(--ln);background:var(--sf);font-size:13.5px;color:var(--ink2);transition:background .15s,border-color .15s,color .15s}
.ap button.chip:hover{border-color:var(--ink3)}
.ap .chip.on{border-color:var(--ink);background:var(--ink);color:var(--sf)}
.ap .segf{display:flex;gap:6px}
.ap .segf button{flex:1;min-height:46px;border-radius:12px;border:1px solid var(--ln);font-weight:600;font-size:14px;color:var(--ink2);transition:background .15s,border-color .15s,color .15s}
.ap .segf .w.on{background:var(--wins);border-color:var(--win);color:var(--win)}
.ap .segf .l.on{background:var(--losss);border-color:var(--loss);color:var(--loss)}
.ap .segf .b.on{background:var(--bes);border-color:var(--be);color:var(--be)}
.ap .segf .x.on{background:var(--ink);border-color:var(--ink);color:var(--sf)}
.ap .stars{display:flex;gap:2px}
.ap .stars button{font-size:26px;line-height:1;color:var(--ln);padding:4px}
.ap .stars button.on{color:var(--be)}
.ap .check{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14.5px;cursor:pointer}
.ap .check input{width:18px;height:18px;accent-color:var(--ink);margin-top:2px;flex:none}
.ap details.more{border-top:1px solid var(--ln2);padding:14px 0 4px}
.ap details.more summary{cursor:pointer;font-size:14.5px;font-weight:600;list-style:none;min-height:28px}
.ap details.more summary::-webkit-details-marker{display:none}
.ap details.more summary:after{content:' +';color:var(--ink3)}
.ap details.more[open] summary:after{content:' −'}
.ap details.more>div{margin-top:12px}
.ap .hint{font-size:12.5px;color:var(--ink3);margin-top:2px}
.ap .srow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--ln2)}
.ap .srow:first-child{border-top:0}
.ap .srow .t{font-size:14.5px}
.ap .srow .d{font-size:12.5px;color:var(--ink3)}
.ap .srow .in,.ap .srow .sel{width:160px;flex:none}
.ap .acc{display:grid;grid-template-columns:1.4fr 1fr .8fr .7fr auto;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--ln2)}
.ap .acc:first-child{border-top:0}
.ap .optc{display:grid;gap:10px;margin:14px 0 6px}
.ap .optc button{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:15px 16px;border:1px solid var(--ln);border-radius:16px;background:var(--sf);transition:border-color .15s,background .15s}
.ap .optc button:not(:disabled):hover{border-color:var(--br);background:var(--brs)}
.ap .optc button:disabled{cursor:not-allowed;opacity:.62}
.ap .optc .oi{width:42px;height:42px;border-radius:12px;background:var(--sf2);color:var(--ink);display:grid;place-items:center;flex:none}
.ap .optc .oi svg{width:20px;height:20px}
.ap .optc .ot{display:flex;flex-direction:column;gap:3px;min-width:0}
.ap .optc b{font-weight:600;font-size:15px}
.ap .optc .ot>span{font-size:13.5px;color:var(--ink2);line-height:1.45}
.ap .soon{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:99px;background:var(--brs);color:var(--br);margin-left:6px;vertical-align:1px;white-space:nowrap}
.ap .gs{padding:18px 20px}
.ap .gsh{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ap .gsh h2{font:600 16px var(--f)}
.ap .gsm{flex:1 1 160px;margin:0;height:8px}
.ap .gsdone{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13px;color:var(--ink3)}
.ap .gsdone>span{display:inline-flex;align-items:center;gap:7px;text-decoration:line-through;text-decoration-color:var(--ink3)}
.ap .gsdone .gsc{width:18px;height:18px;background:var(--br);border-color:var(--br);color:var(--brt)}
.ap .gsdone .gsc svg{width:11px;height:11px}
.ap .gsl{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;margin-top:12px}
.ap .gsi{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:14px;border:1px solid var(--ln2);background:var(--sf2)}
.ap .gsc{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink3);display:grid;place-items:center;flex:none}
.ap .gsc svg{width:13px;height:13px;stroke-width:3}
.ap .gst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.ap .gst span{font-size:12.5px;color:var(--ink2);line-height:1.4}
.ap .gsi .btn{flex:none}
.ap .accsw{position:relative}
.ap .accbtn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 12px 0 14px;border-radius:12px;border:1px solid var(--ln);background:var(--sf);font-weight:600;font-size:14px;max-width:280px}
.ap .accbtn:hover{border-color:var(--ink3)}
.ap .accbtn .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .accbtn .dot{width:8px;height:8px;border-radius:50%;background:var(--br);flex:none}
.ap .accbtn svg{width:16px;height:16px;flex:none;color:var(--ink3);margin-left:auto}
.ap .accm{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:270px;max-width:calc(100vw - 32px);padding:6px;border-radius:16px;background:var(--sf);border:1px solid var(--ln);box-shadow:0 24px 60px -20px rgba(0,0,0,.35);animation:pop .16s ease both}
.ap .accm button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0 12px;border-radius:10px;text-align:left;font-size:14px}
.ap .accm button:hover{background:var(--sf2)}
.ap .accm button.on{background:var(--brs);font-weight:600}
.ap .accm small{color:var(--ink3);font-size:12px;white-space:nowrap}
.ap .accm .act{justify-content:flex-start;font-weight:600}
.ap .accm .act svg{width:17px;height:17px;flex:none}
.ap .accsep{height:1px;background:var(--ln2);margin:6px 4px}
.ap .accg{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 4px}
.ap .sideacts{display:grid;gap:8px;margin:0 0 14px}
.ap .btn.full{width:100%}
.ap .acard{padding:14px 0;border-top:1px solid var(--ln2)}
.ap .acard:first-child{border-top:0;padding-top:0}
.ap .acard1 b{font-weight:600}
.ap .acard1 .hint{margin-top:3px}
.ap .acard2{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:13.5px;color:var(--ink2)}
.ap .acard2 b{color:var(--ink);font-weight:600;font-family:var(--fn)}
.ap .acard2 .acts{display:flex;gap:6px}
.ap .pacc{padding:14px;border-radius:14px;background:var(--sf2);border:1px solid var(--ln2)}
.ap .pacc+.pacc{margin-top:10px}
.ap .pname{font-weight:600;font-size:14px;margin-bottom:2px;display:flex;align-items:center;gap:8px}
.ap .prow{margin-top:8px}
.ap .prow .sline{margin-top:0;margin-bottom:6px}
.ap .prow .sline span:last-child{font-family:var(--fn);font-size:12px}
.ap .prow .sline span:first-child{white-space:nowrap}
.ap .pacc .meter{background:var(--ln)}
.ap .accb{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink2)}
.ap .accb b{color:var(--ink);font-weight:600}
.ap .accno{display:flex;align-items:center;gap:8px}
.ap .accno .in{width:150px;padding:6px 10px;font-size:13.5px}
.ap .btn:disabled{opacity:.45;cursor:not-allowed}
.ap .acc .in{padding:8px 10px;font-size:14px}
.ap .links{display:grid;gap:2px}
.ap .links button{text-align:left;min-height:46px;padding:11px 0;border-top:1px solid var(--ln2);font-size:14.5px}
.ap .links button:first-child{border-top:0}
.ap .links button.dan{color:var(--loss)}
.ap .lgh{font-size:12px;font-weight:600;color:var(--ink3);margin:16px 0 2px;text-transform:uppercase;letter-spacing:.06em}
.ap .lgh:first-child{margin-top:0}
.ap .dhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ap .dhead .rv{font:600 34px/1 var(--fn);letter-spacing:-.04em;margin-left:auto}
.ap .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.ap .facts div{font-size:12px;color:var(--ink3);background:var(--sf2);border-radius:12px;padding:10px 12px;min-width:0}
.ap .facts b{display:block;font-size:14.5px;color:var(--ink);font-weight:500;overflow-wrap:anywhere}
.ap .shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.ap .shots a{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--ln2);background:var(--sf2)}
.ap .shots img{display:block;width:100%;height:110px;object-fit:cover}
.ap .shots a.lnk{padding:10px;font-size:13px;word-break:break-all}
.ap .note{white-space:pre-wrap;font-size:14.5px;line-height:1.6}
.ap .dsec{padding:14px 0;border-top:1px solid var(--ln2)}
.ap .dsec h4{font-size:12px;font-weight:600;color:var(--ink3);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.ap .welcome{padding:48px 32px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
.ap .welcome h2{font:700 36px/1.1 var(--fd);letter-spacing:-.03em;max-width:15ch}
.ap .welcome p{color:var(--ink2);margin-top:12px;max-width:52ch}
.ap .welcome .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.ap .welcome ul{list-style:none;display:grid;gap:12px;font-size:14.5px;color:var(--ink2)}
.ap .welcome li{display:flex;gap:10px}
.ap .welcome li svg{color:var(--ink);flex:none;width:18px;height:18px;margin-top:2px}
.ap .welcome.w1{display:block;max-width:760px;margin:0 auto;padding:36px 32px}
.ap .w1 .wh h2{max-width:none}
.ap .step1{display:inline-block;font-size:12px;font-weight:600;color:var(--br);background:var(--brs);border-radius:99px;padding:3px 10px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em}
.ap .w1 .optc{margin:22px 0 0}
.ap .walt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--ln2);font-size:14px;color:var(--ink2)}
.ap .walt span{margin-right:auto}
.ap .ov{position:fixed;inset:0;background:var(--ovl);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:5vh 16px}
.ap .ov.on{display:flex;animation:fi .18s ease both}
.ap .md{background:var(--sf);border:1px solid var(--ln);border-radius:22px;width:100%;max-width:640px;box-shadow:0 30px 80px rgba(0,0,0,.3);margin-bottom:5vh;position:relative;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;animation:pop .22s cubic-bezier(.2,.8,.2,1) both}
.ap .md.wide{max-width:760px}
.ap .md>.mh{display:flex;align-items:center;gap:10px;padding:16px 16px 14px 22px;border-bottom:1px solid var(--ln2);position:sticky;top:0;background:var(--sf);border-radius:22px 22px 0 0;z-index:3}
.ap .md>.mh h2{font:700 21px var(--fd);letter-spacing:-.02em;margin-right:auto}
.ap .mb{padding:2px 22px 18px}
.ap .mf{display:flex;gap:10px;padding:14px 22px;border-top:1px solid var(--ln2);position:sticky;bottom:0;background:var(--sf);border-radius:0 0 22px 22px;z-index:3}
.ap .mf .btn{flex:1;min-height:48px}
.ap .xb{width:40px;height:40px;border-radius:10px;font-size:24px;line-height:1;color:var(--ink3)}
.ap .xb:hover{background:var(--sf2);color:var(--ink)}
.ap .ov.cf{z-index:70;align-items:center}
.ap .cf .md{max-width:420px;margin:0}
.ap #cfMsg{padding-top:20px;font-size:15.5px;line-height:1.5}
.ap #toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));transform:translate(-50%,16px);background:var(--ink);color:var(--sf);padding:11px 18px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;z-index:99;max-width:calc(100% - 32px)}
.ap #toast.show{opacity:1;transform:translate(-50%,0)}
body.tg .addbtn,body.tg #fSave,body.tg .fab,body.tg .sitelink{display:none}
@keyframes fi{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.985)}}
@keyframes sheet{from{transform:translateY(40px);opacity:0}}
@keyframes vin{from{opacity:0;transform:translateY(8px)}}
@keyframes cardin{from{opacity:0;transform:translateY(12px)}}
@keyframes drawer{from{transform:translateX(48px);opacity:0}}
.ap .vin{animation:vin .28s cubic-bezier(.2,.8,.2,1) both}
.ap .vin .card{animation:cardin .45s cubic-bezier(.2,.8,.2,1) both}
.ap .vin .dcr .card,.ap .vin .o4{animation-delay:.05s}
.ap .vin .o5,.ap .vin .o6{animation-delay:.1s}
.ap .vin .o7{animation-delay:.14s}
.ap .btn:active,.ap .nav:active,.ap button.chip:active,.ap .seg button:active,.ap .tabbar>button:active,.ap .optc button:not(:disabled):active,.ap .accbtn:active{transform:scale(.97)}
.ap .ov.drw{justify-content:flex-end;align-items:stretch;padding:0;overflow:hidden}
.ap .ov.drw .md{max-width:560px;height:100vh;margin:0;border-radius:22px 0 0 22px;overflow-y:auto;animation:drawer .3s cubic-bezier(.2,.8,.2,1) both;display:flex;flex-direction:column}
.ap .ov.drw .mb{flex:1}
.ap .ov.drw .md>.mh{border-radius:22px 0 0 0}
.ap .ov.drw .mf{border-radius:0}
@media (max-width:1180px){.ap .dgrid{grid-template-columns:minmax(0,1fr)}
.ap .dcl,.ap .dcr{display:contents}
.ap .o1{order:1}
.ap .o2{order:2}
.ap .o3{order:3}
.ap .o4{order:4}
.ap .o5{order:5}
.ap .o6{order:6}
.ap .o7{order:7}}
@container main (max-width:880px){.ap .dgrid{grid-template-columns:minmax(0,1fr)}
.ap .dcl,.ap .dcr{display:contents}
.ap .o1{order:1}
.ap .o2{order:2}
.ap .o3{order:3}
.ap .o4{order:4}
.ap .o5{order:5}
.ap .o6{order:6}
.ap .o7{order:7}}
@media (max-width:900px){.ap .app{grid-template-columns:minmax(0,1fr)}
.ap .side{display:none}
.ap .main{padding:0 16px calc(96px + env(safe-area-inset-bottom,0px))}
.ap .tabbar{display:flex;justify-content:space-around;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--sf) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ln);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
.ap .tabbar>button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:500;color:var(--ink3);min-width:58px;min-height:48px;justify-content:center}
.ap .tabbar>button.on{color:var(--ink)}
.ap .tabbar svg{width:22px;height:22px}
.ap .tabbar .fab{width:54px;height:54px;min-width:0;border-radius:18px;background:var(--ink);color:var(--sf);margin-top:-22px;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.ap .tabbar .fab svg{width:26px;height:26px}
.ap .top{padding:12px 0 10px}
.ap .top h1{font-size:26px;flex:1 1 auto}
.ap .top .ctl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%}
.ap .top .ctl .accsw{grid-column:1;grid-row:1}
.ap .top .ctl .ib{grid-column:2;grid-row:1}
.ap .top .ctl .persel{grid-column:1/-1;grid-row:2}
.ap .top .ctl .sel{flex:1;min-width:0}
.ap .accbtn{width:100%;max-width:none}
.ap .accm{right:0}
.ap .g2,.ap .g2e,.ap .dgrid{grid-template-columns:minmax(0,1fr)}
.ap .nethead{padding:18px 18px 0}
.ap .stripw{margin-left:0;max-width:none;flex-basis:100%}
.ap .kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 18px 0}
.ap .welcome{grid-template-columns:minmax(0,1fr);padding:28px 20px}
.ap .welcome.w1{padding:24px 18px}
.ap .welcome h2{font-size:28px}
.ap .calg{gap:4px}
.ap .cd{min-height:58px;padding:5px;font-size:11px;border-radius:9px}
.ap .cd .rv{font-size:10.5px;letter-spacing:-.6px;white-space:nowrap}
.ap .cd .wl{display:none}
.ap .cd .n2{display:none}
.ap .dual .tblwrap{display:none}
.ap .dual .tlist{display:block}
.ap .perseg{display:none!important}
.ap .persel{display:block!important;flex:1;min-width:0}
.ap .addbtn,.ap .impbtn{display:none}
.ap .chart text{font-size:10.5px}
.ap .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .acc{grid-template-columns:1fr 1fr}
.ap .acc .del{grid-column:2;justify-self:end}
.ap .ov{padding:0;align-items:flex-end;overflow:hidden}
.ap .ov.cf{padding:16px;align-items:center}
.ap .cf .md{border-radius:22px;animation:pop .22s cubic-bezier(.2,.8,.2,1) both}
.ap .cf .mf{border-radius:0 0 22px 22px;padding-bottom:14px}
.ap .md,.ap .md.wide{border-radius:22px 22px 0 0;max-height:94vh;overflow-y:auto;margin:0;max-width:none;animation:sheet .28s cubic-bezier(.2,.8,.2,1) both}
.ap .md>.mh{border-radius:22px 22px 0 0}
.ap .ov.drw{justify-content:center;align-items:flex-end}
.ap .ov.drw .md{height:auto;max-height:94vh;border-radius:22px 22px 0 0;animation:sheet .28s cubic-bezier(.2,.8,.2,1) both}
.ap .ov.drw .md>.mh{border-radius:22px 22px 0 0}
.ap .colbtn{display:none}
.ap th.mh,.ap td.mh{display:none}
.ap .mf{border-radius:0;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.ap #toast{bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
@media (max-width:520px){.ap td,.ap th{padding-left:8px;padding-right:8px}
.ap .kpi{padding:11px 12px}
.ap .kpi .v{font-size:19px}
.ap .fgrid3{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .pbst{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap .srow{flex-wrap:wrap}
.ap .srow .in,.ap .srow .sel{width:100%}
.ap .sparts{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ap *{transition:none!important;animation:none!important}}
.ap .wkhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px}
.ap .wkt{display:flex;align-items:center;gap:10px;margin-right:auto;min-width:0}
.ap .wkt h2{font:600 18px/1.3 var(--fd);letter-spacing:-.02em;white-space:nowrap}
.ap .wkn{display:flex;gap:6px;flex-wrap:wrap}
.ap .wkn .btn[disabled]{opacity:.35;pointer-events:none}
.ap .wktop{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:flex-end;justify-content:space-between;padding:22px 22px 0}
.ap .wktop .lbl{font-size:13px;color:var(--ink2)}
.ap .wktop .big{font:600 clamp(40px,4.6vw,56px)/1.02 var(--fn);letter-spacing:-.05em;margin-top:4px;white-space:nowrap}
.ap .wkdl{white-space:nowrap}
.ap .wkdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;flex:1 1 300px;max-width:440px}
.ap .wkd{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.ap .wkd .bx{position:relative;width:100%;height:84px;border-radius:9px;background:var(--sf2)}
.ap .wkd .bx::after{content:'';position:absolute;left:6px;right:6px;top:50%;border-top:1px solid var(--ln)}
.ap .wkd .bx b{position:absolute;left:24%;right:24%;border-radius:4px;min-height:2px}
.ap .wkd .bx b.u{bottom:50%;background:var(--win)}
.ap .wkd .bx b.d{top:50%;background:var(--loss)}
.ap .wkd .bx b.z{top:calc(50% - 1px);height:2px;background:var(--be)}
.ap .wkd .wn{font-size:11.5px;color:var(--ink3)}
.ap .wkd.td .wn{color:var(--ink);font-weight:600}
.ap .wkd .wr{font:500 11.5px/1 var(--fn);letter-spacing:-.03em;color:var(--ink2);white-space:nowrap}
.ap .wkd .wr.pos{color:var(--win)}
.ap .wkd .wr.neg{color:var(--loss)}
.ap .wkc .wkcr{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-bottom:6px}
.ap .wkc .wkcr .v{font:600 30px/1.1 var(--fn);letter-spacing:-.04em;white-space:nowrap}
.ap .wkc .wkdays{flex:1 1 200px;gap:4px}
.ap .wkc .wkd .bx{height:52px}
.ap .wkc .btn svg{width:15px;height:15px}
@media (max-width:520px){.ap .wkhead{padding:12px 14px}
.ap .wkt h2{font-size:16px}
.ap .wktop{padding:18px 18px 0}
.ap .wkdays{max-width:none;flex-basis:100%}
.ap .wkd .wr{font-size:10.5px}
.ap .wkd .bx{height:70px}}
.ap .auth{min-height:100vh;background:var(--bg)}
.ap .auw{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ap .auc{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:420px;margin:0 auto;padding:48px 24px;gap:0}
.ap .aub{display:flex;align-items:center;gap:10px;font:700 22px/1 var(--fd);letter-spacing:-.02em;margin-bottom:40px}
.ap .auc h1{font:700 30px/1.15 var(--fd);letter-spacing:-.03em}
.ap .aus{color:var(--ink2);font-size:15px;margin:10px 0 24px}
.ap .auf{display:flex;flex-direction:column;gap:14px}
.ap .auf .btn.full{min-height:48px;font-size:15px;justify-content:center}
.ap .auf .in{min-height:48px;font-size:16px}
.ap .aucode{font:600 24px/1 var(--fn)!important;letter-spacing:.35em;text-align:center}
.ap .augo{gap:10px;background:var(--sf);border:1px solid var(--ln)}
.ap .auor{display:flex;align-items:center;gap:12px;color:var(--ink3);font-size:13px}
.ap .auor::before,.ap .auor::after{content:'';flex:1;border-top:1px solid var(--ln)}
.ap .aum{font-size:14.5px;color:var(--ink2)}
.ap .aum b{color:var(--ink)}
.ap .aulinks{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.ap .aulinks button{font-size:13.5px;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.ap .aulinks button:disabled{opacity:.5;text-decoration:none}
.ap .auc .alert{margin-bottom:14px}
.ap .auinfo{font-size:13.5px;color:var(--ink2);background:var(--sf2);border:1px solid var(--ln2);border-radius:10px;padding:10px 12px;margin-bottom:14px}
.ap .aunote{display:flex;gap:10px;align-items:flex-start;margin-top:20px;font-size:13.5px;color:var(--ink2);background:var(--sf);border:1px solid var(--ln2);border-radius:12px;padding:12px 14px}
.ap .aunote svg{width:18px;height:18px;flex:none;color:var(--br);margin-top:1px}
.ap .aulegal{margin-top:20px;font-size:12.5px;color:var(--ink3);line-height:1.5}
.ap .aulegal a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.ap .auhome{margin-top:28px;align-self:flex-start;font-size:13.5px;color:var(--ink3)}
.ap .auhome:hover{color:var(--ink)}
.ap .auc>.btn.ghost{margin-top:14px;align-self:flex-start}
.ap .aup{background:var(--sf);border-left:1px solid var(--ln);display:flex;align-items:center;justify-content:center;padding:48px;position:relative;overflow:hidden}
.ap .aup::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 50% at 70% 20%,rgba(148,197,204,.16),transparent 70%),radial-gradient(50% 40% at 20% 90%,rgba(180,210,231,.10),transparent 70%)}
.ap .aupi{position:relative;max-width:400px}
.ap .aup h2{font:700 24px/1.2 var(--fd);letter-spacing:-.02em;margin-bottom:22px}
.ap .aup ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.ap .aup li{display:flex;gap:12px;font-size:15px;color:var(--ink2);line-height:1.5}
.ap .aup li b{color:var(--ink);font-weight:600}
.ap .aup li svg{width:20px;height:20px;flex:none;color:var(--br);margin-top:2px}
.ap .avt{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--br);color:var(--brt);font:700 15px/1 var(--f);flex:none}
.ap .avt.sm{width:24px;height:24px;font-size:11.5px}
.ap .sideuser{display:flex;align-items:center;gap:10px;padding:8px 12px 2px;font-size:12.5px;color:var(--ink2);min-width:0}
.ap .sideuser span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:900px){.ap .auw{grid-template-columns:minmax(0,1fr)}
.ap .aup{display:none}
.ap .auc{justify-content:flex-start;padding:40px 20px 32px}
.ap .aub{margin-bottom:32px}
.ap .auc h1{font-size:26px}}
.ap .aulink{display:flex;gap:12px;align-items:flex-start;font-size:15px;background:var(--sf);border:1px solid var(--ln2);border-radius:12px;padding:14px 16px}
.ap .aulink svg{width:20px;height:20px;flex:none;color:var(--br);margin-top:1px}
.ap .aulink b{color:var(--ink)}
.ap .pww{position:relative}
.ap .pww .in{padding-right:76px}
.ap .pwt{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:600;color:var(--ink2);padding:6px 10px;border-radius:8px}
.ap .pwt:hover{color:var(--ink);background:var(--sf2)}
.ap .pwl{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ap .pwl label{font-size:13px;font-weight:500;color:var(--ink2)}
.ap .pwl button{font-size:13px;color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.ap .pwl button:hover,.ap .ausw button:hover{color:var(--ink)}
.ap .ausw{margin-top:22px;font-size:14px;color:var(--ink2)}
.ap .ausw button{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ap .augo{font-weight:600}
.ap .fld>span.hint{color:var(--ink3);font-weight:400;font-size:12.5px}
.ap .shotw,.ap .shotg{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.ap .shot{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--sf2);border:1px solid var(--ln2);display:block;padding:0}
.ap .shot img{width:100%;height:100%;object-fit:cover;display:block}
.ap .shot.miss::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent 0 8px,var(--ln2) 8px 9px)}
.ap button.shot{cursor:zoom-in}
.ap .shot.add{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed;color:var(--ink2);font-size:13px;font-weight:600;text-align:center;padding:8px}
.ap .shot.add svg{width:20px;height:20px}
.ap .shot.add small{font-weight:400;font-size:11.5px;color:var(--ink3)}
.ap .shot.add:hover{border-color:var(--br);color:var(--ink)}
.ap .shot.add.busy{cursor:progress;color:var(--ink3)}
.ap .shx{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:rgba(0,1,0,.72);color:#F8F8F8;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center}
.ap .shx:hover{background:var(--loss)}
.ap .shotlb{position:fixed;inset:0;z-index:300;background:rgba(0,1,0,.88);display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.ap .shotlb.on{display:flex}
.ap .shotlb img{max-width:100%;max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ap .shotlb .xb{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(248,248,248,.12);color:#F8F8F8;font-size:22px}
.ap .shpv{border:1px dashed var(--ln);border-radius:14px;padding:16px}
.ap .shc .facts{margin-top:14px}
.ap .shk{font:700 12px/1 var(--fn);letter-spacing:.1em;text-transform:uppercase;color:var(--br)}
.ap .shm{font-size:14px;color:var(--ink2);margin-top:6px}
.ap .shh4{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:18px 0 6px}
.ap .shby{margin-top:18px;padding-top:12px;border-top:1px solid var(--ln2);font-size:12.5px;color:var(--ink3)}
.ap .shby b{color:var(--ink2)}
.ap .shlink{display:flex;gap:8px}
.ap .shlink .in{flex:1;min-width:0;font:500 13px var(--fn)}
.ap .shacts{display:flex;gap:6px;flex:none}
.ap .shacts svg{width:15px;height:15px}
.ap .pubv{min-height:100vh;background:var(--bg)}
.ap .pubw{max-width:620px;margin:0 auto;padding:20px 16px 48px}
.ap .pubh{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.ap .pubh .aub{margin:0}
.ap .pubcta{margin-top:22px;text-align:center;padding:28px 20px;border-radius:20px;background:var(--sf);border:1px solid var(--ln)}
.ap .pubcta h3{font:700 22px/1.2 var(--fd);letter-spacing:-.02em}
.ap .pubcta p{color:var(--ink2);font-size:14.5px;margin:8px auto 16px;max-width:420px}
.ap .pubcta .btn svg{width:16px;height:16px}
@media (max-width:520px){.ap .mf .shb span{display:none}
.ap .shacts .btn{padding:0 10px}}
.ap .pubh .aub{text-decoration:none;color:var(--ink)}
.ap .prod{padding:6px 0 4px;text-align:left}
.ap .prohd{display:flex;align-items:center;gap:8px;margin:8px 0 14px}
.ap .probadge{display:inline-flex;align-items:center;font:700 12px/1 var(--fn);letter-spacing:.08em;padding:6px 10px;border-radius:8px;background:var(--br);color:var(--brt)}
.ap .probadge.sm{font-size:10px;padding:4px 7px;border-radius:6px;flex:none}
.ap .prod h3{font:700 24px/1.2 var(--fd);letter-spacing:-.02em}
.ap .prop{color:var(--ink2);font-size:14.5px;margin-top:8px}
.ap .proprice{margin-top:14px;font-size:14px;color:var(--mu)}
.ap .proprice b{color:var(--ink);font-size:16px}
.ap .prol{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ap .prol li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--ln2);font-size:14.5px}
.ap .prol li.on{border-color:var(--br);background:var(--brs)}
.ap .prol .pri{width:30px;height:30px;border-radius:9px;background:var(--sf2);display:flex;align-items:center;justify-content:center;flex:none;color:var(--br)}
.ap .prol .pri svg{width:16px;height:16px}
.ap .prolink{font-size:12.5px;color:var(--ink2);font-weight:600}
.ap .prolink:hover{color:var(--ink)}
.ap .proside{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:10px 12px;margin:0 0 8px;border-radius:12px;border:1px solid var(--ln2);background:var(--sf2);width:100%}
.ap .proside:hover{border-color:var(--br)}
.ap .proside b{display:block;font-size:13px}
.ap .proside small{display:block;font-size:11.5px;color:var(--ink3);margin-top:2px;line-height:1.35}
.ap .sideuser{width:100%;text-align:left;border-radius:10px}
.ap .sideuser:hover{background:var(--sf2);color:var(--ink)}
.ap .mtform{display:flex;gap:8px;margin-top:12px}
.ap .mtform .in{flex:1;min-width:0}
.ap .robar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin-bottom:16px;border-radius:14px;background:var(--brs);border:1px solid var(--br);font-size:14px;font-weight:600}
.ap .robar svg{width:18px;height:18px;color:var(--br)}
.ap .robar span{flex:1;min-width:0}
body.ro .addbtn,body.ro .fab,body.ro #sideActs,body.ro .proside{display:none}
.ap .sydot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink3);margin-right:7px;vertical-align:1px;flex:none}
.ap .sydot.on{background:var(--win);box-shadow:0 0 0 3px var(--wins)}
.ap .sydot.bad{background:var(--loss);box-shadow:0 0 0 3px var(--losss)}
.ap .sydot.wait{background:var(--be);box-shadow:0 0 0 3px var(--bes);animation:sypulse 1.2s ease-in-out infinite}
@keyframes sypulse{50%{opacity:.35}}
.ap .sytag{display:inline-flex;align-items:center}
.ap .sytag .sydot{width:6px;height:6px;margin-right:5px;box-shadow:none}
.ap .syimp{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ap .syimp b{font-size:14px}
.ap .syimp .hint{margin-top:2px}
.ap .sylnk{font-size:13px;color:var(--br);text-decoration:underline;text-underline-offset:3px;padding:0}
.ap .aip{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);z-index:45;background:var(--sf);border-left:1px solid var(--ln);display:flex;flex-direction:column;overflow:hidden;
 transform:translateX(104%);opacity:.4;visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,box-shadow .5s,visibility 0s linear .5s}
.ap .aip.on{transform:none;opacity:1;visibility:visible;box-shadow:-30px 0 80px -30px rgba(0,1,0,.45);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease,box-shadow .5s,visibility 0s}
.ap .aip::before{content:"";position:absolute;inset:-120px -80px auto auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(148,197,204,.22),transparent 65%);pointer-events:none;opacity:0;transition:opacity .9s ease .15s}
.ap .aip.on::before{opacity:1}
.ap .aip>*{position:relative}
body.aion .main{padding-right:472px}
.ap .aip.on .aiph{animation:aiup .5s cubic-bezier(.22,1,.36,1) both}
.ap .aip.on .aihello{animation:aiup .6s cubic-bezier(.22,1,.36,1) .08s both}
.ap .aip.on .aiideas>*{animation:aiup .55s cubic-bezier(.22,1,.36,1) both}
.ap .aip.on .aiideas>*:nth-child(1){animation-delay:.16s}
.ap .aip.on .aiideas>*:nth-child(2){animation-delay:.22s}
.ap .aip.on .aiideas>*:nth-child(3){animation-delay:.28s}
.ap .aip.on .aiideas>*:nth-child(4){animation-delay:.34s}
.ap .aip.on .aipc{animation:aiup .55s cubic-bezier(.22,1,.36,1) .2s both}
@keyframes aiup{from{opacity:0;transform:translateY(14px)}}
.ap .aip.on .aihello .aimk{animation:aipop .7s cubic-bezier(.34,1.56,.64,1) .1s both}
.ap .aip.on .aihello .aimk rect:not(.bg){animation:aigrow .7s cubic-bezier(.22,1,.36,1) both}
.ap .aip.on .aihello .aimk .b1{animation-delay:.3s}
.ap .aip.on .aihello .aimk .b2{animation-delay:.38s}
.ap .aip.on .aihello .aimk .b3{animation-delay:.46s}
@keyframes aipop{from{opacity:0;transform:scale(.6) rotate(-8deg)}}
@keyframes aigrow{from{transform:scaleY(0)}}
.ap .aiidea{position:relative}
.ap .aiidea:hover{transform:translateY(-1px)}
.ap .aiidea svg{transition:transform .2s}
.ap .aiidea:hover svg{transform:translateX(3px);color:var(--br)}
.ap .aiside{transition:border-color .2s,background .2s}
.ap .aiside.on{border-color:var(--br);background:var(--brs)}
@media (max-width:1180px){body.aion .main{padding-right:0}}
.ap .aiph{display:flex;align-items:center;gap:10px;padding:14px 12px 14px 18px;border-bottom:1px solid var(--ln2)}
.ap .aipt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.ap .aipt b{font-family:var(--fd);font-size:16px;letter-spacing:-.01em}
.ap .aipt small{font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .aiib{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ink2)}
.ap .aiib:hover{background:var(--sf2);color:var(--ink)}
.ap .aiib svg,.ap .aisend svg,.ap .aiidea svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ap .aimk{width:32px;height:32px;flex:none;display:inline-block}
.ap .aimk svg{width:100%;height:100%;display:block}
.ap .aimk .bg{fill:#94C5CC}
.ap .aimk rect:not(.bg){fill:#000100;transform-box:fill-box;transform-origin:50% 100%}
.ap .aimk.think .b1{animation:aibar .9s ease-in-out infinite}
.ap .aimk.think .b2{animation:aibar .9s ease-in-out .15s infinite}
.ap .aimk.think .b3{animation:aibar .9s ease-in-out .3s infinite}
@keyframes aibar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.35)}}
.ap .aimk.big{width:52px;height:52px}
.ap .aipm{flex:1;overflow-y:auto;padding:18px 18px 8px;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain}
.ap .aihello{padding:18px 4px 6px}
.ap .aihello h3{font-family:var(--fd);font-size:22px;letter-spacing:-.02em;margin-top:14px}
.ap .aihello p{color:var(--ink2);font-size:14.5px;line-height:1.55;margin-top:6px}
.ap .aiideas{display:flex;flex-direction:column;gap:8px}
.ap .aiideas>small{font-size:12px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;margin:6px 4px 2px}
.ap .aiidea{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;text-align:left;padding:12px 14px;border:1px solid var(--ln);border-radius:14px;transition:border-color .15s,background .15s,transform .15s}
.ap .aiidea:hover{border-color:var(--br);background:var(--brs)}
.ap .aiidea:active{transform:scale(.99)}
.ap .aiidea svg{grid-row:1/3;grid-column:2;color:var(--ink3)}
.ap .aiik{display:flex;gap:8px;align-items:baseline;font-size:12px;color:var(--ink3);min-width:0}
.ap .aiik span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .aiiq{font-size:14px;font-weight:500;color:var(--ink);line-height:1.4}
.ap .air{font-family:var(--fn);font-weight:600;white-space:nowrap}
.ap .air.p{color:var(--win)}
.ap .air.n{color:var(--loss)}
.ap .aim{display:flex;gap:10px;align-items:flex-start;animation:aiin .25s ease-out}
@keyframes aiin{from{opacity:0;transform:translateY(4px)}}
.ap .aim.u{justify-content:flex-end}
.ap .aim.u>div{max-width:85%;background:var(--sf2);border:1px solid var(--ln);padding:9px 13px;border-radius:16px 16px 4px 16px;font-size:14.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.ap .aim.a .aimk{width:26px;height:26px;margin-top:1px}
.ap .aimb{flex:1;min-width:0;font-size:14.5px;line-height:1.6;color:var(--ink)}
.ap .aimb p+p,.ap .aimb p+ul,.ap .aimb p+ol,.ap .aimb ul+p,.ap .aimb ol+p{margin-top:8px}
.ap .aimb ul,.ap .aimb ol{padding-left:20px}
.ap .aimb li{margin:3px 0}
.ap .aimb li::marker{color:var(--ink3)}
.ap .aim.e{align-self:center;font-size:13px;color:var(--loss);background:var(--losss);padding:8px 12px;border-radius:10px}
.ap .aicur{display:inline-block;width:7px;height:15px;background:var(--br);border-radius:2px;vertical-align:-2px;margin-left:2px;animation:aiblink 1s steps(2) infinite}
@keyframes aiblink{50%{opacity:0}}
.ap .aidots{display:inline-flex;gap:5px;padding:8px 0}
.ap .aidots i{width:6px;height:6px;border-radius:50%;background:var(--ink3);animation:aidot 1s infinite}
.ap .aidots i:nth-child(2){animation-delay:.15s}
.ap .aidots i:nth-child(3){animation-delay:.3s}
@keyframes aidot{50%{opacity:.25;transform:translateY(-2px)}}
.ap .aiacts{margin-top:6px;opacity:0;transition:opacity .15s}
.ap .aim.a:hover .aiacts{opacity:1}
.ap .aiacts button{font-size:12px;color:var(--ink3);padding:2px 0}
.ap .aiacts button:hover{color:var(--ink)}
.ap .aifol{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ap .aifol button{font-size:13px;padding:7px 12px;border-radius:99px;border:1px solid var(--ln);color:var(--ink2);text-align:left;transition:border-color .15s,color .15s}
.ap .aifol button:hover{border-color:var(--br);color:var(--ink)}
.ap .aipc{padding:10px 14px 14px;border-top:1px solid var(--ln2)}
.ap .aicomp{display:flex;align-items:flex-end;gap:8px;border:1px solid var(--ln);border-radius:20px;padding:6px 6px 6px 14px;background:var(--sf);transition:border-color .15s,box-shadow .15s}
.ap .aicomp:focus-within{border-color:var(--br);box-shadow:0 0 0 3px var(--brs)}
.ap .aicomp textarea{flex:1;border:0;outline:0;background:none;resize:none;font:inherit;font-size:14.5px;line-height:1.45;color:var(--ink);padding:7px 0;max-height:160px}
.ap .aisend{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--sf);display:grid;place-items:center;flex:none;transition:opacity .15s}
.ap .aisend:disabled{opacity:.35}
.ap .aift{font-size:11.5px;color:var(--ink3);margin-top:8px;text-align:center}
@media (max-width:900px){.ap .aip{width:100vw;border-left:0;transform:translateY(100%);opacity:1;padding-bottom:env(safe-area-inset-bottom)}
.ap .aip.on{transform:none;box-shadow:none}
body.aion .main{padding-right:0}
body.aion{overflow:hidden}
.ap .aiacts{opacity:1}}
.ap .aiside .aimk{width:26px;height:26px}
.ap .addfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 2px 4px;font-size:13px;color:var(--ink3)}
.ap .lnkb{font-size:13px;font-weight:600;color:var(--br);padding:4px 0}
.ap .lnkb:hover{text-decoration:underline;text-underline-offset:3px}
.ap .imdrop{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 18px;border:1.5px dashed var(--ln);border-radius:16px;background:var(--sf2);text-align:center;transition:border-color .15s,background .15s,transform .15s}
.ap .imdrop:hover,.ap .imdrop.over{border-color:var(--br);background:var(--brs)}
.ap .imdrop.over{transform:scale(1.01)}
.ap .imdrop .imdi{width:46px;height:46px;border-radius:14px;background:var(--sf);border:1px solid var(--ln);display:grid;place-items:center;color:var(--br);margin-bottom:4px}
.ap .imdrop .imdi svg{width:22px;height:22px}
.ap .imdrop b{font-size:15px}
.ap .imdrop>span:last-child{font-size:13px;color:var(--ink3)}
.ap .imhow{margin-top:18px}
.ap .imhh{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.ap .imhh h4{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.ap .imseg button{font-size:12.5px;padding:6px 10px}
.ap .imsteps{margin-top:4px}
.ap .imfaq{border-top:1px solid var(--ln2);padding:12px 0 0;margin-top:12px}
.ap .imfaq summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--ink2);list-style:none;display:flex;justify-content:space-between}
.ap .imfaq summary::after{content:"+";color:var(--ink3);font-weight:400}
.ap .imfaq[open] summary::after{content:"−"}
.ap .imfaq p{font-size:13.5px;color:var(--ink2);line-height:1.55;margin-top:8px}
.ap .demobar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;border-radius:16px;border:1px solid var(--be);background:var(--bes)}
.ap .demobar .dbi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sf);color:var(--be);flex:none}
.ap .demobar .dbi svg{width:18px;height:18px}
.ap .demobar .dbt{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}
.ap .demobar .dbt b{font-size:14.5px}
.ap .demobar .dbt span{font-size:13.5px;color:var(--ink2);line-height:1.45}
.ap .demobar .dba{display:flex;gap:8px;flex-wrap:wrap}
.ap .tour{position:fixed;inset:0;z-index:70;opacity:0;transition:opacity .25s}
.ap .tour.on{opacity:1}
.ap .thole{position:fixed;border-radius:18px;box-shadow:0 0 0 9999px rgba(0,1,0,.62),0 0 0 2px var(--br);transition:left .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1);pointer-events:none}
.ap .tcard{position:fixed;background:var(--sf);border:1px solid var(--ln);border-radius:18px;padding:18px 18px 14px;box-shadow:0 24px 60px -20px rgba(0,1,0,.55);transition:left .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1);animation:aiup .4s cubic-bezier(.22,1,.36,1)}
.ap .tcard.sheet{left:12px!important;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));top:auto!important;width:auto!important}
.ap .tstep{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--br)}
.ap .tcard h3{font-family:var(--fd);font-size:18px;letter-spacing:-.01em;margin-top:4px}
.ap .tcard p{font-size:14px;line-height:1.55;color:var(--ink2);margin-top:6px}
.ap .tfoot{display:flex;align-items:center;gap:10px;margin-top:14px}
.ap .tskip{font-size:13px;color:var(--ink3)}
.ap .tskip:hover{color:var(--ink)}
.ap .tdots{flex:1;display:flex;gap:5px;justify-content:center}
.ap .tdots i{width:6px;height:6px;border-radius:50%;background:var(--ln);transition:background .2s,width .2s}
.ap .tdots i.on{background:var(--br);width:16px;border-radius:3px}
.ap .tbtns{display:flex;gap:6px}
.ap .rinfo{font-size:11.5px;font-weight:600;color:var(--br);border:1px solid var(--ln);border-radius:99px;padding:1px 8px;margin-left:6px;vertical-align:1px}
.ap .rinfo:hover{border-color:var(--br);background:var(--brs)}
.ap .rinfo-b p{font-size:14.5px;line-height:1.6;color:var(--ink2)}
.ap .rex{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.ap .rex>div{border:1px solid var(--ln);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.ap .rex span{font-size:12px;color:var(--ink3)}
.ap .rex b{font-family:var(--fn);font-size:14px}
.ap .rex b.pos{color:var(--win)}
.ap .rex b.neg{color:var(--loss)}
@media (max-width:520px){.ap .rex{grid-template-columns:1fr}}
.ap .welq{margin-top:20px}
.ap .wqh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ap .wqh .wn{width:22px;height:22px;border-radius:50%;background:var(--brs);color:var(--br);font:700 12px/22px var(--fn);text-align:center;flex:none;align-self:center}
.ap .wqh b{font-size:15.5px}
.ap .wqh small{font-size:13px;color:var(--ink3)}
.ap .wtypes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ap .wtype{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 14px;border:1px solid var(--ln);border-radius:14px;transition:border-color .15s,background .15s,box-shadow .15s}
.ap .wtype b{font-size:14.5px}
.ap .wtype span{font-size:12.5px;color:var(--ink3);line-height:1.4}
.ap .wtype:hover{border-color:var(--br)}
.ap .wtype.on{border-color:var(--br);background:var(--brs);box-shadow:0 0 0 3px var(--brs)}
.ap .welr{margin-top:12px;padding:14px;border:1px solid var(--ln);border-radius:14px;background:var(--sf2);animation:aiup .35s cubic-bezier(.22,1,.36,1)}
.ap .welr .hint{font-size:12.5px;margin-bottom:10px}
.ap .pctin{position:relative;display:block}
.ap .pctin i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--ink3);font-size:13px;pointer-events:none}
.ap .welq .optc{margin-top:0}
@media (max-width:640px){.ap .wtypes{grid-template-columns:1fr}}
.ap .wsync{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;border:1px solid var(--ln);border-radius:14px;background:var(--sf2)}
.ap .wsync .wsn{flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .wsync .wsst{display:block;font-size:12.5px;font-weight:500;color:var(--ink3);margin-top:2px;overflow:hidden;text-overflow:ellipsis}
.ap .axhead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin-bottom:16px;flex-wrap:wrap}
.ap .axsum{display:flex;gap:32px;flex-wrap:wrap}
.ap .axsum span{display:block;font-size:12.5px;color:var(--ink3);margin-bottom:2px}
.ap .axsum b{font-size:22px;font-weight:700;letter-spacing:-.02em}
.ap .axgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.ap .acx{padding:20px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;animation:cardin .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*70ms)}
.ap .acx.arch{opacity:.7}
.ap .acx1{display:flex;align-items:center;gap:12px}
.ap .acxi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font:700 17px var(--fd);background:var(--brs);color:var(--br);flex:none}
.ap .acxn{min-width:0;flex:1}
.ap .acxn b{display:block;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .acxn small{display:block;font-size:12.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap .acxb>span{font-size:12.5px;color:var(--ink3)}
.ap .acxv{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2}
.ap .acxp{font-size:13.5px;font-weight:600;margin-top:2px}
.ap .acxp span{font-weight:500;opacity:.85}
.ap .acxsp{display:block;width:100%;height:56px;overflow:visible}
.ap .acxsp.none{height:auto;font-size:12.5px;color:var(--ink3);padding:18px 0;text-align:center;border:1px dashed var(--ln);border-radius:12px}
.ap .acxsp .ln{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.ap svg.acxsp{clip-path:inset(0 100% 0 0);animation:reveal 1.2s cubic-bezier(.4,0,.2,1) .15s forwards}
@keyframes reveal{to{clip-path:inset(0 0 0 0)}}
.ap .acxsp.w .ln{stroke:var(--win)}
.ap .acxsp.l .ln{stroke:var(--loss)}
.ap .acxsp .ar{opacity:1}
.ap .acxsp.w .ar{fill:var(--wins)}
.ap .acxsp.l .ar{fill:var(--losss)}
@keyframes draw{to{stroke-dashoffset:0}}
.ap .acxs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0 0;border-top:1px solid var(--ln2)}
.ap .acxs span{display:block;font-size:11.5px;color:var(--ink3)}
.ap .acxs b{font-size:14.5px;font-weight:650}
.ap .acxr{font-size:12.5px;color:var(--ink2);background:var(--sf2);border-radius:10px;padding:8px 10px}
.ap .acxf{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.ap .axdedup{margin-top:18px}
.ap .axarc{margin-top:18px}
.ap .axarc .axgrid{margin-top:12px}
.ap .setacc{display:flex;align-items:center;gap:14px;padding:18px 20px;text-align:left;width:100%;transition:border-color .2s,transform .2s}
.ap .setacc:hover{border-color:var(--br);transform:translateY(-1px)}
.ap .setacc>span:nth-child(2){flex:1}
.ap .setacc b{display:block;font-size:15.5px}
.ap .setacc small{display:block;font-size:13px;color:var(--ink3)}
.ap .setacc>svg{width:18px;height:18px;color:var(--ink3)}
.ap .sai{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brs);color:var(--br)}
.ap .sai svg{width:20px;height:20px}
@media (max-width:700px){.ap .axgrid{grid-template-columns:1fr}
.ap .acxs{grid-template-columns:repeat(2,1fr);row-gap:10px}
.ap .axsum{gap:20px}
.ap .axhead .btn{width:100%;justify-content:center}}
.ap .ib.sm{width:36px;height:36px;border-radius:10px}
.ap .ib.sm svg{width:16px;height:16px}
.ap .acx1 .ib{margin-left:auto}
.ap .acx1 .tag+.ib{margin-left:4px}
.ap .acx1 .tag{margin-left:auto}
.ap .acxf .btn{flex:1;justify-content:center}
.ap .ov.ctr{align-items:center}
.ap .ov.ctr .md{margin:0;animation:popc .42s cubic-bezier(.2,1.1,.3,1) both}
@keyframes popc{from{opacity:0;transform:translateY(16px) scale(.94)}}
.ap .tdh{position:relative;margin:16px 0 4px;padding:20px 22px;border-radius:18px;background:var(--sf2);overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center}
.ap .tdh::before{content:"";position:absolute;inset:-60% -20% auto auto;width:70%;height:200%;background:radial-gradient(circle at 70% 30%,var(--g,transparent),transparent 60%);pointer-events:none;opacity:.9}
.ap .tdh.win{--g:rgba(74,222,128,.16)}
.ap .tdh.loss{--g:rgba(248,113,113,.15)}
.ap .tdh.be{--g:rgba(251,191,36,.14)}
.ap .tdh>*{position:relative}
.ap .tdh1{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ap .tdh1 .sym{font:700 22px var(--fd);letter-spacing:-.02em}
.ap .tdh2{grid-row:span 2;text-align:right}
.ap .tdh2 .rv{font:600 40px/1 var(--fn);letter-spacing:-.04em}
.ap .tdh2 .pn{font:600 15px var(--fn);margin-top:6px}
.ap .tdh3{font-size:13.5px;color:var(--ink3)}
.ap .tdbe{grid-column:1/-1;font-size:12.5px;color:var(--be);background:var(--bes);border-radius:10px;padding:7px 10px;margin-top:6px}
.ap .shb svg{width:17px;height:17px}
.ap .btn.dan.ghost{border-color:transparent;color:var(--loss)}
.ap .shs{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:26px;padding:18px 0 6px;align-items:start}
.ap .shsp{position:relative;border-radius:18px;overflow:hidden;background:#030405;border:1px solid var(--ln);box-shadow:0 20px 60px rgba(0,0,0,.35);animation:popc .5s cubic-bezier(.2,1.1,.3,1) .05s both}
.ap .shsp.story{aspect-ratio:9/16}
.ap .shsp.square{aspect-ratio:1}
.ap .shsp img{display:block;width:100%;height:100%;object-fit:cover}
.ap .shsl{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%) #0b0c0e;background-size:200% 100%;animation:shim 1.2s linear infinite;transition:opacity .3s;pointer-events:none}
@keyframes shim{to{background-position:-200% 0}}
.ap .shsc{display:flex;flex-direction:column;gap:16px}
.ap .shsf{align-self:flex-start}
.ap .shsb{display:flex;flex-direction:column;gap:8px}
.ap .shsb .btn{justify-content:center}
.ap .shsb svg{width:17px;height:17px}
@media (max-width:700px){.ap .shs{grid-template-columns:1fr}
.ap .shsp.story{max-width:230px;margin:0 auto}
.ap .shsp.square{max-width:300px;margin:0 auto;width:100%}
.ap .tdh2 .rv{font-size:32px}}
.ap .rrc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}
.ap .rrc .chip{min-width:62px;justify-content:center;font:600 13.5px var(--fn);letter-spacing:-.02em}
.ap .rrx{display:inline-flex;align-items:center;gap:2px;min-height:38px;border:1px solid var(--ln);border-radius:999px;padding:0 6px 0 13px;background:var(--sf);font:600 13.5px var(--fn);color:var(--ink2);transition:border-color .15s}
.ap .rrx input{width:64px;border:0;background:none;outline:none;font:inherit;color:var(--ink);padding:6px 4px}
.ap .rrx input::placeholder{font-family:var(--f);font-weight:500;color:var(--ink3)}
.ap .rrx.on{border-color:var(--ink);color:var(--ink)}
.ap .rrx:focus-within{border-color:var(--br)}
.ap .vin .gbar,.ap .vin .meter b{animation:grow .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:left center}
@keyframes grow{from{transform:scaleX(0)}}
.ap .vin .ring .rg{animation:ringin 1.2s cubic-bezier(.2,.8,.2,1) .1s both}
@keyframes ringin{from{stroke-dasharray:0 377}}
.ap .vin .card .srow[style*="--n"]{animation:rowin .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n)*32ms + .12s)}
@keyframes rowin{from{opacity:0;transform:translateX(-8px)}}
.ap .vin tbody tr{animation:rowin .45s cubic-bezier(.2,.8,.2,1) both}
.ap .vin tbody tr:nth-child(2){animation-delay:.04s}
.ap .vin tbody tr:nth-child(3){animation-delay:.08s}
.ap .vin tbody tr:nth-child(4){animation-delay:.12s}
.ap .vin tbody tr:nth-child(5){animation-delay:.16s}
.ap .vin tbody tr:nth-child(n+6){animation-delay:.2s}
@media (hover:hover){.ap .card{transition:border-color .25s,box-shadow .25s}
.ap .g2e>.card:hover,.ap .stack>.card:hover,.ap .acx:hover{border-color:color-mix(in srgb,var(--br) 35%,var(--ln))}}
@media (prefers-reduced-motion:reduce){.ap .vin .gbar,.ap .vin .meter b,.ap .vin .ring .rg,.ap .vin .card .srow,.ap .vin tbody tr,.ap .acx,.ap svg.acxsp{animation:none!important;clip-path:none!important;opacity:1!important}}
:root[data-theme=dark] .ap .tabbar{background:rgba(10,11,13,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.ap .top{background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
@media (max-width:900px){.ap .top .ctl:has(>.ib:only-child){width:auto;display:flex}}
.ap .top{margin:0 -32px;padding-left:32px;padding-right:32px}
@media (max-width:900px){.ap .top{margin:0 -16px;padding-left:16px;padding-right:16px}}
:root{--au1:rgba(47,125,136,.30);--au2:rgba(99,102,241,.18);--au3:rgba(56,189,248,.12);--glass:rgba(255,255,255,.72);--glassb:rgba(16,24,40,.07);--spot:rgba(47,125,136,.09)}
:root[data-theme=dark]{--au1:rgba(148,197,204,.30);--au2:rgba(129,140,248,.17);--au3:rgba(148,197,204,.10);--glass:rgba(14,15,18,.62);--glassb:rgba(255,255,255,.075);--spot:rgba(148,197,204,.10)}
.ap .app{position:relative;isolation:isolate;background:var(--bg)}
.ap .app::before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;will-change:transform;
 background:radial-gradient(32% 30% at 78% 18%,var(--au1),transparent 70%),radial-gradient(30% 28% at 18% 82%,var(--au2),transparent 70%),radial-gradient(26% 26% at 52% 48%,var(--au3),transparent 70%),radial-gradient(22% 22% at 92% 88%,var(--au3),transparent 70%);
 animation:aurora 26s ease-in-out infinite alternate}
@keyframes aurora{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-4%,3%,0) rotate(6deg) scale(1.05)}100%{transform:translate3d(4%,-2%,0) rotate(-4deg) scale(1.02)}}
.ap .card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0) 40%),var(--glass);border-color:var(--glassb);position:relative}
:root:not([data-theme=dark]) .ap .card{box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -18px rgba(16,24,40,.18)}
:root[data-theme=dark] .ap .card{box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 20px 50px -30px rgba(0,0,0,.8)}
.ap .side{background:color-mix(in srgb,var(--sf) 62%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-right-color:var(--glassb)}
.ap .kpi{background:color-mix(in srgb,var(--sf2) 70%,transparent)}
.ap .card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),var(--spot),transparent 45%)}
@media (hover:hover){.ap .card:hover::after{opacity:1}}
.ap .vin .strip .sb b.u{animation:riseu .6s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:bottom}
.ap .vin .strip .sb b.d{animation:riseu .6s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:top}
@keyframes riseu{from{transform:scaleY(0);opacity:.3}}
.ap .vin #dayC rect{animation:riseu .6s cubic-bezier(.2,.9,.3,1.15) both;transform-box:fill-box;transform-origin:bottom}
.ap .vin #dayC rect.dn{transform-origin:top}
.ap .vin .eql{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.5s cubic-bezier(.45,0,.2,1) .3s forwards}
.ap .vin .eqa{animation:fadein 1s ease 1.1s both}
.ap .vin .eqm{animation:fadein .6s ease 1.6s both}
@keyframes fadein{from{opacity:0}}
.ap .vin .ring .rg{animation:ringin 1.6s cubic-bezier(.3,0,.15,1) .25s both}
:root[data-theme=dark] .ring .rg{filter:drop-shadow(0 0 6px rgba(148,197,204,.45))}
.ap .vin .ring .rc b{animation:ringpop .5s cubic-bezier(.2,1.4,.4,1) 1.7s both}
@keyframes ringpop{50%{transform:scale(1.08)}}
.ap .vin .kpi{animation:cardin .55s cubic-bezier(.2,.8,.2,1) both}
.ap .vin .kpi:nth-child(2){animation-delay:.06s}
.ap .vin .kpi:nth-child(3){animation-delay:.12s}
.ap .vin .kpi:nth-child(4){animation-delay:.18s}
.ap .vin .kpi:nth-child(5){animation-delay:.24s}
.ap .vin .kpi:nth-child(6){animation-delay:.3s}
.ap .vin .tlist .tc{animation:rowin .45s cubic-bezier(.2,.8,.2,1) both}
.ap .vin .tlist .tc:nth-child(2){animation-delay:.05s}
.ap .vin .tlist .tc:nth-child(3){animation-delay:.1s}
.ap .vin .tlist .tc:nth-child(4){animation-delay:.15s}
.ap .vin .tlist .tc:nth-child(n+5){animation-delay:.2s}
.ap .vin .ins{animation:rowin .5s cubic-bezier(.2,.8,.2,1) both}
.ap .vin .ins:nth-child(2){animation-delay:.08s}
.ap .vin .ins:nth-child(n+3){animation-delay:.16s}
.ap .vin .card{animation:cardin .6s cubic-bezier(.16,1,.3,1) both}
@keyframes cardin{from{opacity:0;transform:translateY(16px) scale(.985)}}
.ap .acxp .k{color:var(--ink3);font-weight:500}
@media (prefers-reduced-motion:reduce){.ap .app::before,.ap .vin .strip .sb b,.ap .vin #dayC rect,.ap .vin .eql,.ap .vin .eqa,.ap .vin .eqm,.ap .vin .kpi,.ap .vin .tlist .tc,.ap .vin .ins,.ap .vin .ring .rc b{animation:none!important;stroke-dasharray:none!important}}
.ap .netcard{overflow:hidden}
.ap .netcard::before{content:"";position:absolute;inset:-40% auto auto -15%;width:60%;height:120%;pointer-events:none;background:radial-gradient(closest-side,var(--ng,transparent),transparent);opacity:.9;animation:fadein 1.4s ease both}
.ap .netcard:has(.big.pos){--ng:rgba(21,128,61,.13)}
.ap .netcard:has(.big.neg){--ng:rgba(220,38,38,.11)}
:root[data-theme=dark] .ap .netcard:has(.big.pos){--ng:rgba(74,222,128,.17)}
:root[data-theme=dark] .ap .netcard:has(.big.neg){--ng:rgba(248,113,113,.15)}
.ap .netcard>*{position:relative}
.ap .splash{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:var(--bg);overflow:hidden;transition:opacity .5s ease,visibility .5s}
.ap .splash::before{content:"";position:absolute;inset:-25%;background:radial-gradient(30% 28% at 70% 30%,var(--au1),transparent 70%),radial-gradient(28% 26% at 30% 72%,var(--au2),transparent 70%);animation:aurora 14s ease-in-out infinite alternate}
.ap .splash.out{opacity:0;visibility:hidden}
.ap .splash.out .spl{transform:scale(1.06);opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s}
.ap .spl{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;animation:splin .7s cubic-bezier(.2,1.2,.3,1) both}
.ap .spl svg{filter:drop-shadow(0 14px 34px rgba(148,197,204,.45))}
.ap .spl path{fill:none;stroke:#000100;stroke-width:3.4;stroke-linecap:round;transform-box:fill-box;transform-origin:bottom;animation:splbar 1s ease-in-out infinite}
.ap .spl .b2{animation-delay:.14s}
.ap .spl .b3{animation-delay:.28s}
@keyframes splbar{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
.ap .spl b{font:700 26px var(--fd);letter-spacing:-.02em;color:var(--ink)}
.ap .splbar{display:block;width:132px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden;margin-top:4px}
.ap .splbar span{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,var(--br),transparent);animation:splslide 1.1s ease-in-out infinite}
@keyframes splslide{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
@keyframes splin{from{opacity:0;transform:scale(.88) translateY(10px)}}
.ap .skel{position:relative;overflow:hidden;border-color:var(--glassb)}
.ap .skel::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--ink) 6%,transparent) 50%,transparent 80%);background-size:220% 100%;animation:skel 1.3s linear infinite}
@keyframes skel{from{background-position:120% 0}to{background-position:-120% 0}}
.ap .skelw .dcl,.ap .skelw .dcr{display:flex;flex-direction:column;gap:16px}
:root:not([data-theme=dark]){--au1:rgba(47,125,136,.30);--au2:rgba(129,140,248,.24);--au3:rgba(56,189,248,.18);--au4:rgba(251,146,60,.12);--glass:rgba(255,255,255,.8);--glassb:rgba(16,24,40,.065);--spot:rgba(47,125,136,.10);--dot:rgba(16,24,40,.09)}
:root[data-theme=dark]{--au4:rgba(129,140,248,.08);--dot:rgba(255,255,255,.045)}
.ap .app::before{background:radial-gradient(32% 30% at 78% 18%,var(--au1),transparent 70%),radial-gradient(30% 28% at 18% 82%,var(--au2),transparent 70%),radial-gradient(26% 26% at 52% 48%,var(--au3),transparent 70%),radial-gradient(24% 22% at 88% 86%,var(--au4),transparent 70%),radial-gradient(20% 20% at 30% 20%,var(--au3),transparent 70%)}
.ap .app::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 75% 65% at 60% 10%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 75% 65% at 60% 10%,#000 20%,transparent 75%)}
:root:not([data-theme=dark]) .ap .app{background:linear-gradient(180deg,#F6F8FA,#EEF2F5)}
:root:not([data-theme=dark]) .ap .card{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(16,24,40,.04),0 16px 40px -22px rgba(30,60,90,.28)}
:root:not([data-theme=dark]) .ap .side{background:rgba(255,255,255,.55)}
:root:not([data-theme=dark]) .ap .kpi{background:rgba(255,255,255,.6);border-color:rgba(16,24,40,.06)}
:root:not([data-theme=dark]) .ap .netcard:has(.big.pos){--ng:rgba(34,197,94,.20)}
:root:not([data-theme=dark]) .ap .netcard:has(.big.neg){--ng:rgba(239,68,68,.16)}
:root:not([data-theme=dark]) .ap .nav.on{background:linear-gradient(135deg,#0B0C0E,#1F2A30);box-shadow:0 8px 20px -10px rgba(16,24,40,.6)}
:root:not([data-theme=dark]) .ap .btn.pri{background:linear-gradient(135deg,#0B0C0E,#22313A);box-shadow:0 8px 20px -12px rgba(16,24,40,.7)}
@media (hover:hover){.ap .g2e>.card,.ap .dcl>.card,.ap .dcr>.card,.ap .acx{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .25s}
.ap .g2e>.card:hover,.ap .dcl>.card:hover,.ap .dcr>.card:hover,.ap .acx:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){.ap .splash::before,.ap .skel::before{animation:none}}
.ap .syact{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.ap .syact .btn svg{width:16px;height:16px}
.ap .sycode{font:500 12px var(--fn);color:var(--ink3);letter-spacing:.02em}
.ap .a2l{margin:14px 0 4px;padding-left:22px;display:grid;gap:10px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ap .a2l b{font-weight:600}
.ap .addopts .rec{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.01em;vertical-align:1px;background:color-mix(in srgb,var(--br) 18%,transparent);color:var(--br)}
.ap .ffirst{display:grid;gap:3px;margin:14px 0 2px;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--br) 40%,transparent);background:color-mix(in srgb,var(--br) 8%,transparent)}
.ap .ffirst .ffk{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--br)}
.ap .ffirst b{font-size:15px}
.ap .ffirst span:last-child{font-size:13.5px;color:var(--ink2);line-height:1.45}
.ap .fadv{margin-top:14px;border-top:1px solid var(--ln2);padding-top:12px}
.ap .fadv summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--ink2);list-style:none;display:flex;align-items:center;gap:8px}
.ap .fadv summary::-webkit-details-marker{display:none}
.ap .fadv summary:before{content:'+';display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;border:1px solid var(--ln2);font-size:14px;line-height:1}
.ap .fadv[open] summary:before{content:'−'}
.ap .fadv .fgrid{margin-top:12px}
.ap .evw{max-width:560px;margin:8px auto 20px;text-align:center;padding:36px 28px;display:grid;justify-items:center;gap:10px}
.ap .evw .evi{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--glass,rgba(255,255,255,.04));border:1px solid var(--ln2);color:var(--br)}
.ap .evw .evi svg{width:24px;height:24px}
.ap .evw h2{font-size:21px;margin:6px 0 0}
.ap .evw p{color:var(--ink2);font-size:14.5px;line-height:1.55;max-width:420px;margin:0}
.ap .evw .eva{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.site{color-scheme:dark;--win:#4ADE80;--bg:#000100;--bg2:#08090B;--card:#111317;--card2:#1B1E24;--line:rgba(148,197,204,.13);--line2:rgba(148,197,204,.28);--tx:#F8F8F8;--mu:#A1A6B4;--lime:#94C5CC;--sage:#B4D2E7;--olive:#5E8D94;--loss:#F87171;--disp:'Bricolage Grotesque',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
.site *{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.site{margin:0;background:var(--bg);color:var(--tx);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.site a{color:inherit;text-decoration:none}
.site button,.site input,.site textarea{font:inherit;color:inherit}
.site button{cursor:pointer}
.site [hidden]{display:none !important}
.site :focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:10px}
.site .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.site .pos{color:var(--win)}
.site .neg{color:var(--loss)}
.site .mu{color:var(--mu)}
.site .ml{margin-left:auto}
.site .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.site .logo{display:flex;align-items:center;gap:10px;font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.02em}
.site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:12px;font-weight:600;font-size:15px;border:1px solid transparent;background:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}
.site .btn-p{background:var(--lime);color:#000100}
.site .btn-p:hover{background:#B4D2E7;transform:translateY(-1px);box-shadow:0 10px 28px -10px rgba(148,197,204,.6)}
.site .btn-g{border-color:var(--line2);color:var(--tx)}
.site .btn-g:hover{border-color:var(--lime);background:rgba(148,197,204,.06)}
.site .btn-d{background:#000100;color:#94C5CC}
.site .btn-d:hover{background:#1B1E24;transform:translateY(-1px)}
.site .btn-lg{min-height:52px;padding:0 26px;font-size:16px;border-radius:14px}
.site .btn-s{min-height:38px;padding:0 14px;font-size:13px}
.site .full{width:100%}
.site .chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(148,197,204,.1);color:var(--lime);white-space:nowrap}
.site .chip.mu{background:rgba(161,166,180,.1);color:var(--mu)}
.site .chip.warn{background:rgba(248,113,113,.13);color:var(--loss)}
.site .chip.solid{background:var(--lime);color:#000100}
.site .seg{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
.site .seg button{border:0;background:none;min-height:38px;min-width:50px;padding:0 12px;border-radius:9px;font-size:13px;font-weight:600;color:var(--mu);transition:background .2s,color .2s}
.site .seg button:hover{color:var(--tx)}
.site .seg button.on{background:var(--card2);color:var(--tx)}
.site .card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;min-width:0}
.site .bar{height:8px;border-radius:99px;background:var(--bg2);overflow:hidden}
.site .bar i{display:block;height:100%;border-radius:99px;transition:width .7s cubic-bezier(.2,.8,.2,1),background .3s}
.site .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.site .kpi{background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:11px 13px;min-width:0}
.site .kpi .l{font-size:12px;color:var(--mu)}
.site .kpi .n{font-family:var(--mono);font-weight:600;font-size:19px;margin-top:2px}
.site .kpi .s{font-size:12px;color:var(--mu)}
.site .chart{position:relative;height:210px;margin-top:10px;touch-action:pan-y}
.site .chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.site .chart .hit{position:absolute;inset:0;cursor:crosshair}
.site .vl{position:absolute;top:0;bottom:0;width:1px;background:var(--line2);pointer-events:none}
.site .mk{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(148,197,204,.22);pointer-events:none}
.site .mk.n{background:var(--loss);box-shadow:0 0 0 5px rgba(248,113,113,.22)}
.site .tip{position:absolute;top:0;transform:translate(-50%,-6px);background:#0B0C0E;border:1px solid var(--line2);border-radius:10px;padding:7px 10px;font-size:12px;white-space:nowrap;pointer-events:none;line-height:1.45;z-index:2}
.site .tip b{font-family:var(--mono)}
.site .ring{position:relative;width:132px;height:132px;margin:4px auto 0}
.site .ring svg{transform:rotate(-90deg)}
.site .ring circle{transition:stroke-dasharray .7s cubic-bezier(.2,.8,.2,1)}
.site .ring .c{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.site .ring .c b{font-family:var(--mono);font-size:34px;font-weight:600;line-height:1;display:block}
.site .ring .c span{font-size:12px;color:var(--mu)}
.site .pill{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:11px;border:1px solid var(--line2);background:transparent;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,color .15s}
.site button.pill:hover{border-color:var(--lime)}
.site .pill.on{background:var(--lime);border-color:var(--lime);color:#000100;font-weight:600}
.site .pill.lo{background:rgba(248,113,113,.14);border-color:rgba(248,113,113,.5);color:var(--loss)}
.site .pills{display:flex;flex-wrap:wrap;gap:8px}
.site .x{flex:none;width:40px;height:40px;border-radius:10px;border:0;background:none;color:var(--mu);display:grid;place-items:center}
.site .x:hover{background:rgba(148,197,204,.08);color:var(--tx)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}}
@keyframes fadein{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes popc{from{transform:scale(.4);opacity:0}}
@keyframes tup{from{opacity:0;transform:translate(-50%,16px)}}
@keyframes grow{from{transform:scaleY(.1);opacity:0}}
@keyframes hl{0%{background:rgba(148,197,204,.16)}100%{background:transparent}}
@keyframes bob{50%{transform:translateY(-8px)}}
@keyframes sheet{from{transform:translateY(40px);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
.site .wrap{max-width:1200px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.site section[id],.site #top{scroll-margin-top:84px}
.site .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(0,1,0,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site .nav-in{display:flex;align-items:center;gap:20px;height:72px}
.site .links{display:flex;gap:2px;margin-left:12px}
.site .links a{padding:10px 14px;border-radius:10px;color:var(--mu);font-size:15px;transition:color .2s,background .2s}
.site .links a:hover{color:var(--tx);background:rgba(148,197,204,.07)}
.site .nav-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.site .lang{display:flex;border:1px solid var(--line);border-radius:11px;padding:3px}
.site .lang button{border:0;background:none;padding:0 10px;min-height:34px;border-radius:8px;font-size:13px;font-weight:600;color:var(--mu);transition:background .2s,color .2s}
.site .lang button.on{background:var(--card2);color:var(--tx)}
.site .burger{display:none;border:1px solid var(--line2);background:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center}
.site .mmenu{display:none}
@media (max-width:900px){.site .links,.site .hide-m{display:none !important}
.site .burger{display:inline-flex}
.site .mmenu:not([hidden]){display:flex;flex-direction:column;padding:4px 24px 20px;border-top:1px solid var(--line)}
.site .mmenu a{padding:15px 2px;border-bottom:1px solid var(--line);font-size:17px}}
.site .hero{position:relative;padding:72px 0 96px}
.site .hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(148,197,204,.10) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(#000 20%,transparent 85%);mask-image:linear-gradient(#000 20%,transparent 85%);pointer-events:none}
.site .hero-g{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.site .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:5px 14px 5px 6px;border:1px solid var(--line2);border-radius:999px;font-size:13px;color:var(--mu);background:rgba(8,9,11,.6)}
.site .eyebrow b{background:var(--lime);color:#000100;border-radius:999px;padding:2px 9px;font-size:11px;letter-spacing:.06em}
.site .h1{font-family:var(--disp);font-weight:700;font-size:clamp(42px,5.2vw,68px);line-height:1;letter-spacing:-.04em;margin:22px 0}
.site .h1 em{font-style:normal;color:var(--lime);position:relative;white-space:nowrap;z-index:0}
.site .h1 em:after{content:'';position:absolute;left:2px;right:2px;bottom:.04em;height:.1em;border-radius:99px;background:var(--olive);z-index:-1}
.site .lead{font-size:clamp(17px,1.6vw,19px);color:var(--mu);max-width:520px;margin:0 0 32px}
.site .ctas{display:flex;flex-wrap:wrap;gap:12px}
.site .trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:28px;color:var(--mu);font-size:14px}
.site .trust span{display:inline-flex;align-items:center;gap:7px}
.site .trust svg{color:var(--lime)}
@media (max-width:980px){.site .hero-g{grid-template-columns:minmax(0,1fr);gap:48px}
.site .hero{padding:48px 0 72px}}
.site .demo{position:relative}
.site .dcard{padding:22px;border-radius:22px;box-shadow:0 50px 90px -50px rgba(0,0,0,.7)}
.site .dhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.site .dhead .t{font-weight:600}
.site .net{display:flex;align-items:baseline;gap:14px;margin:20px 0 2px;flex-wrap:wrap}
.site .net .v{font-family:var(--mono);font-weight:600;font-size:clamp(36px,4.2vw,50px);letter-spacing:-.04em;line-height:1.1}
.site .net .s{color:var(--mu);font-size:14px}
@media (max-width:560px){.site .site .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.site .dcard{padding:16px}}
.site .demo{margin-bottom:56px}
.site .float{position:absolute;left:-40px;bottom:-78px;width:270px;padding:14px 16px;border-radius:18px;background:#16191E;border:1px solid var(--line2);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);animation:bob 7s ease-in-out infinite}
.site .float .r{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}
@media (max-width:1180px){.site .float{left:-12px}}
@media (max-width:980px){.site .demo{margin-bottom:0}
.site .float{position:relative;left:auto;bottom:auto;width:auto;margin-top:12px;animation:none}}
.site .strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)}
.site .strip-in{display:flex;flex-wrap:wrap;gap:14px 36px;align-items:center;justify-content:space-between;padding:22px 24px;max-width:1200px;margin:0 auto}
.site .strip .it{display:flex;align-items:center;gap:10px;color:var(--mu);font-size:15px}
.site .strip .it b{color:var(--tx);font-weight:600}
.site .strip .it svg{color:var(--sage)}
.site .sec{padding:112px 0}
.site .sec.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.site .sec-h{max-width:720px;margin-bottom:52px}
.site .sec-h.c{margin-left:auto;margin-right:auto;text-align:center}
.site .kick{font-family:var(--mono);font-size:13px;color:var(--sage);letter-spacing:.1em;text-transform:uppercase}
.site .h2{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4.4vw,54px);line-height:1.04;letter-spacing:-.035em;margin:12px 0 16px}
.site .sec-h p{color:var(--mu);font-size:18px;margin:0}
@media (max-width:640px){.site .sec{padding:72px 0}
.site .sec-h{margin-bottom:36px}}
.site .how{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
.site .steps{display:flex;flex-direction:column;gap:10px}
.site .step{display:flex;gap:16px;text-align:left;width:100%;padding:20px;border-radius:18px;border:1px solid var(--line);background:transparent;transition:background .25s,border-color .25s}
.site .step:hover{border-color:var(--line2)}
.site .step.on{background:var(--card);border-color:var(--lime)}
.site .step .no{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-family:var(--mono);font-weight:600;background:var(--card);color:var(--mu);transition:background .25s,color .25s}
.site .step.on .no{background:var(--lime);color:#000100}
.site .st-h{display:block;margin:6px 0 4px;font-size:18px;font-weight:600}
.site .st-p{display:block;color:var(--mu);font-size:15px}
.site .stage{min-height:460px;padding:28px;border-radius:24px;background:var(--card);border:1px solid var(--line);animation:fade .4s ease both;display:flex;flex-direction:column;gap:18px}
.site .stage .top{display:flex;align-items:center;gap:10px}
.site .stage .top .t{font-weight:600;font-size:17px}
.site .flabel{font-size:12px;color:var(--mu);margin-bottom:8px;font-weight:500}
.site .big-r{font-family:var(--mono);font-size:40px;font-weight:600;color:var(--lime);letter-spacing:-.03em;line-height:1}
.site .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.site .drop{border:1.5px dashed var(--line2);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;background:var(--bg2)}
.site .drop .fi{width:44px;height:44px;border-radius:12px;background:rgba(148,197,204,.1);color:var(--lime);display:grid;place-items:center;flex:none}
.site .res{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.site .res div{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:15px}
.site .res div:last-child{border-bottom:0}
.site .res svg{flex:none;color:var(--lime)}
.site .res .mono{margin-left:auto;color:var(--mu);font-size:13px}
.site .ins{display:flex;gap:14px;padding:16px;border-radius:16px;background:var(--bg2);border:1px solid var(--line);animation:fade .45s ease both}
.site .ins .ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.site .ins .ic.g{background:rgba(148,197,204,.12);color:var(--lime)}
.site .ins .ic.r{background:rgba(248,113,113,.13);color:var(--loss)}
.site .ins b{display:block;font-weight:600;margin-bottom:2px}
.site .ins span{color:var(--mu);font-size:14px}
@media (max-width:900px){.site .how{grid-template-columns:minmax(0,1fr)}
.site .stage{min-height:0}}
@media (max-width:520px){.site .row2{grid-template-columns:minmax(0,1fr)}
.site .stage{padding:20px}}
.site .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site .b{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;transition:border-color .25s,transform .25s;display:flex;flex-direction:column;gap:14px;min-width:0}
.site .b:hover{border-color:var(--line2);transform:translateY(-2px)}
.site .b2{grid-column:span 2}
.site .r2{grid-row:span 2}
.site .b h3{margin:0;font-size:19px;font-weight:600;letter-spacing:-.01em}
.site .b p{margin:0;color:var(--mu);font-size:15px}
.site .b .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(148,197,204,.1);color:var(--lime);flex:none}
.site .b .hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.site .b.tg{background:var(--card2);border-color:var(--line2)}
@media (max-width:1024px){.site .bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.site .bento{grid-template-columns:minmax(0,1fr)}
.site .b2{grid-column:auto}
.site .r2{grid-row:auto}}
.site .meter{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}
.site .meter .r{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:14px}
.site .meter .r .mono{font-size:13px}
.site .meter .s{font-size:12px;color:var(--mu)}
.site .ntoast{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);font-size:14px}
.site .ntoast svg{color:var(--loss);flex:none;margin-top:1px}
.site .chk{display:flex;flex-direction:column;gap:8px}
.site .chk button{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);text-align:left;font-size:14px;transition:border-color .2s}
.site .chk button:hover{border-color:var(--line2)}
.site .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line2);display:grid;place-items:center;flex:none;transition:background .2s,border-color .2s}
.site .box.on{background:var(--lime);border-color:var(--lime);color:#000100}
.site .emo{display:flex;flex-direction:column;gap:10px}
.site .emo .r{display:grid;grid-template-columns:76px minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:14px}
.site .emo .r .mono{text-align:right;font-size:13px}
.site .emo .t{height:10px;border-radius:99px;background:var(--bg2);position:relative;overflow:hidden}
.site .emo .t i{position:absolute;top:0;bottom:0;border-radius:99px}
.site .cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.site .cal .dw{font-size:11px;color:var(--mu);text-align:center;padding-bottom:2px}
.site .cal .d{aspect-ratio:1.5/1;border-radius:8px;font-size:11px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 6px;font-family:var(--mono);transition:transform .15s,outline-color .15s;outline:1.5px solid transparent;border:0;color:inherit}
.site .cal .d:not(.cx):hover,.site .cal .d.sel{transform:scale(1.06);outline-color:var(--tx)}
.site .d.cw{background:#4ADE80;color:#000100}
.site .d.cp{background:#A7F3C0;color:#000100}
.site .d.cn{background:#F87171;color:#000100}
.site .d.c0{background:var(--card2);color:var(--mu)}
.site .d.cf{background:transparent;border:1px dashed var(--line);color:var(--mu)}
.site .d.cx{background:transparent;pointer-events:none}
.site .calinfo{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;min-height:28px}
.site .lg{display:flex;gap:12px;font-size:12px;color:var(--mu);flex-wrap:wrap}
.site .lg span{display:inline-flex;align-items:center;gap:6px}
.site .lg i{width:10px;height:10px;border-radius:3px;display:inline-block}
.site .accs{display:flex;flex-direction:column;gap:8px}
.site .accs div{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);font-size:14px}
.site .accs .mono{margin-left:auto;font-size:13px}
.site .bill{display:flex;justify-content:center;margin-bottom:36px}
.site .bill .seg button{min-width:110px;min-height:42px;font-size:14px}
.site .save{font-size:11px;padding:2px 7px;border-radius:99px;background:var(--lime);color:#000100;margin-left:6px;font-weight:700}
.site .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:940px;margin:0 auto}
.site .plan{padding:32px;border-radius:24px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;gap:22px;position:relative}
.site .plan.pro{background:#121419;border-color:var(--lime);box-shadow:0 40px 90px -50px rgba(148,197,204,.45)}
.site .badge{position:absolute;top:-13px;left:32px;background:var(--lime);color:#000100;font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;letter-spacing:.02em}
.site .plan .nm{font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:-.02em}
.site .plan .ds{color:var(--mu);font-size:15px;margin-top:4px}
.site .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.site .price .a{font-family:var(--disp);font-weight:700;font-size:46px;letter-spacing:-.04em;line-height:1}
.site .price .u{color:var(--mu);font-size:14px}
.site .feat{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.site .feat li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.site .feat svg{flex:none;margin-top:2px;color:var(--lime)}
.site .feat .plus{font-size:13px;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.site .plan .fine{font-size:13px;color:var(--mu);text-align:center;margin-top:-10px}
@media (max-width:760px){.site .plans{grid-template-columns:minmax(0,1fr)}
.site .plan{padding:26px}}
.site .cmpb{display:flex;justify-content:center;margin-top:28px}
.site .cmpb button{background:none;border:0;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--lime);min-height:44px;padding:0 12px;border-radius:10px}
.site .cmpb svg{transition:transform .25s}
.site .cmpb.open svg{transform:rotate(180deg)}
.site .cmp{max-width:940px;margin:16px auto 0;border:1px solid var(--line);border-radius:20px;overflow:hidden;animation:fade .35s ease both}
.site .cr{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;align-items:center;border-bottom:1px solid var(--line);font-size:15px}
.site .cr:last-child{border-bottom:0}
.site .cr>div{padding:14px 18px}
.site .cr .c{text-align:center;display:flex;justify-content:center}
.site .cr.h{background:var(--card);font-weight:600}
.site .cr.g{background:var(--bg2)}
.site .cr.g div{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);padding:10px 18px}
.site .cr .y{color:var(--lime)}
.site .cr .no{color:rgba(161,166,180,.55)}
@media (max-width:560px){.site .cr{grid-template-columns:minmax(0,1fr) 72px 72px;font-size:14px}
.site .cr>div{padding:12px 10px}
.site .cr>div.c{padding:12px 4px}
.site .cr .c .mono{font-size:11.5px}}
.site .faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.site .q{border:1px solid var(--line);border-radius:18px;background:var(--card);transition:border-color .2s}
.site .q.open{border-color:var(--line2)}
.site .q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:20px 22px;background:none;border:0;font-size:17px;font-weight:600;min-height:56px}
.site .q .chev{flex:none;transition:transform .25s;color:var(--mu)}
.site .q.open .chev{transform:rotate(180deg)}
.site .ans{padding:0 22px 22px;color:var(--mu);animation:fade .3s ease both;margin:0}
.site .cta{border-radius:30px;background:var(--lime);color:#000100;padding:64px 56px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;position:relative;overflow:hidden}
.site .cta .h2{color:#000100;margin:0 0 10px;max-width:620px}
.site .cta p{margin:0;color:#1B1E24;font-size:18px;max-width:520px}
.site .cta .deco{position:absolute;right:28px;bottom:0;display:flex;align-items:flex-end;gap:10px;opacity:.35;pointer-events:none}
.site .cta .deco i{display:block;width:18px;border-radius:6px 6px 0 0;background:#5E8D94}
.site .cta .in{position:relative;display:flex;flex-direction:column}
@media (max-width:760px){.site .cta{padding:44px 26px;border-radius:24px}
.site .cta .deco{display:none}}
.site .foot{border-top:1px solid var(--line);padding:56px 0 40px;margin-top:96px}
.site .fg{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:32px}
.site .fg h4{margin:0 0 14px;font-size:13px;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.site .fg a{display:block;padding:6px 0;font-size:15px}
.site .fg a:hover{color:var(--lime)}
.site .disc{font-size:13px;color:var(--mu);max-width:360px;margin:14px 0 0}
.site .copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:44px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--mu)}
@media (max-width:760px){.site .fg{grid-template-columns:repeat(2,minmax(0,1fr))}
.site .fg .brand{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.site *,.site *:before,.site *:after{animation:none !important;transition:none !important}}
.site .plan.pro.soon{background:var(--card);border-color:var(--line2);box-shadow:none}
.site .plan.soon .badge{background:var(--card2);color:var(--lime);border:1px solid var(--line2)}
.site .price .a.soon-a{font-size:34px;color:var(--mu)}
.site .plan .yr{color:var(--mu);font-size:14px;margin-top:-14px}
.site .plan .yr b{color:var(--ink2);font-weight:600}
.site .pnote{text-align:center;color:var(--mu);font-size:13px;margin-top:18px}
.site .plan .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.site .pagev{padding-block:48px 24px}
.site .pg{max-width:780px}
.site .back{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--mu);font-size:15px;font-weight:500;border-radius:10px;padding-right:8px}
.site .back:hover{color:var(--tx)}
.site .doc{margin-top:18px}
.site .doc h1{font-family:var(--disp);font-weight:700;font-size:clamp(36px,5vw,52px);line-height:1.05;letter-spacing:-.035em;margin:0 0 10px;text-wrap:balance}
.site .doc .upd{color:var(--mu);font-size:14px;margin:0 0 30px;font-family:var(--mono)}
.site .doc section{padding:22px 0;border-top:1px solid var(--line)}
.site .doc h2{font-size:19px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}
.site .doc p,.site .doc li{color:var(--mu);font-size:16px;line-height:1.7;max-width:66ch}
.site .doc p{margin:0 0 10px}
.site .doc ul{margin:0 0 10px;padding-left:20px;display:grid;gap:6px}
.site .doc b{color:var(--tx);font-weight:600}
.site .mailbox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-radius:16px;background:var(--card);border:1px solid var(--line2);margin-top:14px !important}
.site .mailbox span{font-size:13px;color:var(--mu)}
.site .mailbox a{color:var(--lime);font-weight:600;font-size:17px}
.site .ttabs{display:flex;justify-content:center;gap:4px;margin:-12px auto 22px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:4px;width:max-content;max-width:100%}
.site .ttabs button{border:0;background:none;min-height:42px;padding:0 18px;border-radius:10px;font-weight:600;font-size:14px;color:var(--mu);transition:background .2s,color .2s}
.site .ttabs button:hover{color:var(--tx)}
.site .ttabs button.on{background:var(--card2);color:var(--tx)}
.site .tframe{margin:0;border-radius:20px;border:1px solid var(--line2);background:var(--card);overflow:hidden;box-shadow:0 60px 120px -60px rgba(148,197,204,.28)}
.site .tbar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line)}
.site .tbar i{width:10px;height:10px;border-radius:50%;background:var(--card2)}
.site .tbar span{margin-left:10px;font-family:var(--mono);font-size:12px;color:var(--mu)}
.site .tframe img{display:block;width:100%;height:auto;max-width:100%;background:#000100}
.site .tframe figcaption{padding:14px 18px;color:var(--mu);font-size:15px;border-top:1px solid var(--line)}
.site .fadein{animation:fade .45s ease both}
@media (max-width:640px){.site .ttabs{width:100%}
.site .ttabs button{flex:1;padding:0 6px;font-size:13px}}
.site .prop-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:56px;align-items:center}
.site .prop-t .h2{margin-bottom:16px}
.site .plist{list-style:none;margin:28px 0 32px;padding:0;display:grid;gap:18px}
.site .plist li{display:flex;gap:14px}
.site .plist .pi{width:40px;height:40px;border-radius:12px;background:rgba(148,197,204,.1);color:var(--lime);display:grid;place-items:center;flex:none}
.site .plist b{display:block;font-weight:600;margin-bottom:2px}
.site .plist li>span>span{color:var(--mu);font-size:15px}
.site .pvis{display:flex;flex-direction:column;gap:14px}
.site .pvis img{width:100%;height:auto;max-width:100%;border-radius:20px;border:1px solid var(--line2);box-shadow:0 50px 90px -50px rgba(0,0,0,.8)}
.site .palert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);font-size:14px}
.site .palert svg{color:var(--loss);flex:none;margin-top:2px}
@media (max-width:900px){.site .prop-g{grid-template-columns:minmax(0,1fr);gap:36px}}
.site .plats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:940px;margin:0 auto}
@media (max-width:760px){.site .plats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .plat{padding:20px;border-radius:18px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.site .plat.ok{border-color:var(--line2)}
.site .plat .pn{font-weight:600;font-size:17px}
.site .plat .pd{color:var(--mu);font-size:14px;flex:1}
.site .plat .ps{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--card2);color:var(--mu)}
.site .plat.ok .ps{background:rgba(148,197,204,.14);color:var(--lime)}
.site .doc ol{margin:0 0 10px;padding-left:22px;display:grid;gap:8px}
.site .flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.site .fstep{display:flex;flex-direction:column;gap:10px;min-width:0}
.site .fvis{height:210px;border-radius:20px;background:var(--card);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;transition:border-color .25s,transform .25s}
.site .fstep:hover .fvis{border-color:var(--line2);transform:translateY(-3px)}
.site .fhead{display:flex;align-items:center;gap:12px;margin-top:12px}
.site .fno{width:32px;height:32px;border-radius:10px;background:var(--lime);color:#000100;display:grid;place-items:center;font-family:var(--mono);font-weight:600;flex:none}
.site .ftime{font-family:var(--mono);font-size:12px;color:var(--sage);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.site .fhead:after{content:'';flex:1;height:1px;background:var(--line2)}
.site .fstep:last-child .fhead:after{display:none}
.site .fstep h3{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em}
.site .fstep p{margin:0;color:var(--mu);font-size:15px}
.site .flow-cta{display:flex;justify-content:center;margin-top:44px}
.site .fv-opts{display:grid;gap:8px}
.site .fv-opts>div{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);font-size:13.5px;font-weight:500}
.site .fv-opts>div.on{border-color:var(--lime);background:rgba(148,197,204,.08)}
.site .fv-opts>div.off{opacity:.55}
.site .fv-opts em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--card2);color:var(--mu)}
.site .fi2{width:28px;height:28px;border-radius:8px;background:var(--card2);display:grid;place-items:center;flex:none;color:var(--lime)}
.site .fv-rows{display:grid;gap:4px;font-size:13.5px}
.site .fv-file{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1.5px dashed var(--line2);background:var(--bg2);margin-bottom:6px}
.site .fv-file span{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site .fv-file svg{color:var(--mu);flex:none}
.site .fv-file b{color:var(--lime);display:grid}
.site .fv-file b svg{color:var(--lime)}
.site .fv-rows>div:not(.fv-file){display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px solid var(--line);color:var(--mu)}
.site .fv-rows>div:last-child{border-bottom:0}
.site .fv-rows b{color:var(--tx)}
.site .fv-ins{display:grid;gap:8px;font-size:13.5px}
.site .fv-ins>div:not(.fv-bars){display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.site .fv-ins .g b{color:var(--win)}
.site .fv-ins .r b{color:var(--loss)}
.site .fv-bars{display:flex;align-items:flex-end;gap:6px;height:50px;padding:0 4px}
.site .fv-bars i{flex:1;display:block;border-radius:4px 4px 0 0;background:var(--lime);opacity:.8;transform-origin:bottom}
.site .inview .fv-bars i{animation:grow .5s cubic-bezier(.2,.8,.2,1) both}
@media (max-width:900px){.site .flow{grid-template-columns:minmax(0,1fr);gap:36px}
.site .fhead:after{display:none}
.site .fvis{height:auto}}
.site .feat li.fs{color:var(--mu)}
.site .feat li.fs svg{color:var(--mu)}
.site .fsoon,.site .csoon{display:inline-block;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sage);border:1px solid var(--line2);border-radius:99px;padding:4px 7px;vertical-align:2px;white-space:nowrap}
.site .cst{display:flex;flex-direction:column;align-items:center;gap:5px}
.site .cnote{padding:14px 18px;font-size:13px;color:var(--mu);line-height:1.5}
.site .aisec{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(60% 70% at 85% 30%,rgba(148,197,204,.12),transparent 70%),var(--bg)}
.site .ai-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:center}
.site .aisec .kick{display:inline-flex;align-items:center;gap:10px}
.site .aichat{background:var(--card);border:1px solid var(--line2);border-radius:24px;padding:18px;box-shadow:0 40px 90px -40px rgba(148,197,204,.35);display:flex;flex-direction:column;gap:14px}
.site .aich{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.site .aich .aimk{width:34px;height:34px;display:grid;place-items:center}
.site .aich .aimk svg{width:34px;height:34px}
.site .aich b{display:block;font-family:var(--disp);font-size:16px}
.site .aich small{font-size:12px;color:var(--mu)}
.site .aimsg{font-size:14.5px;line-height:1.6}
.site .aimsg.u{align-self:flex-end;background:var(--card2);border:1px solid var(--line);padding:9px 14px;border-radius:16px 16px 4px 16px}
.site .aimsg.a p+p,.site .aimsg.a p+ul,.site .aimsg.a ul+p{margin-top:8px}
.site .aimsg.a ul{padding-left:20px}
.site .aimsg.a li{margin:3px 0}
.site .aimsg.a .pos,.site .aimsg.a .neg{font-family:var(--mono);font-weight:600;font-size:13.5px}
.site .aifol{display:flex;flex-wrap:wrap;gap:6px}
.site .aifol span{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);color:var(--mu)}
.site .aiin{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line2);border-radius:999px;padding:8px 8px 8px 16px;color:var(--mu);font-size:14px}
.site .aiin i{width:30px;height:30px;border-radius:50%;background:var(--tx);color:var(--bg);display:grid;place-items:center;font-style:normal}
@media (max-width:900px){.site .ai-g{grid-template-columns:minmax(0,1fr);gap:36px}}
.site .secg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.site .sc{padding:26px 24px;border-radius:22px;background:linear-gradient(180deg,rgba(148,197,204,.05),transparent 55%),var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;transition:border-color .25s,transform .25s}
.site .sc:hover{border-color:var(--line2);transform:translateY(-3px)}
.site .sc .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(148,197,204,.1);color:var(--lime)}
.site .sc h3{margin:6px 0 0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.site .sc p{margin:0;color:var(--mu);font-size:15px}
@media (max-width:980px){.site .secg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.site .secg{grid-template-columns:minmax(0,1fr)}}
.site .mstory{display:flex;justify-content:center;padding:6px 0 2px}
.site .ms{position:relative;width:118px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;padding:12px 11px;display:flex;flex-direction:column;gap:5px;background:radial-gradient(90% 60% at 80% 18%,rgba(74,222,128,.35),transparent 70%),radial-gradient(80% 50% at 10% 95%,rgba(148,197,204,.22),transparent 70%),#030405;border:1px solid var(--line2);box-shadow:0 24px 50px -24px rgba(74,222,128,.45);transform:rotate(-5deg);transition:transform .45s cubic-bezier(.2,1.2,.3,1)}
.site .b:hover .ms{transform:rotate(0) scale(1.04)}
.site .msl{display:flex;align-items:center;gap:4px;font:700 9px var(--disp);color:#F8F8F8}
.site .ms b{font:700 15px var(--disp);color:#F8F8F8;margin-top:22px;letter-spacing:-.02em}
.site .mspill{align-self:flex-start;font:600 7px var(--body);color:#4ADE80;background:rgba(74,222,128,.15);padding:2px 6px;border-radius:9px;letter-spacing:.04em}
.site .ms i{font-style:normal;font-weight:700;font-size:25px;color:#4ADE80;letter-spacing:-.04em;text-shadow:0 0 18px rgba(74,222,128,.5);margin-top:8px}
.site .ms small{font-size:10px;color:rgba(248,248,248,.85)}
.site .msb{margin-top:auto;height:22px;border-radius:7px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.site .rv{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),border-color .25s}
.site .rv.in{opacity:1;transform:none}
.site .b.rv.in:hover,.site .sc.rv.in:hover{transform:translateY(-3px)}
.site .hero{overflow:hidden}
.site .hero::before{content:"";position:absolute;inset:-30% -20% -10%;pointer-events:none;background:radial-gradient(34% 32% at 74% 34%,rgba(148,197,204,.17),transparent 70%),radial-gradient(28% 26% at 18% 78%,rgba(129,140,248,.10),transparent 70%),radial-gradient(22% 22% at 50% 10%,rgba(74,222,128,.06),transparent 70%);animation:aurora 26s ease-in-out infinite alternate}
.site .hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(148,197,204,.10) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 60% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 60% 30%,#000 20%,transparent 75%)}
.site .hero-g{z-index:1}
@keyframes aurora{0%{transform:translate3d(0,0,0)}50%{transform:translate3d(-4%,3%,0) scale(1.05)}100%{transform:translate3d(4%,-2%,0) scale(1.02)}}
.site .hero-g>div:first-child>*{animation:fade .8s cubic-bezier(.2,.8,.2,1) both}
.site .hero-g>div:first-child>:nth-child(2){animation-delay:.08s}
.site .hero-g>div:first-child>:nth-child(3){animation-delay:.16s}
.site .hero-g>div:first-child>:nth-child(4){animation-delay:.24s}
.site .hero-g>div:first-child>:nth-child(5){animation-delay:.32s}
.site .hero .demo{animation:pop 1s cubic-bezier(.2,.8,.2,1) .3s both}
.site .tframe{transition:box-shadow .4s}
.site .tframe:hover{box-shadow:0 70px 140px -60px rgba(148,197,204,.38)}
@media (prefers-reduced-motion:reduce){.site .rv{opacity:1;transform:none}
.site .hero::before{animation:none}}
@media (max-width:560px){.site .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site .supf{display:grid;gap:14px;margin-top:18px;max-width:560px}
.site .supf label{display:grid;gap:6px}
.site .supf label span{font-size:13px;font-weight:600;color:var(--tx)}
.site .supf input,.site .supf select,.site .supf textarea{font:inherit;font-size:15px;color:var(--tx);background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;width:100%;box-sizing:border-box;outline:none;transition:border-color .15s}
.site .supf textarea{resize:vertical;min-height:130px;line-height:1.55}
.site .supf input:focus,.site .supf select:focus,.site .supf textarea:focus{border-color:var(--lime)}
.site .supf .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.site .cfa{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.site .cfs{font-size:14px;color:var(--mu)}
.site .cfs.ok{color:#4ADE80}
.site .cfs.bad{color:#F87171}
.site .lhint{background:#0f1a1c;border-bottom:1px solid var(--line2);font-size:14px;color:var(--mu)}
.site .lhin{display:flex;align-items:center;gap:12px;min-height:44px;flex-wrap:wrap}
.site .lhint a{color:var(--lime);font-weight:600;text-decoration:none}
.site .lhint button{margin-left:auto;background:none;border:0;color:var(--mu);font-size:20px;line-height:1;cursor:pointer;padding:4px 6px}