@font-face{font-family:Manrope;src:url('fonts/manrope-1.woff2');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('fonts/manrope-2.woff2');font-weight:600;font-display:swap}
:root{color-scheme:light;--ink:#14172f;--muted:#565e73;--line:#d7dce8;--focus:#386bb2}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 Manrope,system-ui,sans-serif;background:radial-gradient(ellipse at 15% 0%,#dceefa 0,transparent 45%),radial-gradient(ellipse at 95% 15%,#f3dfef 0,transparent 42%),#f7f8fc;min-height:100svh}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.cabinet{max-width:1040px;margin:auto;padding:32px 40px 64px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px}.back,.text-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:none;text-decoration:none;color:var(--muted);padding:0}.preview{font-size:12px;border:1px dashed #8994af;border-radius:20px;padding:4px 12px;color:var(--muted)}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:14px}h1{margin:0;font-weight:600;font-size:clamp(34px,6vw,48px);line-height:1.14;letter-spacing:-.045em}.intro p:last-child{color:var(--muted);margin:16px 0 0;max-width:44ch}.ghost{width:100px;height:auto;flex:none}.layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}.stack{display:grid;gap:20px}.card{padding:28px;border:1px solid #ffffff;border-radius:24px;background:#ffffff9e;box-shadow:0 12px 40px #414c7508,inset 0 1px white}.card h2{font-size:23px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:16px 0 12px}.card p{color:var(--muted);margin:0 0 20px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#e7eee9;color:#315c4e;font-size:12px}.badge.neutral{background:#edf0f6;color:#565e73}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;border-radius:14px;padding:12px 16px;text-decoration:none;line-height:1.4;font-size:15px;font-weight:600}.primary{background:linear-gradient(110deg,#24242d,#302733);color:#fff;border:1px solid #252531}.secondary{background:#ffffff80;border:1px solid var(--line);color:var(--ink)}.card .secondary{margin-top:12px}.card small{display:block;color:var(--muted);margin-top:12px;font-size:13px}.device-empty{display:grid;place-items:center;width:48px;height:48px;background:#edf1fa;border-radius:15px;color:#54698c}.device-empty svg{width:26px;height:26px}.device-name{display:flex;align-items:center;gap:12px;margin:18px 0}.device-name strong{display:block}.device-name small{margin:0}.help{border-top:1px solid var(--line);margin-top:28px;padding-top:12px;display:flex;flex-wrap:wrap;gap:8px 28px}.help a,.help button{font-size:14px}.plus{background:linear-gradient(135deg,#ffffffb0,#ebedfa80,#f7e8f280)}.plus .badge{background:#e9e5f4;color:#65507e}.dialog{width:min(480px,calc(100% - 32px));border:1px solid white;border-radius:24px;padding:28px;background:#fafbff;color:var(--ink);max-height:calc(100svh - 48px);overflow:auto}.dialog::backdrop{background:#14172f40;backdrop-filter:blur(5px)}.dialog h2{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:0 0 16px}.dialog p{color:var(--muted)}.dialog ol{padding-left:22px}.dialog li{padding-left:4px;margin:12px 0}.dialog .primary{margin-top:24px}.notice{font-size:13px;color:var(--muted);margin:0 0 20px}.status-copy{font-size:13px;color:#315c4e}.settings-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;gap:12px}.settings-line .text-button{font-size:13px;text-decoration:underline}.settings-line small{margin:0}.telegram svg{fill:currentColor;stroke:none}@media(max-width:680px){.cabinet{padding:20px 20px 40px}.top{margin-bottom:32px}.layout{grid-template-columns:1fr}.card{padding:24px}.intro{gap:12px}.ghost{width:76px}.help{display:grid;gap:4px}.intro p:last-child{font-size:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}