:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#13243b;background:#eaf0f8;font-synthesis:none;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:#f6f9fe}.app{margin:0 auto;max-width:570px;height:100dvh;min-height:440px;display:flex;flex-direction:column;background:#f6f9fe;overflow:hidden;position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 18px 12px;background:#fff;border-bottom:1px solid #e3eaf2;flex-shrink:0}.brand{display:flex;gap:10px;align-items:center}.brand img{border-radius:10px}.brand strong{display:block;font-weight:850;font-size:20px;letter-spacing:-.6px}.brand span{display:block;font-size:9px;font-weight:800;letter-spacing:1.3px;color:#69809b}.connection{font-size:11px;color:#48617e;font-weight:700;white-space:nowrap}.status-dot{display:inline-block;width:8px;height:8px;background:#11ad82;border-radius:50%;margin-right:4px}.connection.wait .status-dot{background:#e5a323}.view{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:16px 16px 25px}.view::-webkit-scrollbar{display:none}.tabs{flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 7px calc(9px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 18px #162b4b0c;border-top:1px solid #e5ebf3}.tab{background:transparent;border:0;border-radius:14px;color:#8293a8;padding:6px 2px 5px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-weight:700;font-size:11px;cursor:pointer}.tab.active{color:#1268d4;background:#eaf3ff}.tab-icon{font-size:23px;height:25px;line-height:1}.eyebrow{font-size:11px;color:#7790ad;letter-spacing:1.2px;text-transform:uppercase;font-weight:850}.page-head{margin:2px 2px 15px}.page-head h1{font-size:26px;margin:5px 0 5px;letter-spacing:-.7px}.page-head p{margin:0;font-size:13px;color:#6a7f99;line-height:1.5}.card{background:#fff;border:1px solid #e3eaf3;border-radius:19px;padding:16px;box-shadow:0 4px 15px #26466707;margin-bottom:12px}.panel{background:#edf4ff;border-radius:17px;padding:16px;margin-bottom:14px}.timer-panel{background:#fff;border:1px solid #e1e9f5;border-radius:22px;padding:19px 13px 16px;text-align:center;box-shadow:0 6px 22px #1e4a8508}.timer-label{color:#7e90a6;font-weight:850;font-size:11px;letter-spacing:1.3px}.time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:-1.9px;white-space:nowrap}.time-primary{font-size:clamp(40px,10.2vw,61px);font-weight:800;color:#172b47;margin:7px 0 12px}.timer-subgrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e8edf5;padding-top:14px;gap:4px}.timer-sub{min-width:0}.timer-sub+.timer-sub{border-left:1px solid #e8edf5}.timer-sub .time{font-size:clamp(21px,5.5vw,29px);letter-spacing:-.8px;font-weight:850;display:block;margin-top:5px}.timer-sub.best .time{color:#159a7a}.session-strip{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 3px 13px}.session-name{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-meta{font-size:12px;color:#7187a0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{font-size:11px;font-weight:850;border-radius:30px;padding:7px 11px;background:#e8f4ed;color:#15865e;white-space:nowrap}.chip.waiting{background:#edf1fa;color:#677c98}.chip.paused{background:#fff1d9;color:#986007}.chip.finished{background:#eaf3ff;color:#155fae}.stat-line{display:flex;justify-content:space-between;align-items:center;padding:12px 3px;font-size:13px;color:#58708b}.stat-line strong{color:#233d5b}.action-dock{position:sticky;bottom:5px;background:linear-gradient(180deg,transparent,#f6f9fe 12%);padding-top:10px;padding-bottom:4px;z-index:4}.big-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:145px;border:0;border-radius:22px;background:#1166d6;color:#fff;box-shadow:0 7px 0 #0b4da9,0 13px 20px #1767d82b;font-size:29px;font-weight:900;letter-spacing:.8px;touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none}.big-button:active{transform:translateY(4px);box-shadow:0 3px 0 #0b4da9}.big-button span{font-size:13px;font-weight:650;letter-spacing:0;color:#e8f2ff}.big-button.start{background:#138d77;box-shadow:0 7px 0 #0a6d59,0 13px 20px #15927b26}.big-button.start:active{box-shadow:0 3px 0 #0a6d59}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.btn{border:1px solid #dce6f1;background:#fff;color:#244260;font-size:14px;font-weight:800;border-radius:13px;min-height:48px;padding:11px 14px;cursor:pointer;touch-action:manipulation}.btn:active{transform:scale(.99)}.btn.blue{background:#1268d6;color:#fff;border-color:#1268d6}.btn.light{background:#e9f2ff;color:#125fbe;border-color:#e5efff}.btn.danger{color:#ac3f40;background:#fff4f4;border-color:#f9e4e4}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.full{width:100%}.btn.small{font-size:12px;min-height:37px;padding:7px 11px}.btn.inline{width:auto}.btn.secondary{background:#f0f5fb}.field{margin-bottom:16px}.field label{font-size:13px;color:#314c6b;font-weight:800;display:block;margin:0 0 7px}.field input,.field select{width:100%;background:#fff;border:1px solid #d9e4ef;border-radius:12px;min-height:49px;padding:12px 14px;color:#1e3653;font-size:16px;outline:none}.field input:focus,.field select:focus{border-color:#1268d6;box-shadow:0 0 0 3px #1669dc17}.hint{color:#7188a2;font-size:12px;line-height:1.6;margin:8px 0}.line{display:flex;align-items:center;justify-content:space-between;gap:9px}.stack{display:flex;flex-direction:column;gap:9px}.title-sm{font-size:16px;font-weight:850;letter-spacing:-.2px}.micro{font-size:11px;color:#8294aa}.muted{color:#6e839b}.divider{height:1px;background:#edf1f6;margin:12px 0}.entry{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf2f7}.entry:last-child{border-bottom:none}.entry-number{font-size:12px;font-weight:850;color:#7790aa;min-width:50px}.entry-time{font-weight:850;font-size:17px;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.entry-left{flex:1}.entry-sub{color:#7b91aa;font-size:11px;margin-top:3px}.empty{text-align:center;padding:25px 12px;color:#8294aa}.empty-icon{font-size:37px;display:block;margin-bottom:11px}.archive-card{cursor:pointer}.archive-title{font-weight:850;font-size:17px}.badge{font-size:10px;font-weight:850;border-radius:7px;background:#eff4fb;color:#5d7390;padding:5px 7px}.badge.green{background:#e4f6ef;color:#13876b}.badge.yellow{background:#fff3df;color:#a1690a}.badge.red{background:#ffebeb;color:#ba5151}.archive-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px;padding:12px 0 0;border-top:1px solid #eaf0f5}.archive-stats div{min-width:0}.archive-stats b{display:block;font-size:16px;letter-spacing:-.4px}.archive-stats small{color:#7e91a7;font-size:10px}.tabs-mini{display:flex;gap:5px;background:#edf2fa;padding:4px;border-radius:12px;margin:0 0 14px}.tabs-mini button{flex:1;border:none;border-radius:9px;padding:10px 5px;background:transparent;font-weight:800;color:#6b829e;font-size:12px}.tabs-mini button.selected{background:#fff;color:#1466c6;box-shadow:0 1px 5px #26466519}.chart-row{display:flex;align-items:center;gap:10px;margin:13px 0}.chart-label{width:77px;flex-shrink:0;color:#5c738e;font-size:11px}.chart-track{flex:1;height:16px;border-radius:10px;background:#edf2f9;overflow:hidden}.chart-fill{height:100%;border-radius:10px;background:#2f82df}.chart-time{font-size:11px;font-weight:800;color:#315170;white-space:nowrap}.banner{background:#fff2d6;color:#8c5b09;padding:11px 17px;font-size:12px;line-height:1.4}.hidden{display:none!important}.toast{position:absolute;z-index:20;left:18px;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));background:#203954;color:#fff;padding:12px 16px;border-radius:13px;text-align:center;font-weight:750;font-size:13px;box-shadow:0 8px 28px #132c4461;pointer-events:none}.settings-row{display:flex;gap:9px;align-items:center;justify-content:space-between;margin:13px 0}.status-message{color:#586f88;font-size:12px;line-height:1.6}.tag{display:inline-flex;background:#e8f2ff;color:#1665c5;font-size:11px;font-weight:800;border-radius:30px;padding:5px 9px}.edit-grid{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.back{border:0;background:transparent;color:#1266c5;padding:4px 0 16px;font-size:14px;font-weight:800}.correction-row{border-bottom:1px solid #edf1f6;padding:13px 0}.correction-row:last-child{border:0}.correction-label{font-size:13px;font-weight:850}.correction-time{font-size:12px;color:#6e819b;margin-top:3px}.correction-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.footer-note{font-size:11px;line-height:1.65;color:#7b8fa6;margin:16px 2px}.setup-illustration{height:105px;border-radius:18px;background:linear-gradient(115deg,#d7e8ff,#ecf6ff);display:flex;align-items:center;justify-content:center;font-size:53px;margin-bottom:18px}.loading{text-align:center;color:#758ca5;padding:60px 10px}button:focus-visible{outline:3px solid #50a3ff;outline-offset:3px}::selection{background:#d6e9ff}@media (max-height:750px){.view{padding-top:10px}.timer-panel{padding:12px 10px}.time-primary{font-size:42px;margin:5px 0 7px}.big-button{min-height:116px}.action-row{margin-top:11px}.page-head h1{font-size:23px}}@media (min-width:580px){.app{border-left:1px solid #e6edf5;border-right:1px solid #e6edf5;box-shadow:0 12px 45px #17365e1a}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}