:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;color:#202124;background:#f4f5f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;font-size:15px;--muted:#85878d;--line:#eeeef0;--soft:#f5f5f6;--ink:#202124}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b9bdc4;outline-offset:4px}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:wait}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button svg{width:19px;height:19px}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1.2px;font-weight:650;line-height:1.5}h2{font-size:18px;font-weight:650;letter-spacing:-.4px}h3{font-size:15px;font-weight:600}p{line-height:1.8}.app-shell{max-width:540px;min-height:100dvh;margin:0 auto;background:#fff;position:relative;padding-bottom:calc(94px + env(safe-area-inset-bottom));box-shadow:0 0 0 1px #eee}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top) 27px 0}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:650;letter-spacing:.5px}.brand svg{width:25px;height:25px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:transparent;color:#5e6167}.icon-button:hover{background:var(--soft)}main{padding:0 27px}.eyebrow{font-size:11px;color:var(--muted);letter-spacing:1.6px;line-height:1.6}.day-heading{padding-top:17px}.day-heading .eyebrow{font-size:12px;letter-spacing:1px}.day-heading h1{margin-top:15px}.today-total{padding:35px 0 30px;border-bottom:1px solid var(--line);margin-bottom:27px}.section-kicker{font-size:12px;color:#777b82;letter-spacing:.8px;display:flex;align-items:center;gap:12px}.live-indicator{font-size:10px;letter-spacing:0;border:1px solid #e5e5e8;padding:3px 7px;border-radius:20px}.big-total{display:flex;align-items:baseline;gap:9px;margin:10px 0 12px;font-variant-numeric:tabular-nums}.big-total strong{font-size:58px;line-height:1.2;letter-spacing:-3px;font-weight:500}.big-total strong:nth-of-type(2){margin-left:11px}.big-total span{font-size:13px;color:#777b82}.muted{color:var(--muted);font-size:13px;line-height:1.8}.small{font-size:12px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}.section-header h2{display:flex;gap:8px;align-items:center}.count{font-size:12px;font-weight:400;color:#999}.primary,.secondary,.danger{min-height:48px;border-radius:13px;padding:12px 20px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:550;transition:transform .12s,background .12s}.primary{background:#232426;color:#fff}.primary:hover{background:#3c3d40}.secondary{background:#eeeef0;color:#303238}.secondary:hover{background:#e5e5e8}.danger{background:#af3232;color:#fff}.compact{min-height:40px;font-size:12px;padding:9px 13px;border-radius:10px}.full{width:100%;margin-top:12px}.text-button,.subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;background:transparent;padding:11px 0;min-height:44px;color:#4f5259;font-size:12px}.subtle-button{color:#989aa0}.text-button:hover,.subtle-button:hover{color:#000}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.subject-list{border-bottom:1px solid var(--line)}.subject-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line);min-height:85px}.subject-row:last-child{border-bottom:0}.subject-initial{width:42px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f3f4;color:#6f7278;font-size:16px;font-weight:500}.subject-copy{flex:1;min-width:0}.subject-copy h3{overflow-wrap:anywhere;line-height:1.6}.subject-copy .small{display:block;margin-top:3px}.play-button{background:#f5f5f6;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#404248;flex-shrink:0}.play-button svg{width:17px;height:17px;fill:currentColor;stroke-width:0;margin-left:2px}.current-tag{font-size:11px;color:#7c7f86;border-radius:20px;padding:6px 9px;border:1px solid #e7e8ea;flex-shrink:0}.manual-entry{display:flex;align-items:center;gap:6px;background:transparent;width:100%;padding:23px 0 18px;font-size:13px;color:#5d6169;text-align:left;min-height:60px}.manual-entry svg{width:17px;height:17px}.manual-entry span{margin-left:auto;color:#aaacb2;font-size:10px}.page-footer{text-align:center;color:#b5b7bd;font-size:10px;padding-top:29px;letter-spacing:1px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;justify-content:space-around;width:100%;max-width:540px;height:calc(76px + env(safe-area-inset-bottom));padding:9px 15px calc(9px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--line);z-index:5;backdrop-filter:blur(14px)}.bottom-nav a{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:85px;font-size:10px;color:#a4a7ad;letter-spacing:1px;border-radius:12px}.bottom-nav a.selected{color:#222426}.bottom-nav a.selected svg{stroke-width:2}.bottom-nav a:hover{background:#fafafa}.empty-state{padding:27px 18px 32px;text-align:center;background:#fafafa;border:1px dashed #e9e9ec;border-radius:16px;margin-top:13px}.empty-state p{font-size:13px;color:#7c7e85;margin:12px 0 18px}.empty-icon{background:#f0f0f2;color:#a3a5ac;width:49px;height:49px;margin:0 auto 5px;border-radius:15px;display:flex;align-items:center;justify-content:center}.empty-icon svg{width:24px;height:24px}.timer-card{background:#f5f5f6;border:1px solid #ededf0;border-radius:20px;margin:0 0 28px;padding:20px 20px 9px}.status-label{font-size:11px;color:#85878e;display:flex;align-items:center;gap:6px}.status-label:before{content:"";width:5px;height:5px;background:#aaaeb5;border-radius:50%}.status-label.running{color:#41464e}.status-label.running:before{background:#41464e;box-shadow:0 0 0 3px #e6e6e9}.timer-subject{font-size:18px;margin-top:21px;overflow-wrap:anywhere}.timer-digits{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:43px;letter-spacing:-1.4px;line-height:1.4;font-weight:400;font-variant-numeric:tabular-nums;margin:8px 0 20px}.timer-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.timer-actions .secondary{background:#e9e9ec}.timer-card>.text-button{display:flex;width:100%;font-size:11px;color:#8c8f96}.notice{font-size:12px;background:#f2f2f3;padding:12px 14px;border-radius:10px;color:#666970;margin:10px 0 15px;line-height:1.8}.timer-card .notice{background:#eaeaed}.footnote{color:#999da4;font-size:11px;line-height:1.9}.page-title{padding:20px 0 28px}.page-title h1{font-size:29px;margin:10px 0 6px}.page-title .eyebrow{font-size:9px;letter-spacing:1.8px}.segmented{display:flex;background:#f3f3f5;padding:4px;border-radius:12px;gap:4px}.segmented a{font-size:12px;flex:1;text-align:center;color:#8a8c92;padding:10px 3px;border-radius:9px}.segmented a.active{background:#fff;color:#292b30;box-shadow:0 1px 3px #00000008}.date-picker{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8b8e95;margin-top:25px;gap:15px}.date-picker input{width:auto;max-width:180px;min-height:43px;border:1px solid #e9e9ec;font-size:13px;color:#4c4e55}.history-overview{padding:27px 0 22px;border-bottom:1px solid var(--line)}.history-total{font-size:28px;letter-spacing:-1px;margin:10px 0 20px;font-weight:500}.history-overview>.small{margin-top:16px;font-size:10px}.bar-chart{height:104px;display:flex;align-items:end;gap:4px}.bar-column{height:100%;display:flex;align-items:end;justify-content:center;flex:1;min-width:0;padding-top:3px}.bar{display:block;width:100%;max-width:25px;background:#53565e;border-radius:4px 4px 1px 1px;min-height:2px}.bar-column:hover .bar{background:#151619}.chart-axis{display:flex;justify-content:space-between;color:#a0a2a8;font-size:10px;margin-top:8px}.day-group{border:1px solid var(--line);border-radius:15px;padding:16px;margin:14px 0}.day-group h3{font-size:12px}.day-group .row>.small{font-size:11px;color:#6a6d74}.day-subjects{display:flex;gap:7px 18px;flex-wrap:wrap;margin-top:16px}.day-subjects>span{font-size:11px;color:#898c93;overflow-wrap:anywhere}.day-subjects b{color:#575a62;font-weight:400;margin-left:5px}details summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#8e9198;font-size:11px}details summary::-webkit-details-marker{display:none}details summary:after{content:"＋";font-size:14px}details[open]>summary:after{content:"−"}.day-group summary{margin-top:9px;justify-content:start;gap:10px}.day-group summary span{font-size:10px;color:#aaaeb5}.day-group summary:after{margin-left:auto}.record-list{border-top:1px solid var(--line)}.record-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;padding:13px 0;text-align:left;min-height:64px;border-bottom:1px solid #f5f5f6}.record-row:last-child{border-bottom:0}.record-row>span:first-child{min-width:0}.record-row b{font-size:12px;font-weight:500;overflow-wrap:anywhere;display:block}.record-row small{font-size:10px;color:#a0a3aa;display:block;margin-top:6px}.record-row>span:last-child{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;color:#73767e}.record-row svg{width:14px;height:14px}.history-empty{margin-top:20px}.history-empty p{margin-bottom:5px}.manage-list{border-bottom:1px solid var(--line)}.manage-row{display:flex;align-items:center;gap:11px;padding:19px 0;border-top:1px solid var(--line)}.manage-row .text-button,.manage-row .subtle-button{font-size:10px;flex-shrink:0}.manage-row .subject-initial{width:36px;height:40px;font-size:14px}.archived-list{margin-top:32px}.archived-list summary{font-size:13px;color:#5c5f67;gap:7px;justify-content:start}.archived-list summary:after{margin-left:auto}.archived-list summary span{font-size:11px;color:#aaa}.archived-list p{margin:11px 0}.soft-note{display:flex;align-items:start;gap:9px;background:#f6f6f7;border-radius:12px;padding:16px;font-size:11px;line-height:1.9;color:#999ca3;margin-top:30px}.soft-note svg{width:16px;height:16px;margin-top:3px}.back-link{font-size:12px;color:#858991;display:flex;align-items:center;gap:5px;padding:8px 0}.back-link svg{width:15px;height:15px}.settings-card{border:1px solid var(--line);border-radius:17px;padding:20px;margin-bottom:20px}.settings-card h2{font-size:16px;margin-bottom:12px}.settings-card>p{font-size:12px;color:#90939a;margin:9px 0}.settings-card .small{font-size:10px;margin-top:15px}.settings-card .text-button{padding-bottom:0}.version{font-size:10px;font-weight:400;color:#a0a2aa;margin-left:8px}.about ul{padding-left:16px;color:#93969e;font-size:11px;line-height:1.9;margin:16px 0 0}.about li{margin-bottom:7px}.sheet{border:0;border-radius:24px 24px 0 0;width:100%;max-width:540px;max-height:90dvh;margin:auto auto 0;padding:24px 26px calc(19px + env(safe-area-inset-bottom));color:var(--ink);box-shadow:0 -12px 60px #00000012;overscroll-behavior:contain}.sheet::backdrop{background:#0005;backdrop-filter:blur(2px)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sheet-header h2{font-size:20px}.sheet-header .icon-button{margin-right:-9px;width:35px;height:35px}.sheet-header svg{width:19px;height:19px}.sheet label{display:block;font-size:12px;color:#72767e;margin:16px 0 8px}input,select{display:block;width:100%;background:#f7f7f8;border:1px solid #e8e8eb;border-radius:11px;min-height:48px;padding:11px;color:#303238;margin-top:9px;font-size:15px;outline:none}input:focus,select:focus{border-color:#7d818a;box-shadow:0 0 0 2px #e8e8eb}input[type=date]{min-width:0;color-scheme:light}input:disabled,select:disabled{color:#7c7f86;opacity:1}.duration-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px}.duration-fields label{margin-top:0;text-align:center;font-size:11px}.duration-fields input{text-align:center;margin:0 0 7px}.dialog-copy{font-size:13px;color:#81858d;line-height:1.9;margin-bottom:15px}.dialog-copy strong{color:#393c43;font-weight:550}.form-error{font-size:12px;color:#af3232;line-height:1.8;min-height:5px;margin-top:7px}.delete-record{color:#b45656;font-size:11px;background:transparent;min-height:44px;padding:10px 0}.sheet .full.text-button{margin-top:5px}.stack{margin-bottom:8px}.toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,12px);max-width:min(90vw,470px);width:max-content;background:#2d3036;color:#fff;font-size:12px;line-height:1.7;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;z-index:20;transition:opacity .18s,transform .18s;box-shadow:0 5px 25px #0002}.toast.show{opacity:1;transform:translate(-50%)}.startup-error{max-width:500px;margin:50px auto}.startup-error p{margin:20px 0;color:#888}.startup-error button{padding:15px;border-radius:10px}@media(min-width:650px){.app-shell{margin:28px auto 0;min-height:calc(100dvh - 28px);border-radius:26px 26px 0 0}.sheet{margin:auto;border-radius:22px;max-width:460px;padding:24px 28px}.bottom-nav{border-radius:0}.header{height:90px}}@media(max-width:360px){main{padding:0 20px}.header{padding-left:20px;padding-right:20px}h1{font-size:28px}.big-total strong{font-size:52px}.manual-entry span{font-size:9px}.manage-row{gap:7px}.timer-digits{font-size:38px}.sheet{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}