:root{--bg:#f2f2f7;--card:#fff;--fill:hsla(240,3%,49%,.12);--sep:rgba(60,60,67,.14);--label:#000;--label2:rgba(60,60,67,.62);--label3:rgba(60,60,67,.3);--blue:#007aff;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--purple:#af52de;--glass:rgba(249,249,251,.72);--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);--spring:cubic-bezier(.32,.72,0,1)}@media (prefers-color-scheme:dark){:root{--bg:#000;--card:#1c1c1e;--fill:hsla(240,3%,49%,.24);--sep:rgba(84,84,88,.5);--label:#fff;--label2:rgba(235,235,245,.62);--label3:rgba(235,235,245,.3);--blue:#0a84ff;--green:#30d158;--red:#ff453a;--orange:#ff9f0a;--purple:#bf5af2;--glass:rgba(22,22,24,.72);--shadow:0 1px 2px rgba(0,0,0,.4)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--label);font:17px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin:0}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:.5px solid var(--sep)}.nav-in{max-width:980px;margin:0 auto;padding:0 16px;height:52px;gap:12px}.brand,.nav-in{display:flex;align-items:center}.brand{font-weight:650;font-size:17px;color:var(--label);gap:8px;letter-spacing:-.02em}.logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(145deg,#5ac8fa,#007aff 60%,#5856d6);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700}.spacer{flex:1 1}.nav-links{display:flex;gap:4px}.nav-links a{color:var(--label2);padding:6px 12px;border-radius:999px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.nav-links a.on{background:var(--fill);color:var(--label)}.wrap{max-width:980px;margin:0 auto;padding:8px 16px 120px}.large{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:20px 4px 4px}.sub{color:var(--label2);margin:0 4px 20px;font-size:15px}.tabbar{display:none}@media (max-width:720px){.nav-links{display:none}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--glass);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-top:.5px solid var(--sep)}.tabbar a{flex:1 1;text-align:center;font-size:10.5px;font-weight:500;color:var(--label2);padding:4px 0;display:grid;grid-gap:2px;gap:2px;justify-items:center}.tabbar a.on{color:var(--blue)}.tabbar svg{width:24px;height:24px}.large{font-size:30px}}.group-title{font-size:13px;text-transform:uppercase;color:var(--label2);margin:26px 16px 7px;letter-spacing:.02em}.card{padding:18px}.card,.list{background:var(--card);border-radius:20px;box-shadow:var(--shadow)}.list{overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:48px;position:relative;color:inherit}.row+.row:before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--sep)}.row .k{flex:1 1}.row .v{color:var(--label2);text-align:right}a.row,button.row{width:100%;background:none;border:0;font:inherit;text-align:left;cursor:pointer;transition:background .15s}a.row:active,button.row:active{background:var(--fill)}.chev:after{content:"›";color:var(--label3);font-size:24px;margin-left:2px;line-height:1}.grid{display:grid;grid-gap:12px;gap:12px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width:720px){.g3{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:17px;color:#fff;background:var(--blue);padding:13px 22px;border-radius:14px;transition:transform .22s var(--spring),opacity .2s,background .2s;display:inline-block;text-align:center}.btn:active{transform:scale(.96);transition-duration:.08s}.btn:disabled{opacity:.45;pointer-events:none}.btn.block{display:block;width:100%}.btn.soft{background:color-mix(in srgb,var(--blue) 14%,transparent);color:var(--blue)}.btn.gray{background:var(--fill);color:var(--label)}.btn.danger{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.btn.sm{padding:8px 14px;font-size:15px;border-radius:999px}.field{display:flex;align-items:center;gap:12px;padding:0 16px;min-height:48px;position:relative}.field+.field:before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--sep)}.field label{width:120px;flex:none;font-size:16px}.field input,.field select,.field textarea{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:var(--label);text-align:right;padding:12px 0}.field textarea{resize:vertical;min-height:70px;text-align:left}.field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.field input::placeholder{color:var(--label3)}.stack-field .field label{width:96px}.search{width:100%;border:0;outline:0;border-radius:12px;padding:10px 14px;font:inherit;color:var(--label);margin-bottom:12px}.search,.seg{background:var(--fill)}.seg{display:inline-flex;border-radius:10px;padding:2px}.seg button{border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--label);padding:5px 14px;border-radius:8px;cursor:pointer;transition:background .25s var(--spring),box-shadow .25s}.seg button.on{background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.18)}@media (prefers-color-scheme:dark){.seg button.on{background:#636366}}.pill{display:inline-block;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px}.pill.green{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}.pill.red{background:color-mix(in srgb,var(--red) 16%,transparent);color:var(--red)}.pill.orange{background:color-mix(in srgb,var(--orange) 18%,transparent);color:var(--orange)}.pill.gray{background:var(--fill);color:var(--label2)}.toggle{display:flex;gap:8px;align-items:center}.err{color:var(--red);min-height:1px}.err,.ok{font-size:14px;margin:10px 6px 0}.ok{color:var(--green)}.foot{color:var(--label2);font-size:13px;margin:8px 16px 0;line-height:1.4}.banner{background:color-mix(in srgb,var(--orange) 14%,var(--card));color:var(--label);border-radius:16px;padding:12px 16px;font-size:14px;margin:0 0 14px}.ring-card{text-align:center;padding:20px 16px}.ring{position:relative;width:132px;height:132px;margin:0 auto 10px}.ring svg{transform:rotate(-90deg)}.ring .track{stroke:var(--fill)}.ring .bar{transition:stroke-dashoffset 1.1s var(--spring)}.ring .mid{position:absolute;inset:0;display:grid;place-content:center}.ring .pct{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1}.ring-card .t{font-weight:600}.ring-card .s{color:var(--label2);font-size:14px}.stat .n{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.stat .l{color:var(--label2);font-size:14px;margin-top:2px}.chart svg{width:100%;height:190px;display:block;touch-action:none}.chart .hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.chart .big{font-size:28px;font-weight:700;letter-spacing:-.03em}.chart .cap{color:var(--label2);font-size:14px}.plan{display:flex;flex-direction:column;gap:10px;position:relative}.plan.pop{outline:2px solid var(--blue)}.plan .price{font-size:36px;font-weight:700;letter-spacing:-.035em}.plan .price small{font-size:15px;font-weight:500;color:var(--label2);letter-spacing:0}.plan ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px;font-size:15px;flex:1 1}.plan li:before{content:"✓";color:var(--blue);font-weight:700;margin-right:9px}.hero{text-align:center;padding:56px 8px 28px}.hero h1{font-size:clamp(38px,8vw,64px);font-weight:750;letter-spacing:-.045em;line-height:1.03}.hero h1 span{background:linear-gradient(90deg,#5ac8fa,#007aff,#5856d6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--label2);font-size:20px;max-width:560px;margin:16px auto 24px}.auth{max-width:420px;margin:40px auto 0}.rise{animation:rise .6s var(--spring) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.rise{animation:none}.btn,.ring .bar{transition:none}}