:root{--bg:#0f1115;--surface:#181b22;--surface-2:#20242e;--border:#2c313d;--text:#eceef4;--muted:#9aa3b2;--accent:#4cc38a;--accent-text:#06231a;--danger:#ef5b5b;--chart-1:#5aa9ff;--chart-2:#4cc38a;--chart-3:#f3b562;--tabbar-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;overflow-x:hidden}h1,h2,p,ul{margin:0}h1{font-size:1.6rem}h2{font-size:1.15rem}ul{padding:0;list-style:none}a{color:var(--chart-1)}.app{min-height:100dvh}.screen{max-width:560px;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px);margin:0 auto}.stack{flex-direction:column;gap:12px;display:flex}.stack.tight{gap:4px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1 1 0;min-width:0}.muted{color:var(--muted);font-size:.92rem}.error{color:var(--danger);font-size:.92rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px}.card.alert{border-color:var(--danger)}.btn{border:1px solid var(--border);background:var(--surface-2);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;padding:0 16px;font-weight:600}.btn:disabled{opacity:.45}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-ghost{background:0 0}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.big{min-height:56px;font-size:1.15rem}.btn.chip{border-radius:999px;min-height:40px}.btn.option{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:56px;padding:8px 14px;display:flex}.btn.option small{opacity:.8;font-weight:400}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.input{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:8px 12px;font-size:16px}textarea.input{resize:vertical}.input.invalid{border-color:var(--danger);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger) 35%, transparent)}.badge{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.badge.pr{background:var(--chart-3);border-color:var(--chart-3);color:#241600}.badge.status-Hedefte{background:var(--accent);color:var(--accent-text)}.badge.status-Yavaş,.badge.status-Hızlı{background:var(--chart-3);color:#241600}.dot{background:var(--accent);border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;inset:auto 0 0}.tab{color:var(--muted);font:inherit;background:0 0;border:0;flex:1;font-size:.78rem;font-weight:600}.tab[aria-current=page]{color:var(--accent)}.session{flex-direction:column;gap:14px;padding-bottom:150px;display:flex}.topbar{z-index:5;background:var(--bg);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:0}.setrow{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:56px 1fr 1fr auto;align-items:end;gap:8px;padding:10px;display:grid}.setrow.completed{align-items:center;gap:8px;display:flex}.setno{align-self:center;font-weight:700}.setrow .previous,.setrow .error{grid-column:1/-1}.btn.done{min-width:76px}.options{flex-direction:column;gap:8px;display:flex}.cues{flex-direction:column;gap:6px;padding-left:18px;list-style:outside;display:flex}.card-toggle{width:100%;color:var(--text);font:inherit;background:0 0;border:0;justify-content:space-between;padding:0;font-weight:700;display:flex}.guidance{flex-direction:column;gap:10px;display:flex}.media{background:var(--surface-2);border-radius:10px;overflow:hidden}.media-loop{aspect-ratio:850/567;position:relative}.media-loop img{object-fit:cover;width:100%;height:100%;display:block}.media-frame-end{animation:1.8s ease-in-out infinite frame-swap;position:absolute;inset:0}@keyframes frame-swap{0%,40%{opacity:0}55%,90%{opacity:1}to{opacity:0}}.media-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:120px;padding:12px;display:flex}.restbar{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:10;background:var(--surface-2);border-top:2px solid var(--accent);grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;padding:12px 16px;display:grid;position:fixed}.restbar .row{grid-column:1/-1}.rest-clock{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:800}.flash{z-index:50;pointer-events:none;background:var(--accent);opacity:0;animation:.5s ease-out 3 flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.backdrop{z-index:40;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:85dvh;padding:16px 16px calc(env(safe-area-inset-bottom) + 16px);background:var(--surface);border-radius:18px 18px 0 0;flex-direction:column;gap:12px;margin:0 auto;display:flex;overflow-y:auto}.sheet-header{justify-content:space-between;align-items:center;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;padding:12px;display:flex}.stat strong{font-size:1.2rem}.summary-rows li{border-bottom:1px solid var(--border);justify-content:space-between;gap:8px;padding:6px 0;display:flex}.chart{margin:0}.chart svg{width:100%;height:auto}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-label{fill:var(--muted);font-size:10px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.85rem;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.history-list{flex-direction:column;gap:8px;display:flex}.facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{text-align:right;margin:0}.count{font-size:1.5rem}
