:root{--bg: #07090e;--bg-1: #0b0e15;--bg-2: #10131c;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .14);--text: #f4f7fb;--hint: #9aa4b6;--muted: #626d81;--accent: #c6ff3d;--accent-2: #17e0a3;--accent-ink: #06210f;--accent-grad: linear-gradient(135deg, #d4ff4a 0%, #22e6a4 100%);--accent-glow: 0 6px 26px rgba(120, 230, 120, .28);--fire: #ff7a45;--gold: #ffcf5c;--violet: #8b7bff;--danger: #ff5b6e;--warn: #ffb648;--radius: 22px;--radius-sm: 15px;--radius-xs: 11px;--shadow: 0 18px 46px rgba(0, 0, 0, .5);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 68px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45;letter-spacing:-.01em;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;background-color:var(--bg);background-image:radial-gradient(700px 420px at 82% -8%,rgba(120,230,120,.16),transparent 60%),radial-gradient(680px 460px at 8% 8%,rgba(139,123,255,.12),transparent 62%),radial-gradient(900px 700px at 50% 108%,rgba(23,224,163,.08),transparent 60%);background-attachment:fixed}.app{min-height:100%;padding-top:var(--safe-top);padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 24px);max-width:660px;margin:0 auto}.screen{padding:16px 16px 8px;animation:rise .36s cubic-bezier(.16,1,.3,1)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em}h1{font-size:27px;line-height:1.1}h2{font-size:21px}h3{font-size:16px}.hint{color:var(--hint);font-size:13px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10.5px;font-weight:800;color:var(--accent-2)}.num{font-variant-numeric:tabular-nums;letter-spacing:-.03em}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:var(--shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,#ffffff38,#fff0 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}.card+.card{margin-top:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.col{display:flex;flex-direction:column;gap:4px}.grid{display:grid;gap:12px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.spacer{flex:1}.hero{display:flex;align-items:center;justify-content:space-between;padding:8px 2px 16px}.avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:19px;color:var(--accent-ink);background:var(--accent-grad);box-shadow:var(--accent-glow)}.stat{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;overflow:hidden}.stat .v{font-size:23px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat .k{font-size:10.5px;color:var(--hint);text-transform:uppercase;letter-spacing:.09em;margin-top:3px;font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:16px;padding:15px 18px;font-size:15.5px;font-weight:800;letter-spacing:-.01em;color:var(--accent-ink);background:var(--accent-grad);box-shadow:var(--accent-glow);cursor:pointer;transition:transform .12s cubic-bezier(.16,1,.3,1),filter .15s,box-shadow .15s;width:100%}.btn:active{transform:scale(.975);filter:brightness(1.05)}.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--line-2);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.small{width:auto;padding:10px 15px;font-size:13px;border-radius:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--hint);font-weight:600;cursor:pointer;transition:transform .1s}.chip:active{transform:scale(.96)}.chip.on{color:var(--accent-ink);background:var(--accent-grad);border-color:transparent;box-shadow:var(--accent-glow)}.badge{font-size:9.5px;font-weight:800;padding:4px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.07em}.badge.pro{color:var(--accent-ink);background:var(--gold)}.bar{height:9px;border-radius:999px;background:#ffffff12;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--accent-grad);box-shadow:0 0 14px #78e67880}.ring{--p: 0;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,var(--accent-2),var(--accent) calc(var(--p) * 1%),rgba(255,255,255,.08) 0);box-shadow:0 0 22px #78e67838}.ring>span{width:56px;height:56px;border-radius:50%;background:var(--bg-1);display:grid;place-items:center;font-weight:800;font-size:16px}.nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 12px);width:min(92%,560px);height:var(--nav-h);background:#0e1119b8;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--line);border-radius:24px;display:flex;z-index:50;box-shadow:0 12px 40px #00000080;padding:6px}.nav button{flex:1;background:none;border:none;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700;cursor:pointer;border-radius:18px;transition:color .2s,background .2s}.nav button.on{color:var(--accent);background:#c6ff3d17}.nav button svg{width:22px;height:22px}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.ex-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);font-size:19px;flex-shrink:0}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.center-note{text-align:center;color:var(--hint);padding:40px 20px}input,select{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:13px;padding:13px 14px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s}input:focus{border-color:var(--accent-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg);background-image:radial-gradient(700px 380px at 50% -8%,rgba(120,230,120,.14),transparent 60%);z-index:100;overflow-y:auto;max-width:660px;margin:0 auto;padding-bottom:40px}.wk-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:calc(var(--safe-top) + 12px) 14px 12px;background:#07090ed1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.wk-x{width:36px;height:36px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-size:15px;cursor:pointer;flex-shrink:0}.wk-check{width:46px;height:42px;border-radius:12px;border:1px solid var(--line-2);font-size:18px;font-weight:800;cursor:pointer;transition:transform .1s;flex-shrink:0}.wk-check:active{transform:scale(.9)}.rest{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-bottom) + 20px);width:min(92%,560px);background:#0e1119eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--accent-2);border-radius:var(--radius);padding:15px 17px;box-shadow:var(--shadow);z-index:110;animation:fade .24s ease}.rest-time{font-size:42px;font-weight:800;text-align:center;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}@keyframes demoFlip{0%{opacity:0}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #78e67800}50%{box-shadow:0 0 26px #78e67859}}