:root{--bg: #000000;--card: #1c1c1e;--card2: #2c2c2e;--card3: #3a3a3c;--text: #ffffff;--muted: #98989f;--separator: rgba(84, 84, 88, .6);--user: #4f8ef7;--ok: #30d158;--warn: #ffd60a;--danger: #ff453a;--bench: #636366;--radius: 18px;--radius-sm: 12px;--pad: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body{color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{max-width:560px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 16px) 0 calc(env(safe-area-inset-left) + 16px)}.app{flex:1;display:flex;flex-direction:column}.page{flex:1}#root>*:not(.app){padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}h1,h2,h3{margin:0 0 6px;letter-spacing:-.02em}h1{font-size:2.05rem;font-weight:800}h2{font-size:1.35rem;font-weight:700}h3{font-size:1.06rem;font-weight:600;letter-spacing:-.01em}p{margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:.83rem}.muted.small{line-height:1.4}.section-title{font-size:1.32rem;font-weight:700;letter-spacing:-.02em;margin:26px 2px 10px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 18px}.app-header .title{font-size:2.05rem;font-weight:800;letter-spacing:-.03em;margin:0}.app-header .sub{color:var(--muted);font-size:.9rem;margin:2px 0 0}.avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:0}.avatar-btn{padding:0;background:none;border:none;cursor:pointer;border-radius:50%;flex-shrink:0}.avatar-btn .avatar{width:40px;height:40px;font-size:1.05rem}.avatar-btn:active{opacity:.6}.card{background:var(--card);border-radius:var(--radius);padding:var(--pad);margin-bottom:12px}.card.clickable{cursor:pointer;transition:background .15s,transform .1s}.card.clickable:active{background:var(--card2);transform:scale(.995)}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{display:flex;align-items:center;gap:14px}.stat-label{color:var(--muted);font-size:.82rem;font-weight:500;margin-bottom:2px}.stat-value{font-size:1.72rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.stat-value .unit{font-size:.95rem;font-weight:600;color:var(--muted);margin-left:3px}.stat-foot{color:var(--muted);font-size:.76rem;margin-top:3px}.ring{flex-shrink:0;transform:rotate(-90deg)}.ring .track{stroke:#ffffff1f}.ring .fill{stroke:var(--user);transition:stroke-dashoffset .6s ease}.plan-card .meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;margin-top:8px}.plan-card .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}.play{width:46px;height:46px;border-radius:50%;background:var(--user);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.play svg{margin-left:2px}.icon-btn{width:34px;height:34px;border-radius:50%;background:var(--card2);color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;font-size:.95rem;flex-shrink:0}button{font:inherit;border:none;border-radius:12px;padding:11px 18px;background:var(--user);color:#fff;cursor:pointer;font-weight:600;transition:opacity .15s}button:active{opacity:.65}button:disabled{opacity:.35;cursor:default}button.secondary{background:var(--card2);color:var(--text)}button.ghost{background:transparent;color:var(--user);font-weight:500;padding:8px 4px}button.big{width:100%;padding:15px;font-size:1.06rem;border-radius:14px}button.ok{background:var(--ok);color:#04310f}button.mini{padding:7px 11px;font-size:.83rem;border-radius:9px}:focus-visible{outline:2px solid var(--user);outline-offset:2px}select,input,textarea{font:inherit;font-size:1.02rem;background:var(--card2);border:1px solid transparent;color:var(--text);border-radius:var(--radius-sm);padding:12px 14px;width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder{color:#6c6c72}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--user)}label{display:block;margin-bottom:6px;font-size:.83rem;color:var(--muted)}.profiles{display:grid;gap:12px;margin-top:22px}.profile-card{display:flex;align-items:center;gap:16px;padding:18px;border-radius:var(--radius);background:var(--card);cursor:pointer;border:1px solid transparent;transition:background .15s}.profile-card:active{background:var(--card2)}.profile-card h2{font-size:1.15rem;margin-bottom:1px}.nav{position:sticky;bottom:0;margin:18px calc(-1*env(safe-area-inset-right) - 16px) 0 calc(-1*env(safe-area-inset-left) - 16px);background:#161618d1;-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);border-top:.5px solid var(--separator);display:flex;justify-content:space-around;padding:7px 0 max(7px,env(safe-area-inset-bottom));z-index:10;flex-shrink:0}.nav button{background:none;color:var(--muted);font-size:.63rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px 10px;border-radius:0;letter-spacing:.01em}.nav button.active{color:var(--user)}.nav svg{display:block}.svgbox{background:var(--card2);border-radius:var(--radius-sm);padding:8px;color:var(--text);margin-bottom:12px}.exsvg .mov{transform-box:view-box}.exsvg.animated .mov{animation:exMove 1.4s ease-in-out infinite alternate}@keyframes exMove{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(var(--dx, 0px),var(--dy, 0px)) rotate(var(--rot, 0deg)) scale(var(--sx, 1),var(--sy, 1))}}@media (prefers-reduced-motion: reduce){.exsvg.animated .mov{animation:none}.ring .fill{transition:none}}.steps{padding-left:20px;margin:10px 0}.steps li{margin-bottom:7px;line-height:1.45}.setrow{display:grid;grid-template-columns:40px 1fr 1fr 84px;gap:8px;align-items:center;margin-bottom:9px}.setrow .done{color:var(--ok);font-weight:700;text-align:center}.progressbar{height:5px;background:var(--card2);border-radius:3px;overflow:hidden;margin:12px 0 18px}.progressbar>div{height:100%;background:var(--user);border-radius:3px;transition:width .35s}.resttimer{font-size:3rem;font-weight:700;text-align:center;margin:6px 0 12px;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:600;background:var(--card2);color:var(--muted);margin-right:6px;letter-spacing:.01em}.badge.accent{background:var(--user);color:#fff}.tip{background:#ffd60a17;border-left:3px solid var(--warn);padding:12px 14px;border-radius:var(--radius-sm);font-size:.87rem;line-height:1.45;margin-top:12px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}table.history{width:100%;border-collapse:collapse;font-size:.92rem}table.history td{padding:9px 2px;border-bottom:.5px solid var(--separator)}table.history tr:last-child td{border-bottom:none}table.history td:last-child{text-align:right;font-variant-numeric:tabular-nums}.chart-label{fill:var(--muted);font-size:10px}.chart-grid{stroke:#ffffff17}.login{max-width:380px;margin:14vh auto 0}.login h1{text-align:center;font-size:1.9rem}.login>.muted{text-align:center;margin-bottom:22px}