:root{--blue:#2563eb;--indigo:#4f46e5;--navy:#081a36;--ink:#0b1b36;--muted:#71829d;--line:#d9e6f5;--soft:#f3f8ff;--panel:#fff;--glow:rgba(37,99,235,.16);--shadow:0 24px 80px rgba(27,72,137,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 86% 0,#eaf3ff 0,transparent 30%),radial-gradient(circle at 0 60%,#f4f8ff 0,transparent 35%),#f8fbff;color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.shell{max-width:1220px;margin:auto;padding:18px 24px 70px}.top{height:66px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(248,251,255,.88);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.2em;font-size:13px}.mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #91b9f3;background:linear-gradient(145deg,#fff,#eaf3ff);box-shadow:0 12px 34px var(--glow)}.face{width:26px;height:21px;position:relative}.face:before,.face:after{content:"";position:absolute;top:4px;width:4px;height:4px;border-radius:50%;background:var(--blue)}.face:before{left:3px}.face:after{right:3px}.face i{position:absolute;left:5px;right:5px;bottom:0;height:9px;border-bottom:2px solid var(--blue);border-radius:0 0 15px 15px}.back{font-size:11px;color:var(--blue);font-weight:900}.hero{padding:68px 0 30px;display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:end}.eyebrow{font-size:9px;letter-spacing:.2em;font-weight:950;color:#356bc8}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.91;letter-spacing:-.075em;margin:13px 0 17px}.hero h1 span{color:var(--blue)}.hero p{max-width:700px;color:var(--muted);font-size:16px}.status{justify-self:end;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.9);padding:20px;min-width:260px;box-shadow:var(--shadow)}.status strong{font-size:12px;letter-spacing:.08em}.status small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px #dcfce7;margin-right:8px}.console{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:0 0 26px}.console-card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px 17px}.console-card span{display:block;color:#8191a8;font-size:8px;font-weight:900;letter-spacing:.16em}.console-card b{display:block;font:900 25px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:3px;letter-spacing:-.05em}.console-card small{color:var(--muted);font-size:9px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 22px}.filter{border:1px solid var(--line);background:#fff;color:#50637f;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:900}.filter.active,.filter:hover{border-color:#8eb5ef;background:var(--soft);color:var(--blue)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool{min-height:310px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.96);padding:19px;display:flex;flex-direction:column;box-shadow:0 12px 38px rgba(37,99,235,.055);transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.tool:after{content:"";position:absolute;width:130px;height:130px;right:-70px;top:-70px;border-radius:50%;background:#edf5ff}.tool:hover{transform:translateY(-4px);border-color:#9bbff0;box-shadow:0 25px 60px rgba(37,99,235,.13)}.tool.hidden{display:none}.tool-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.tool-icon{width:50px;height:50px;border-radius:15px;border:1px solid #a8c8f5;background:linear-gradient(145deg,#fff,#edf5ff);color:var(--blue);display:grid;place-items:center;font-weight:950;font-size:19px;box-shadow:0 10px 25px rgba(37,99,235,.08)}.tool-num{font:900 11px ui-monospace,SFMono-Regular,monospace;color:#91a4bd}.tool h2{font-size:21px;letter-spacing:-.04em;margin:23px 0 6px}.tool p{font-size:11px;color:var(--muted);margin:0}.tool-meta{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}.tag{border-radius:999px;background:#f1f6ff;color:#4c70a5;padding:4px 7px;font-size:8px;font-weight:900;letter-spacing:.04em}.launch{margin-top:auto;padding:12px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;text-align:center;font-size:10px;font-weight:950;box-shadow:0 12px 22px rgba(37,99,235,.18)}.foot{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;color:#71819a}.tool-shell{max-width:980px}.tool-hero{padding:48px 0 24px}.tool-hero h1{font-size:clamp(40px,6vw,68px);line-height:.94;letter-spacing:-.06em;margin:12px 0 8px}.tool-hero p{color:var(--muted);max-width:690px}.workspace{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}.workspace:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(234,243,255,.5),transparent 35%);pointer-events:none}.workspace>*{position:relative;z-index:1}.digital{font:950 clamp(62px,13vw,120px)/.9 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em;color:var(--ink);text-align:center}.digital span{color:var(--blue)}.readout{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.readout span{font:900 10px ui-monospace,monospace;color:#69809f;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#f8fbff}.controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:20px 0}.primary,.secondary,.danger{border-radius:12px;padding:12px 19px;font-weight:950;font-size:11px}.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;box-shadow:0 12px 25px rgba(37,99,235,.18)}.secondary{border:1px solid #9fc0f3;background:#fff;color:#2459b5}.danger{border:1px solid #fecdd3;background:#fff1f2;color:#be123c}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px;text-align:center;font-weight:900;color:#526984;font-size:10px}.preset.active{border-color:#8eb5ef;background:var(--soft);color:var(--blue)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.metric{border:1px solid var(--line);border-radius:16px;background:#f9fbff;padding:14px}.metric b{font:950 24px ui-monospace,monospace}.metric small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.progress{height:8px;background:#e7effa;border-radius:99px;overflow:hidden;margin:20px 0}.progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--indigo));transition:width .2s}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fff}.panel h2{font-size:18px;margin:0 0 5px}.panel p,.hint{font-size:10px;color:var(--muted)}.field{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px;color:var(--ink);outline:none}.field:focus{border-color:#6ea2ed;box-shadow:0 0 0 3px #e2edff}.stack{display:grid;gap:8px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.day{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 4px;text-align:center;font-size:9px;color:#6b7f9a}.day.done{background:var(--soft);border-color:#8eb5ef;color:var(--blue);font-weight:950}.slider-row{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;font-size:10px;font-weight:900}.slider{width:100%;accent-color:var(--blue)}.result{margin-top:15px;border-radius:17px;background:linear-gradient(135deg,#0b2450,#2563eb 60%,#4f46e5);color:#fff;padding:18px;display:none}.result.show{display:block}.result h2{margin:0 0 5px;font-size:20px}.result p{margin:0;color:#dbeafe;font-size:11px}.note{margin-top:18px;font-size:9px;color:#74849a}.bar-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:16px}.count{font:900 12px ui-monospace,monospace;color:#69809f}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-card{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.number-card b{font:950 31px ui-monospace,monospace}.number-card small{display:block;color:var(--muted);font-size:9px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:360px;margin:16px auto}.key{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px;font:900 18px ui-monospace,monospace;color:var(--ink)}.key:hover{background:var(--soft);border-color:#9fc0f3}.meter{height:16px;background:#e9f1fb;border-radius:99px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--indigo));transition:width .25s}.tool-note{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#f8fbff;color:#6d7f98;font-size:10px;margin-top:16px}@media(max-width:900px){.hero{grid-template-columns:1fr}.status{justify-self:start}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{padding:12px 15px 50px}.top{height:58px}.hero{padding-top:42px}.console{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.preset-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr}.workspace{padding:18px}.digital{font-size:62px}.days{gap:4px}.day{padding:10px 2px}.number-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}