:root{color-scheme:dark;--bg:#101714;--panel:#131d18;--mint:#b9f5d3;--text:#e4ece7;--muted:#8c9e92;--line:#2b3a31;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.shell{max-width:1080px;padding:0 48px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding:34px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:750;letter-spacing:2px}.brand-dot{color:var(--mint);font-size:25px;margin-left:-9px}.brand-mark{width:17px;height:20px;border:1px solid var(--mint);box-shadow:inset 4px 0 0 var(--mint)}.sound{font-size:12px;background:none;color:var(--muted);padding:10px 0 10px 12px;display:flex;gap:6px;align-items:center}.sound[aria-pressed=true]{color:var(--mint)}#sound-icon{font-size:19px;margin-right:3px}.clock-section{text-align:center;padding:58px 0 43px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font:10px var(--mono);letter-spacing:2.4px}.live-dot{width:5px;height:5px;border-radius:50%;background:#65796b}.live-dot.active{background:var(--mint);box-shadow:0 0 13px #b9f5d355}h1{font-size:23px;letter-spacing:-1px;font-weight:450;margin:20px 0 28px}.mode-switch{display:inline-flex;border:1px solid var(--line);padding:4px;border-radius:30px;gap:4px}.mode-switch button{background:none;color:var(--muted);border-radius:25px;padding:9px 31px;font-size:12px}.mode-switch button.selected{background:#293d31;color:var(--mint)}.mode-switch button:hover{color:var(--text)}.clock-wrap{max-width:660px;margin:29px auto 0}#clock{font:clamp(70px,13.4vw,144px)/1.15 var(--mono);font-weight:350;letter-spacing:-9px;color:var(--mint);font-variant-numeric:tabular-nums;white-space:nowrap}.colon{color:#6e9b80}.clock-caption{display:flex;justify-content:space-between;max-width:465px;margin:13px auto 24px;font:10px var(--mono);letter-spacing:2px;color:var(--muted)}.progress-track{height:2px;background:var(--line);max-width:465px;margin:auto;overflow:hidden}#progress-fill{height:100%;width:0;background:var(--mint);transition:width .2s linear}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:32px 0 0}.primary{min-width:184px;padding:16px 24px;background:var(--mint);color:#12291c;font-size:14px;font-weight:650;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:20px}.primary:hover{background:#d1ffe3}.primary span{font-size:18px}.reset{background:none;color:var(--muted);padding:16px 15px;font-size:20px;display:flex;gap:7px;align-items:center}.reset span{font-size:12px}.reset:hover{color:var(--text)}.status{color:var(--muted);font-size:12px;margin:19px auto 0;min-height:20px;line-height:1.6}.lower-grid{display:grid;grid-template-columns:1.12fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.panel{padding:28px 0 25px}.settings{padding-right:36px;border-right:1px solid var(--line)}.record{padding-left:36px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-top h2{font-size:13px;font-weight:500;margin:0}.section-top>span{font:9px var(--mono);letter-spacing:1px;color:#7c9183}.fields{display:flex;gap:20px;margin-top:25px}.fields label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;font-size:11px;color:var(--muted)}.input-wrap{display:flex;align-items:center;gap:6px;border-bottom:1px solid #3e5144;padding:0 0 7px}.input-wrap input{color:var(--text);font:29px var(--mono);border:0;background:transparent;width:100%;min-width:0;appearance:textfield;-moz-appearance:textfield}.input-wrap input::-webkit-inner-spin-button,.input-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrap input[aria-invalid=true]{color:#ffc4ad}.fields small{font:10px var(--mono);color:#7e9184}.settings-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.settings-bottom p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.apply{background:#243b2c;color:var(--mint);padding:9px 12px;white-space:nowrap;border-radius:4px;font-size:11px}.apply:hover{background:#314d3b}.error{color:#ffc4ad;font-size:11px;line-height:1.5;margin:10px 0 0}.error:empty{display:none}.record-main{display:flex;align-items:center;gap:23px;margin-top:24px}#session-count{font:46px/1 var(--mono);color:var(--mint)}.record-main p{margin:0;font-size:12px;line-height:1.8}.record-main small{font-size:10px;color:var(--muted)}.session-dots{display:flex;gap:5px;margin-top:17px;flex-wrap:wrap}.session-dots span{height:7px;width:17px;background:#26372d;border-radius:1px}.session-dots span.filled{background:#9cccac}.record-note{font-size:11px;color:var(--muted);line-height:1.8;margin:14px 0 0}.guide{display:grid;grid-template-columns:140px 1fr 1fr;gap:28px;padding:27px 0 31px}.guide h2{font-size:11px;font-weight:500;margin:3px 0}.guide p{font-size:10px;color:var(--muted);line-height:1.9;margin:0}footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;gap:15px;justify-content:space-between;align-items:center}.footer-brand{font:8px var(--mono);letter-spacing:1.7px;color:var(--muted)}footer p{font-size:10px;color:#83988a;margin:9px 0 0;line-height:1.7}#storage-status:empty{display:none}#clear-data{background:transparent;color:var(--muted);font-size:10px;text-decoration:underline;text-underline-offset:4px;padding:12px 0;white-space:nowrap}#clear-data:hover{color:var(--text)}
@media(min-width:1200px){.clock-section{padding-top:65px;padding-bottom:47px}}
@media(max-width:700px){.shell{padding:0 24px}.masthead{padding:24px 0}.brand{font-size:11px;letter-spacing:1.3px;gap:8px}.brand-mark{width:14px;height:17px}.sound{font-size:10px}.clock-section{padding:43px 0 33px}h1{font-size:21px;margin-top:18px}.eyebrow{font-size:8px;letter-spacing:2px}.clock-wrap{margin-top:30px}#clock{font-size:clamp(59px,18.6vw,115px);letter-spacing:-5px}.clock-caption{font-size:8px;letter-spacing:1.5px;margin-top:14px;margin-bottom:20px}.controls{margin-top:28px}.primary{min-width:170px;padding:15px 20px}.reset{padding-right:0}.status{font-size:11px;margin-top:19px}.lower-grid{grid-template-columns:1fr}.panel{padding:25px 0}.settings{border-right:0;border-bottom:1px solid var(--line)}.section-top>span{font-size:8px}.record{padding-bottom:26px}.record-main{margin-top:20px}.record-note br{display:none}.guide{grid-template-columns:1fr;gap:12px;padding:26px 0}.guide h2{margin:0 0 2px}.guide p{font-size:11px}footer{align-items:flex-start;flex-direction:column;gap:5px}footer p{font-size:10px}.fields{gap:26px}.fields label{font-size:12px}.settings-bottom p{font-size:11px}#clear-data{padding:9px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}