@charset "UTF-8";
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#273e35;background:#f6f8f5;font-synthesis:none;font-weight:400;--green:#2f765b;--muted:#7a8980;--border:#e7ece7}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.6}button,input,a{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #8cba80;outline-offset:4px}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.page{max-width:1100px;margin:auto;padding:0 42px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:650;letter-spacing:1px}.brand-mark{display:flex;align-items:center;gap:3px;width:35px;height:35px;justify-content:center;border-radius:11px;background:var(--green);box-shadow:0 3px 6px #254d3210}.brand-mark i{height:12px;width:3px;border-radius:2px;background:#fff}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:16px}.brand-mark i:nth-child(4){height:8px}.brand-divider{font-size:16px;color:#c9d1c9;margin:0 14px;font-weight:400}.brand-sub{font-size:14px;font-weight:400;color:#718176;letter-spacing:0}.privacy-badge{font-size:12px;color:#688272;display:flex;align-items:center;gap:7px}.privacy-badge svg{width:16px;height:16px}.intro{padding:46px 0 32px}.eyebrow{font-size:11px;letter-spacing:2px;color:#7b8e7d;display:flex;align-items:center;gap:7px}.eyebrow>span{width:5px;height:5px;background:#89a980;border-radius:50%}h1{font-size:35px;letter-spacing:-1px;line-height:1.35;font-weight:600;margin:13px 0 10px}h1 span{color:var(--green)}.intro p{font-size:13px;color:#859087;margin:0;letter-spacing:.6px}.workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:stretch}.card{background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 5px 18px #334e321f}.monitor{padding:28px 32px 24px;display:flex;flex-direction:column}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:15px;margin:0;font-weight:650}.status{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#f4f6f3;border:1px solid #edf0eb;border-radius:7px;font-size:11px;color:#859087}.status i{width:5px;height:5px;background:currentColor;border-radius:50%}.status.active{color:#37775b;background:#edf5ec;border-color:#e3efdf}.status.alert{color:#9f7828;background:#faf4e8;border-color:#f2e8d0}.timer-area{display:flex;justify-content:center;align-items:center;flex:1;padding:23px 0 24px}.timer-ring{position:relative;width:245px;height:245px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,#f9fbf5 0,#f9fbf5 64%,transparent 65%)}.ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{stroke:#edf2e7;stroke-width:5;fill:none}.ring-progress{stroke:#88ab6a;stroke-width:5;fill:none;stroke-dasharray:691.15;stroke-dashoffset:691.15;transition:stroke-dashoffset .1s linear}.timer-content{text-align:center}.timer-label{font-size:12px;color:#788978;letter-spacing:1px}.timer-number{display:flex;justify-content:center;align-items:baseline;gap:5px;margin:7px 0 9px;font-variant-numeric:tabular-nums}.timer-number #countdown{font-size:65px;line-height:1.2;font-weight:450;letter-spacing:-3px}.seconds{font-size:14px;color:#8c978a}.timer-caption{font-size:11px;color:#8a9688}.volume-panel{margin:0 2px 23px}.volume-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.volume-label>span:last-child{font-size:11px;color:#8c978d}.meter{height:14px;border-radius:4px;background:repeating-linear-gradient(90deg,#eff2ec 0,#eff2ec 5px,transparent 5px,transparent 8px);position:relative;overflow:hidden}.meter-fill{width:0;height:100%;background:repeating-linear-gradient(90deg,#9abb80 0,#9abb80 5px,transparent 5px,transparent 8px);transition:width .12s linear}.threshold-marker{position:absolute;left:50%;height:100%;border-left:2px solid #51755b}.meter-labels{display:flex;justify-content:space-between;font-size:10px;color:#929d92;margin-top:8px}.primary-button{width:100%;background:var(--green);color:#fff;border:0;border-radius:11px;min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;letter-spacing:1px;transition:background .2s,transform .2s}.primary-button:hover{background:#256348}.primary-button:active{transform:scale(.99)}.primary-button.running{background:#eaf1e7;color:#426348}.primary-button svg{width:19px;height:19px}.main-hint{text-align:center;font-size:11px;color:#94a093;margin:13px 0 0}.message{padding:12px;background:#fff4e9;border:1px solid #f1dbc2;border-radius:9px;margin-top:14px;color:#865825;font-size:12px;line-height:1.7}.settings{padding:29px 28px 25px}.small-label{font-size:11px;color:#94a093}fieldset{border:0;padding:0;margin:27px 0 0;min-width:0}legend{font-size:13px;padding:0;margin-bottom:13px}.duration-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.duration-option{background:#fff;border:1px solid #e6ebe3;border-radius:11px;text-align:center;padding:14px 4px 12px;min-height:79px}.duration-option.selected{background:#eff5e9;border-color:#94b17f;box-shadow:0 0 0 1px #94b17f22}.duration-option strong{font-size:21px;font-weight:550;display:block;line-height:1.25}.duration-option strong span{font-size:12px;font-weight:400}.duration-option:last-child strong{font-size:15px;padding:4px 0 3px}.duration-option small{display:block;font-size:10px;color:#95a18b;margin-top:7px}.duration-option.selected small{color:#799268}.custom-wrap{margin-top:12px;display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.custom-wrap>div{display:flex;align-items:center;gap:6px}.custom-wrap input{width:78px;border:1px solid var(--border);padding:8px;border-radius:7px;font-size:16px}.custom-wrap small{color:var(--muted)}.setting-block{border-bottom:1px solid var(--border);padding:23px 0 20px}.setting-title{display:flex;align-items:center;justify-content:space-between;font-size:13px}.setting-title output{color:#789565;font-size:12px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:5px;border-radius:10px;background:#e8eedf;margin:21px 0 12px;display:block;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:#fff;width:19px;height:19px;border:5px solid #668b53;border-radius:50%;box-shadow:0 1px 3px #64814733}input[type=range]::-moz-range-thumb{background:#fff;width:10px;height:10px;border:5px solid #668b53;border-radius:50%}.range-labels{display:flex;justify-content:space-between;color:#8d9988;font-size:10px}.setting-help{font-size:11px;line-height:1.7;color:#899483;margin:13px 0 0}.text-button{display:flex;align-items:center;gap:7px;width:100%;background:#f7f9f4;border:1px solid #edf1e6;border-radius:8px;padding:10px;margin-top:14px;font-size:11px;color:#658054}.text-button svg{width:15px;height:15px}.button-tag{margin-left:auto;font-size:10px;color:#94a18c}.calibration-help{font-size:10px;margin:7px 0 0;color:#8c9788}.voice-tag{font-size:10px;color:#869578;background:#f1f5eb;border-radius:4px;padding:4px 6px}.voice-preview{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:12px}.voice-description{display:flex;gap:10px;align-items:center}.voice-icon{height:37px;width:37px;background:#f4f7ef;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#86a26a}.voice-icon svg{width:19px;height:19px}.voice-description strong{font-size:15px;font-weight:550;display:block}.voice-description small{font-size:10px;color:#909c89;display:block;margin-top:5px}.preview-button{border:1px solid #e1e8da;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;padding:8px 10px;min-height:38px}.preview-button svg{width:12px;height:12px}.wake-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.wake-row label{font-size:12px}.wake-row p{font-size:10px;color:#93a088;margin:6px 0 0}.switch{position:relative;display:block;flex-shrink:0;width:35px;height:21px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{display:block;width:35px;height:21px;background:#ccd5c5;border-radius:12px;pointer-events:none;transition:background .2s}.switch span:before{content:"";position:absolute;left:3px;top:3px;background:white;width:15px;height:15px;border-radius:50%;transition:transform .2s}.switch input:checked+span{background:#769a5e}.switch input:checked+span:before{transform:translateX(14px)}.switch input:focus-visible+span{outline:3px solid #8cba80;outline-offset:3px}.usage-note{display:flex;gap:10px;align-items:flex-start;padding:18px 20px;margin-top:21px;background:#edf1e8;border:1px solid #e5ebdd;border-radius:12px}.note-icon{font-family:Georgia,serif;border:1px solid #8e9f80;color:#809373;border-radius:50%;font-size:11px;height:15px;width:15px;flex-shrink:0;display:flex;justify-content:center;align-items:center;margin-top:2px}.usage-note p{font-size:11px;color:#86937c;line-height:1.8;margin:0}.usage-note strong{color:#657655;font-weight:550;margin-right:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0 30px;font-size:10px;color:#9aa391;gap:15px}footer>span:first-child{display:flex;gap:6px;align-items:center}.footer-dot{height:4px;width:4px;background:#9db089;border-radius:50%}
@media(min-width:1400px){.intro{padding-top:55px}.timer-area{padding-top:29px;padding-bottom:30px}.timer-ring{width:260px;height:260px}}
@media(max-width:760px){.page{padding:0 20px}.topbar{height:77px}.brand{font-size:20px;gap:9px}.brand-divider{margin:0 9px}.brand-sub{font-size:12px}.privacy-badge{font-size:10px;gap:4px}.privacy-badge svg{width:13px;height:13px}.intro{padding:30px 0 23px}h1{font-size:29px;letter-spacing:-.5px}.intro p{font-size:12px}.eyebrow{font-size:10px}.workspace{grid-template-columns:1fr;gap:17px;max-width:500px;margin:0 auto}.monitor{padding:23px 24px 20px}.timer-area{padding:18px 0 21px}.timer-ring{height:218px;width:218px}.timer-number #countdown{font-size:58px}.volume-panel{margin-bottom:20px}.settings{padding:25px 24px}.card{border-radius:18px;box-shadow:0 4px 14px #334e3210}.usage-note{max-width:500px;margin:18px auto 0;padding:14px}.usage-note strong{display:block}.usage-note p{font-size:11px}footer{max-width:500px;margin:auto;flex-direction:column;gap:10px;padding:21px 0 calc(25px + env(safe-area-inset-bottom))}}
@media(max-width:359px){.page{padding:0 14px}.brand-sub,.brand-divider{display:none}.intro h1{font-size:26px}.monitor,.settings{padding-left:19px;padding-right:19px}.privacy-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:760px){.monitor .duration-field{margin:19px 0 0}.monitor .duration-field legend{font-size:11px;margin-bottom:9px;color:#667761}.monitor .duration-option{min-height:43px;padding:10px 4px}.monitor .duration-option strong{font-size:17px}.monitor .duration-option:last-child strong{font-size:13px;padding:2px 0}.monitor .duration-option small{display:none}.timer-area{padding:14px 0 17px}.timer-ring{width:200px;height:200px}.timer-number #countdown{font-size:53px}}
.power-button{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:6px;color:#56764c;font-size:12px;min-height:44px;margin:7px auto -8px;padding:8px 15px;border-radius:8px}.power-button:hover{background:#f3f6ef}.power-button svg{width:15px;height:15px}.power-button span{font-size:10px;color:#687662;margin-left:3px}.power-button:disabled{cursor:default;opacity:.65}.power-screen{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:calc(22px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border:0;background:#000;color:#b8c3ad}.power-screen[open]{display:flex;flex-direction:column}.power-screen::backdrop{background:#000}.power-top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:760px;width:100%;margin:auto}.power-top h2{font-size:13px;font-weight:400;color:#9da991}.power-top button{background:#10150e;border:1px solid #2c3427;color:#b8c3ad;border-radius:9px;padding:11px 15px;min-height:44px;font-size:12px}.power-center{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px 0}.power-indicator{width:6px;height:6px;background:#71915c;border-radius:50%}.power-center>p:first-of-type{font-size:14px;color:#9fae94;letter-spacing:2px;margin:20px 0}.power-center>div{font-size:64px;letter-spacing:1px;font-weight:400;font-variant-numeric:tabular-nums}.power-center>p:last-child{font-size:12px;color:#96a28c;margin-top:20px;text-align:center}.power-bottom{text-align:center;max-width:380px;width:100%;margin:auto}.power-bottom>p{font-size:11px;color:#96a28c;line-height:1.8}.power-bottom>button{margin:15px 0;width:100%;min-height:48px;border-radius:10px;background:#11160f;color:#b8c3ad;border:1px solid #2c3427;font-size:14px}.power-bottom>small{font-size:10px;color:#89997c}body.power-active{overflow:hidden}.power-active .ring-progress,.power-active .meter-fill{transition:none}