:root{font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;color:#203631;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto}header{padding:30px 32px;display:flex;justify-content:space-between;border-bottom:1px solid #dadfd4}a{color:inherit;text-decoration:none;font-size:26px;font-weight:900;letter-spacing:2px}a span{font-size:9px;display:block;letter-spacing:3px}.tag,.eyebrow,.section-label{font-size:11px;letter-spacing:2px;font-weight:700}.tag{align-self:center;color:#64756b}main{padding:44px 32px}.intro h1{font-size:43px;line-height:1.4;letter-spacing:2px;margin:12px 0 14px}.intro>p:last-child{font-size:13px;color:#6c7970}.layout{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;margin-top:32px}.timer{background:#193a32;color:#f2f8d8;border-radius:24px;padding:28px 32px;position:relative;overflow:hidden;transition:background .3s}.timer.rest{background:#35546b}.timer.work{background:#254a2d}.topline{display:flex;justify-content:space-between;align-items:center;font-size:14px}.clock{text-align:center;font-size:104px;font-weight:700;letter-spacing:-5px;font-variant-numeric:tabular-nums;line-height:1.5}.timer>p{text-align:center;font-size:13px;margin:0}.dots{display:flex;justify-content:center;gap:10px;margin:22px 0 28px}.dots i{height:9px;width:9px;border-radius:50%;background:#ffffff24}.dots i.done{background:#cce990}.dots i.active{box-shadow:0 0 0 3px #cce99055;background:#cce990}button{font:inherit;cursor:pointer;border:1px solid #cbd2c5;background:transparent;color:inherit;padding:11px 16px;border-radius:10px;font-size:12px}button:disabled{opacity:.35;cursor:default}button:focus-visible,.import:focus-within{outline:3px solid #87a54a;outline-offset:4px}.topline button{border-color:#ffffff30;padding:7px 12px}.controls{display:flex;gap:10px}.primary{flex:1;background:#d7ed9b;color:#20382a;font-weight:700;font-size:15px;border:0;padding:17px}.primary span{margin-left:16px}.controls>button:last-child{border-color:#ffffff35}.timer .note{font-size:10px;color:#d0dbca;margin:18px 0 4px;min-height:15px}.progress{position:absolute;height:4px;bottom:0;left:0;right:0;background:#ffffff10}.progress i{display:block;background:#d7ed9b;height:100%;width:0}.section-label{display:flex;justify-content:space-between;padding:6px 0 10px}.routine{list-style:none;padding:0;margin:0}.routine li{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #dbe0d4}.routine b{font-size:11px;color:#8a9981}.routine div{font-size:14px;font-weight:700;flex:1}.routine div span{display:block;font-size:10px;font-weight:400;color:#7a8378;margin-top:5px}.routine strong{font-size:12px}.small{font-size:11px;line-height:1.9;color:#788274}.history{margin-top:60px}.history-head{display:flex;align-items:center;justify-content:space-between}h2{font-size:23px;margin:6px 0 22px}.eyebrow{color:#78856e;margin:0}.stats{display:grid;grid-template-columns:1fr 1fr 1.3fr;background:#eaece3;border-radius:16px;padding:24px;margin-bottom:22px}.stats>div{padding:0 22px;border-right:1px solid #d1d7c7}.stats>div:first-child{padding-left:0}.stats>div:last-child{border:0}.stats span{font-size:11px;display:block;color:#707d68}.stats b{font-size:36px;display:block;margin-top:10px;font-variant-numeric:tabular-nums}.stats small{font-size:12px;margin-left:8px;font-weight:400}.stats .last{font-size:18px;margin-top:23px}.empty{text-align:center;border:1px dashed #ccd2c3;border-radius:12px;padding:30px;color:#7b8871;font-size:13px}.entry{display:flex;justify-content:space-between;padding:17px 5px;border-bottom:1px solid #dce0d6;font-size:13px}.entry span{color:#78866d;font-size:12px}.import{font-size:11px;text-decoration:underline;cursor:pointer}.import input{display:none}footer{padding:30px 32px;border-top:1px solid #dce0d6;font-size:10px;color:#7e8b73;letter-spacing:1px}@media(max-width:700px){header{padding:20px}.tag{font-size:8px;letter-spacing:1px}main{padding:30px 20px}.intro h1{font-size:32px}.layout{grid-template-columns:1fr;gap:25px;margin-top:25px}.timer{padding:22px 18px}.clock{font-size:88px}.controls{gap:7px}.primary{font-size:13px}.stats{padding:18px 14px;grid-template-columns:1fr 1fr}.stats>div{padding:0 16px}.stats>div:nth-child(2){border:0}.stats>div:last-child{grid-column:1/-1;padding:18px 0 0}.stats .last{margin-top:8px}.history{margin-top:38px}.history-head button{font-size:10px;padding:10px}h2{font-size:20px}}
.audio-help{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff25}.audio-help button{white-space:nowrap;border-color:#ffffff50;min-height:44px}.audio-help p{font-size:10px;line-height:1.8;color:#d0dbca;margin:0;text-align:left}

.offline-card{margin-top:24px;padding:18px 20px;background:#eaece3;border-radius:12px;font-size:12px;line-height:1.9}.offline-card p{margin:5px 0}.offline-card strong{color:#254a2d}