:root,:root[data-theme=light]{--page: #F7F2E7;--card: #FFFFFF;--ink: #1A1714;--sec: #4A4138;--teal: #0F766E;--green: #15803D;--amber: #B45309;--line: rgba(26, 23, 20, .1);--track: rgba(26, 23, 20, .08);--glass: #FFFFFF;--shadow: 0 10px 34px rgba(26, 23, 20, .08);--page-bg: var(--page)}:root[data-theme=dark]{--page: #0F172A;--card: rgba(255, 255, 255, .06);--ink: #F6F8FB;--sec: #DCE3EC;--teal: #2DD4BF;--green: #4ADE80;--amber: #FBBF24;--line: rgba(255, 255, 255, .12);--track: rgba(255, 255, 255, .1);--glass: rgba(255, 255, 255, .08);--shadow: 0 10px 34px rgba(0, 0, 0, .38);--page-bg: radial-gradient(1200px 620px at 18% -12%, rgba(45, 212, 191, .14), transparent 60%), radial-gradient(1000px 520px at 100% 0%, rgba(30, 64, 175, .2), transparent 55%), linear-gradient(180deg, #1E293B 0%, #0F172A 100%)}:root{--grad: linear-gradient(135deg, #1E40AF 0%, #14B8A6 50%, #F59E0B 100%);--grad2: linear-gradient(135deg, #1E40AF 0%, #14B8A6 100%)}*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--page-bg);background-attachment:fixed;color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}h1,h2,h3{letter-spacing:-.01em;margin:0}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1120px;margin:0 auto;padding:24px 20px;flex:1}.row{display:flex;gap:16px;flex-wrap:wrap}.grow{flex:1;min-width:0}.hd{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--page) 78%,transparent);border-bottom:1px solid var(--line)}.hd-in{max-width:1120px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}.mark{width:32px;height:32px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow)}.wordmark{font-weight:800;font-size:18px}.nav{display:flex;gap:4px;margin-left:10px}.nav a{padding:7px 12px;border-radius:9px;color:var(--sec);font-weight:600;font-size:14px}.nav a.active{color:var(--ink);background:var(--glass);border:1px solid var(--line)}.spacer{margin-left:auto}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card h3{font-size:15px;margin-bottom:14px}.muted{color:var(--sec)}.small{font-size:12.5px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:11px;padding:10px 16px;font-weight:700;font-size:14px;color:#fff;background:var(--grad);cursor:pointer;box-shadow:var(--shadow)}.btn.ghost{background:transparent;color:var(--teal);border:1px solid var(--teal);box-shadow:none}.btn.sm{padding:7px 12px;font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);padding:4px 10px;border-radius:999px}.iconbtn{border:1px solid var(--line);background:var(--glass);color:var(--ink);border-radius:9px;width:34px;height:34px;cursor:pointer;font-size:15px}.ring-wrap{display:flex;align-items:center;gap:20px}.ring{--v: 0;width:128px;height:128px;border-radius:50%;flex:none;background:conic-gradient(#14B8A6 calc(var(--v) * 1%),var(--track) 0);display:grid;place-items:center}.ring:before{content:"";position:absolute;width:96px;height:96px;border-radius:50%;background:var(--card)}.ring .n{position:relative;font-size:30px;font-weight:800}.ring .n small{font-size:12px;color:var(--sec);font-weight:600;display:block;text-align:center}.bar{margin:12px 0}.bar .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.bar .top span{color:var(--sec)}.track{height:9px;border-radius:99px;background:var(--track);overflow:hidden}.fill{height:100%;border-radius:99px;background:var(--grad)}.tl{display:flex;align-items:stretch;gap:4px;height:120px;padding-top:8px}.tl .col{flex:1;height:100%;display:flex;flex-direction:column-reverse;gap:2px;min-width:6px}.tl .seg{border-radius:3px;min-height:0;flex-shrink:0}.tl .seg.focus{background:linear-gradient(180deg,#14b8a6,#0f766e)}.tl .seg.active{background:color-mix(in srgb,var(--teal) 45%,transparent)}.tl .seg.idle{background:var(--track)}.tl-x{display:flex;gap:4px;margin-top:6px}.tl-x span{flex:1;text-align:center;font-size:10px;color:var(--sec)}.goal{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.goal:first-child{border-top:0}.goal .box{width:20px;height:20px;border-radius:6px;border:1.6px solid var(--teal);cursor:pointer;display:grid;place-items:center;flex:none;color:#fff;font-size:12px}.goal .box.done{background:var(--green);border-color:var(--green)}.goal .t{font-size:14px}.goal .t.done{text-decoration:line-through;color:var(--sec)}.goalform{display:flex;gap:8px;margin-top:12px}.goalform input{flex:1;font:inherit;font-size:14px;padding:9px 12px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink)}.tip{display:flex;gap:10px;padding:12px 14px;border-radius:12px;margin:8px 0;font-size:14px;line-height:1.55;border:1px solid var(--line)}.tip .dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex:none}.tip.good{background:color-mix(in srgb,var(--green) 9%,transparent)}.tip.good .dot{background:var(--green)}.tip.watch{background:color-mix(in srgb,var(--amber) 10%,transparent)}.tip.watch .dot{background:var(--amber)}.tip.improve{background:color-mix(in srgb,var(--teal) 10%,transparent)}.tip.improve .dot{background:var(--teal)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 10px;font-size:13.5px;border-bottom:1px solid var(--line)}th{color:var(--sec);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.score{font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:var(--shadow)}.stat .n{font-size:24px;font-weight:800}.stat .l{font-size:12px;color:var(--sec);margin-top:2px}@media (max-width: 720px){.stats{grid-template-columns:repeat(2,1fr)}}.ft{border-top:1px solid var(--line);padding:14px 20px}.ft-in{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--sec)}.ft .lock{font-weight:700;color:var(--ink)}.center{display:grid;place-items:center;min-height:60vh;text-align:center}.privacy{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--sec);border:1px dashed var(--line);border-radius:12px;padding:12px 14px}