:root{--bg: #070B14;--bg-deep: #05070E;--card: rgba(255, 255, 255, .04);--card-2: #0A0F1C;--line: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .05);--text: #FFFFFF;--text-soft: #EEF2FB;--text-dim: #8A97B2;--text-faint: #5B6884;--nav-idle: #6B7791;--nav-idle-desktop: #7F8CA8;--cyan: #22E7FF;--cyan-2: #3BA0FF;--violet: #8F8CFF;--violet-2: #B3B0FF;--pink: #FF4D9D;--pink-2: #FF7AB8;--green: #B6FF3C;--green-2: #D2FF7E;--amber: #FBBF24;--red: #FF7AB8;--font: "Manrope", -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Sora", "Manrope", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(700px 340px at 82% -6%,var(--bg-glow-top, #0E1C34) 0%,transparent 52%),var(--bg);background-attachment:fixed}@media (min-width: 960px){body{background:radial-gradient(1100px 480px at 82% -8%,#0E1C34 0%,transparent 52%),var(--bg);background-attachment:fixed}}body:before,body:after{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}body:before{width:220px;height:220px;top:-40px;right:-50px;background:radial-gradient(circle,rgba(34,231,255,.14),transparent 68%)}body:after{width:230px;height:230px;bottom:100px;left:-70px;background:radial-gradient(circle,rgba(143,140,255,.12),transparent 68%)}@media (min-width: 960px){body:before{width:420px;height:420px;top:-120px;right:auto;left:-80px;background:radial-gradient(circle,rgba(34,231,255,.1),transparent 68%)}body:after{width:460px;height:460px;top:420px;bottom:auto;left:auto;right:-140px;background:radial-gradient(circle,rgba(143,140,255,.1),transparent 68%)}}body{min-height:100vh;min-height:100dvh}#root{display:flex;justify-content:center}.app{width:100%;max-width:520px;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 20px 130px;position:relative;z-index:1}@media (min-width: 960px){.app{max-width:1200px;padding-left:48px;padding-right:48px;padding-bottom:80px}}.eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:3px;color:var(--text-faint);text-transform:uppercase;margin-bottom:8px}h1{font-family:var(--font-display);font-size:32px;font-weight:700;letter-spacing:-.5px;color:var(--text)}h2{font-family:var(--font-display);font-size:16px;font-weight:700}@media (min-width: 960px){.eyebrow{font-size:12px}h1{font-size:46px}h2{font-size:18px}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header .eyebrow{margin-bottom:2px}.avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--cyan);background:#22d3ee14;color:var(--cyan);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;box-shadow:0 0 14px #22d3ee4d,inset 0 0 8px #22d3ee1f}.card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:16px;padding:15px 16px}.hero{display:flex;align-items:center;gap:18px;margin-bottom:20px}.hero-stats{flex:1;display:grid;gap:8px}.stat-row{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.stat-row .label{font-size:12px;color:var(--text-dim);display:flex;align-items:center;gap:7px}.stat-row .value{font-size:15px;font-weight:600}.ring-wrap{position:relative;flex-shrink:0}.ring-fg{transition:stroke-dashoffset .8s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 0 5px rgba(34,211,238,.55))}.ring-fg.full{animation:ringPulse 2.4s ease-in-out infinite}@keyframes ringPulse{0%,to{filter:drop-shadow(0 0 4px rgba(52,211,153,.5))}50%{filter:drop-shadow(0 0 13px rgba(52,211,153,.95))}}.flicker{animation:flicker 1.9s ease-in-out infinite;transform-origin:center bottom}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}25%{opacity:.72}50%{opacity:.95;transform:scale(1.14)}75%{opacity:.8}}.section{margin-bottom:22px}.items{display:grid;gap:8px}.item{width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--text-faint);border-radius:0 12px 12px 0;padding:13px 14px;color:var(--text);font-family:var(--font);font-size:15px;display:flex;align-items:center;gap:11px;cursor:pointer;transition:border-color .2s,background .2s,opacity .2s}.item:active{transform:scale(.99)}.item .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--text-faint);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:transparent;transition:all .2s}.item.done{border-left-color:var(--green);opacity:.75;animation:itemDone .5s ease}.item.done .box{background:#34d39926;border-color:var(--green);color:var(--green);box-shadow:0 0 10px #34d39966}.item.done .title{color:var(--text-faint);text-decoration:line-through}@keyframes itemDone{0%{box-shadow:0 0 #34d39900}40%{box-shadow:0 0 22px #34d39966}to{box-shadow:0 0 #34d39900}}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (min-width: 960px){.tiles{grid-template-columns:repeat(5,1fr)}}.tile{border-radius:12px;padding:12px 8px;text-align:center;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:var(--font);cursor:pointer;transition:border-color .2s}.tile .t-label{font-size:11px;color:var(--text-dim);margin-top:5px}.tile .t-value{font-size:14px;font-weight:600;margin-top:3px}.tile.c-cyan{border-color:#22d3ee66;background:#22d3ee0f;box-shadow:0 0 14px #22d3ee1a}.tile.c-cyan svg{color:var(--cyan);filter:drop-shadow(0 0 4px rgba(34,211,238,.6))}.tile.c-violet{border-color:#a78bfa66;background:#a78bfa0f;box-shadow:0 0 14px #a78bfa1a}.tile.c-violet svg{color:var(--violet);filter:drop-shadow(0 0 4px rgba(167,139,250,.6))}.tile.c-pink{border-color:#f472b666;background:#f472b60f;box-shadow:0 0 14px #f472b61a}.tile.c-pink svg{color:var(--pink);filter:drop-shadow(0 0 4px rgba(244,114,182,.6))}.tile.c-green{border-color:#34d39966;background:#34d3990f;box-shadow:0 0 14px #34d3991a}.tile.c-green svg{color:var(--green);filter:drop-shadow(0 0 4px rgba(52,211,153,.6))}.tile.c-amber{border-color:#fbbf2466;background:#fbbf240f;box-shadow:0 0 14px #fbbf241a}.tile.c-amber svg{color:var(--amber);filter:drop-shadow(0 0 4px rgba(251,191,36,.6))}@media (hover: hover){.tile{transition:border-color .2s,transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-2px)}}.tile .t-empty{color:var(--text-faint);font-weight:400}.tabbar{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:center;border-radius:26px;border:1px solid rgba(255,255,255,.14);background:#0e16268c;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 12px 40px -8px #0009,inset 0 1px #ffffff14;padding:12px;z-index:40}.tabbar-inner{display:flex;width:100%;max-width:520px}.tab{flex:1;background:none;border:1.5px solid transparent;border-radius:13px;color:var(--nav-idle);font-family:var(--font);font-size:10px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;cursor:pointer;transition:color .15s}.tab.active{color:var(--cyan)}@media (min-width: 960px){.tabbar{top:0;bottom:auto;left:0;right:0;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.06);background:#070b1499;box-shadow:none;padding:14px 48px;justify-content:space-between}.tabbar-inner{max-width:none;justify-content:flex-end;gap:10px;align-items:center}.tab{flex:0 0 auto;flex-direction:row;font-size:15px;font-weight:600;gap:9px;padding:11px 17px;color:var(--nav-idle-desktop)}.tab.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px #22e7ff59}.app{padding-top:96px}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ab3;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:50;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 960px){.sheet-backdrop{align-items:center}}.sheet{width:100%;max-width:520px;background:var(--card-2);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));animation:slideUp .25s ease-out}@media (min-width: 960px){.sheet{border-radius:20px;max-width:460px}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}input[type=number],input[type=text],input[type=password],input[type=date],select{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:var(--font);font-size:16px;padding:11px 12px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus{border-color:var(--cyan)}input[type=date]{color-scheme:dark}input[type=range]{width:100%;accent-color:var(--cyan)}.btn{background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:var(--font);font-size:15px;font-weight:500;padding:12px 16px;cursor:pointer;transition:border-color .2s,background .2s}.btn:active{transform:scale(.98)}.btn.primary{background:#22d3ee1f;border-color:var(--cyan);color:var(--cyan);width:100%;box-shadow:0 0 16px #22d3ee2e;transition:box-shadow .2s}.btn.primary:hover{box-shadow:0 0 24px #22d3ee52}.btn.ghost{border:none;background:none;color:var(--text-dim);padding:8px}.btn.icon{padding:9px;display:inline-flex;align-items:center}.stepper{display:flex;align-items:center;gap:14px;justify-content:center}.step-btn{width:46px;height:46px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--cyan);font-size:22px;font-family:var(--font);cursor:pointer}.stepper .step-val{font-size:24px;font-weight:600;min-width:90px;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{border:1px solid var(--line);background:var(--card);color:var(--text-dim);border-radius:999px;padding:7px 13px;font-family:var(--font);font-size:13px;cursor:pointer}.chip.active{border-color:var(--cyan);color:var(--cyan);background:#22d3ee14}.progress-track{height:8px;border-radius:999px;background:var(--line-soft)}.progress-fill{height:100%;border-radius:999px;background:var(--cyan);transition:width .4s ease;box-shadow:0 0 10px #22d3ee66}.workout-row{display:flex;align-items:center;gap:11px;padding:12px 2px;border-bottom:1px solid var(--line-soft)}.workout-row:last-child{border-bottom:none}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.workout-row .w-main{flex:1;min-width:0}.workout-row .w-title{font-size:14px;font-weight:500}.workout-row .w-sub{font-size:12px;color:var(--text-faint);margin-top:1px}.routine-row{display:flex;align-items:center;gap:8px;padding:10px 2px;border-bottom:1px solid var(--line-soft);font-size:14px}.routine-row:last-child{border-bottom:none}.routine-row .r-title{flex:1}.routine-row .btn.ghost{padding:5px}.mini-bars{display:flex;align-items:flex-end;gap:3px;height:60px}.mini-bars .bar{flex:1;border-radius:3px;background:#ffffff1f;min-height:3px}.mini-bars .bar.hit{background:var(--cyan);box-shadow:0 0 8px #22e7ff80}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-faint);margin-top:5px}.empty{color:var(--text-faint);font-size:13px;text-align:center;padding:18px 8px}.login-wrap{min-height:90dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.login-card{width:100%;max-width:340px;display:grid;gap:12px}.error-msg{color:var(--red);font-size:13px}.today-grid{display:flex;flex-direction:column;gap:14px}.today-main,.today-side{display:contents}.o1{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}.o8{order:8}.cockpit{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cockpit-card{border-radius:16px;padding:14px;text-align:left;color:inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,transform .1s}.cockpit-card:active{transform:scale(.98)}.cockpit-card .cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cockpit-card .cc-value{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);line-height:1}.cockpit-card .cc-unit{font-size:13px;color:var(--text-faint);font-weight:500}.cockpit-card .cc-label{font-size:12px;font-weight:500;color:var(--text-dim);margin-top:5px}@media (max-width: 400px){.cockpit-card{padding:12px 10px}.cockpit-card .cc-value{font-size:19px}.cockpit-card .cc-label{font-size:11px}}@media (min-width: 960px){.today-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;align-items:start;max-width:1200px}.today-main,.today-side{display:flex;flex-direction:column;gap:20px}.today-main{grid-column:1;grid-row:1}.today-side{grid-column:2;grid-row:1}}.cat-grid{display:grid;gap:10px}@media (min-width: 960px){.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.grid-2{display:grid;gap:0}@media (min-width: 960px){.grid-2{grid-template-columns:1fr 1fr;gap:0 36px;align-items:start}}.brand{display:none}@media (min-width: 960px){.brand{display:flex;align-items:center;gap:13px;margin-right:auto;font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:.3px;color:var(--text)}.brand .brand-ring{width:26px;height:26px;border-radius:50%;border:3px solid var(--cyan);box-shadow:0 0 16px #22e7ff99,inset 0 0 8px #22e7ff66}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.page-header .ph-text{min-width:0}.page-header .ph-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.page-sub{font-size:13px;font-weight:500;color:var(--text-dim);margin-top:3px}@media (min-width: 960px){.page-sub{font-size:16px}}.refresh-btn{width:46px;height:46px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,box-shadow .15s,transform .1s}.refresh-btn:hover{color:var(--cyan);border-color:#22e7ff66;box-shadow:0 0 14px #22e7ff2e}.refresh-btn:active{transform:scale(.94)}.refresh-btn.spin{color:var(--cyan);border-color:#22e7ff66}.refresh-btn.spin svg{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 960px){.refresh-btn{width:56px;height:56px;border-radius:16px}}.day-nav-row{display:flex;align-items:stretch;gap:10px;margin-bottom:18px}@media (min-width: 960px){.day-nav-row{max-width:520px}}.date-arrow{min-width:52px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,box-shadow .15s,transform .1s}.date-arrow:hover:not(:disabled){color:var(--cyan);border-color:#22e7ff66;box-shadow:0 0 14px #22e7ff2e}.date-arrow:active:not(:disabled){transform:scale(.94)}.date-arrow:disabled{opacity:.3;cursor:default}.day-nav-center{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 12px;border-radius:16px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:inherit;font-family:inherit;cursor:pointer;text-align:center;transition:border-color .15s}.day-nav-center:not(.static):hover{border-color:#22e7ff59}.day-nav-center.static{cursor:default}.dnc-date{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--text);line-height:1.1}.dnc-sub{font-size:12px;font-weight:500;color:var(--text-dim)}@media (min-width: 960px){.dnc-date{font-size:30px}}.timer-card{border-radius:20px;padding:22px 18px;text-align:center;margin-bottom:18px}@media (min-width: 960px){.timer-card{max-width:620px;margin-left:auto;margin-right:auto}}.timer-display{font-family:var(--font-mono);font-size:46px;font-weight:600;letter-spacing:2px;margin:6px 0 18px;line-height:1;text-shadow:0 0 24px currentColor}.timer-btn{width:100%;border:none;border-radius:14px;padding:15px;font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,box-shadow .2s}.timer-btn.start{background:linear-gradient(90deg,#22e7ff,#3ba0ff);color:#03121a;box-shadow:0 0 24px #22e7ff59}.timer-btn.start:disabled{opacity:.5;cursor:default;box-shadow:none}.timer-btn.stop{background:linear-gradient(90deg,#ff4d9d,#ff7ab8);color:#2a0a18;box-shadow:0 0 24px #ff4d9d59}.timer-btn:active:not(:disabled){transform:scale(.99)}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cmp img,.cmp-empty{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px;border:1px solid var(--line);display:block}.cmp-empty{background:#ffffff0a}.cmp-label{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);text-align:center;margin-top:6px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.gallery-item{position:relative}.gallery-item img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;border:1px solid var(--line);cursor:pointer;display:block}.gallery-item.sel img{border-color:var(--cyan);box-shadow:0 0 10px #22e7ff73}.gallery-date{position:absolute;left:5px;bottom:5px;font-family:var(--font-mono);font-size:10px;color:#fff;background:#00000080;padding:1px 5px;border-radius:5px}.gallery-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.supp-banner{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-soft);background:#ff5a6e14;border:1px solid rgba(255,90,110,.3);border-radius:12px;padding:10px 14px;margin-bottom:16px}.slot-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.slot-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text)}.slot-window{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:1px}.supp-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s,background .2s}.supp-check{width:30px;height:30px;border-radius:50%;flex:none;border:2px solid rgba(255,255,255,.22);background:transparent;color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.supp-main{flex:1;min-width:0}.supp-name{font-size:15px;font-weight:600;color:var(--text-soft)}.supp-sub{font-size:12px;color:var(--text-faint);margin-top:2px}.supp-done{border-color:#34d39966;background:linear-gradient(180deg,#34d3991a,#34d39905)}.supp-done .supp-check{background:#34d399;border-color:transparent;color:#04241a;box-shadow:0 0 12px #34d39980}.supp-done .supp-name{color:var(--text-dim);text-decoration:line-through}.supp-overdue{border-color:#ff5a6e8c;animation:suppPulse 1.6s ease-in-out infinite}@keyframes suppPulse{0%,to{box-shadow:0 0 #ff5a6e00;border-color:#ff5a6e59}50%{box-shadow:0 0 20px #ff5a6e73;border-color:#ff5a6eb3}}.supp-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;font-family:var(--font);border-radius:999px;padding:6px 11px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-dim);cursor:pointer;flex-shrink:0;white-space:nowrap}.supp-badge.on{border-color:#fbbf2480;color:#fbbf24;background:#fbbf2414}.supp-add{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 640px){.supp-add{grid-template-columns:1.4fr 1fr auto auto;align-items:center}}.wk-grid{display:grid;grid-template-columns:minmax(80px,1.3fr) repeat(7,1fr);gap:5px;align-items:center;margin-bottom:5px}.wk-name{font-size:12px;font-weight:500;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wk-header{margin-bottom:8px}.wk-daylabel{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);text-align:center;line-height:1.2}.wk-daynum{color:var(--text-dim)}.wk-cell{height:22px;border-radius:6px;background:#ffffff0d}.wk-cell.done{background:#34d399;box-shadow:0 0 8px #34d39966}.wk-cell.missed{background:#ff5a6eb3;box-shadow:0 0 8px #ff5a6e59}.wk-cell.pending{background:transparent;border:1px dashed rgba(255,255,255,.22)}.wk-cell.na{background:#ffffff0a}.wk-legend{display:flex;gap:16px;margin-top:12px;font-size:11px;color:var(--text-dim)}.wk-legend span{display:inline-flex;align-items:center;gap:6px}.wk-legend .wk-cell{width:14px;height:14px}.tab-icon{position:relative;display:inline-flex}.tab-dot{position:absolute;top:-2px;right:-4px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse-dot 1.6s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.mono-counter{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--cyan)}@media (min-width: 960px){.mono-counter{font-size:13px}}.rt-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 2px;border:none;border-top:1px solid rgba(255,255,255,.05);background:none;color:inherit;font-family:inherit;text-align:left;cursor:pointer;border-radius:0}.rt-box{width:22px;height:22px;border-radius:7px;flex:none;border:1.5px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s}.rt-row.done .rt-box{background:#22e7ffe6;border-color:transparent;color:#03121a;box-shadow:0 0 12px #22e7ff80}.rt-name{flex:1;font-size:14px;font-weight:600;color:var(--text-dim)}.rt-row.done .rt-name{color:var(--text-soft)}@media (min-width: 960px){.rt-row{padding:13px 10px;border-radius:8px}.rt-row:hover{background:#ffffff08}.rt-box{width:24px;height:24px;border-radius:8px}.rt-name{font-size:15px}}.kpi{border-radius:16px;padding:15px;cursor:pointer;text-align:left;color:inherit;font-family:inherit}.kpi .k-label{font-size:12px;font-weight:600;color:var(--text-dim)}.kpi .k-value{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text);margin-top:6px}.kpi .k-unit{font-size:12px;font-weight:600;color:var(--text-dim);margin-left:2px}.kpi .k-track{height:5px;border-radius:3px;background:#ffffff0f;margin-top:9px;overflow:hidden}.kpi .k-fill{height:100%;border-radius:3px}@media (min-width: 960px){.kpi{padding:18px}.kpi .k-value{font-size:26px}.kpi .k-track{margin-top:10px}}.goals-col{display:flex;flex-direction:column;gap:14px;margin-top:6px}.goals-head{max-width:none}@media (min-width: 960px){.goals-col{gap:16px;max-width:960px}.goals-head{max-width:960px}}.goal-card{position:relative;border-radius:18px;overflow:hidden;padding:18px 18px 18px 22px}@media (min-width: 960px){.goal-card{padding:22px 26px 22px 30px}}.goal-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.goal-head{all:unset;box-sizing:border-box;display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:12px;cursor:pointer}.goal-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text)}.goal-sub{font-size:13px;font-weight:500;color:var(--text-dim);margin-top:5px}.goal-meta{font-size:12px;font-weight:500;color:var(--text-faint);margin-top:10px}@media (min-width: 960px){.goal-title{font-size:21px}.goal-sub{font-size:14px;margin-top:6px}.goal-meta{font-size:13px;margin-top:12px}}.goal-track{height:6px;border-radius:4px;background:#ffffff0f;margin-top:13px;overflow:hidden}@media (min-width: 960px){.goal-track{margin-top:16px}}.goal-fill{height:100%;border-radius:4px;transition:width .5s ease}.add-btn{width:46px;height:46px;border-radius:14px;background:#22e7ff14;border:1.5px solid rgba(34,231,255,.5);color:var(--cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px #22e7ff33;flex-shrink:0}@media (min-width: 960px){.add-btn{width:56px;height:56px;border-radius:16px}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--card-2);border:1px solid var(--red);color:var(--red);border-radius:10px;padding:10px 16px;font-size:13px;z-index:60}