:root{--bg:#f6f5ef;--ink:#20342b;--muted:#66736a;--line:#dddfd4;--blue:#2d654b;--soft:#e9eee2;--lime:#d9f994}body{background:var(--bg)}button{border-radius:12px;transition:background .18s,transform .18s}button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #75aa53;outline-offset:4px}header{height:80px;background:transparent;padding:0 max(28px,calc((100% - 1120px)/2))}.brand{white-space:nowrap}.logo{background:var(--ink);color:var(--lime);border-radius:50%;width:38px;height:38px;line-height:36px}.header-note{font-size:13px;padding-inline-start:22px;border-inline-start:1px solid var(--line);margin:0}header select{border-radius:30px;background:transparent;font-size:13px;color:var(--ink)}main{max-width:1056px;padding:30px 28px 72px}.eyebrow{font-size:11px}h1{font-size:clamp(28px,3.2vw,40px);font-weight:500}.tabs,h1{margin-bottom:24px}.tabs{border-radius:40px;background:#eaece3;border:1px solid var(--line);padding:4px}.tabs button{border-radius:30px;min-width:145px;padding:9px 20px;font-size:14px;color:#647066}.tabs button.active{background:#fffef8;color:var(--ink);box-shadow:0 2px 8px #20342b12}.timer-card{background:#18362c;color:#f7faee;border:1px solid #244b3d;border-radius:28px;box-shadow:0 18px 38px -24px #17382c75;padding:22px 32px 28px}.card-top{color:#b8cdbd;font-size:11px;letter-spacing:1.5px}.card-top>span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-inline-end:9px;vertical-align:middle}.timer-card button{background:#254737;color:#edf3e6;border-color:#43604e}.timer-card button:hover{background:#335742}.timer-card .sound-button{background:transparent;border:1px solid #416052;border-radius:24px;font-size:12px;padding:7px 12px;color:#dce7da}.clock{font-size:clamp(78px,12vw,152px);font-weight:500;letter-spacing:-8px;line-height:1.18;margin-top:16px}.clock .digits{color:#f6f9e9}.clock .colon{color:#9db590;font-weight:300}.clock small{color:#b0caa8}.status{color:#bdcdbf;font-size:14px;margin:5px 0 24px}.actions button{padding:13px 22px;border-radius:14px}.actions .primary,.timer-card .primary{background:var(--lime);color:#213c24;border-color:var(--lime);font-weight:700;box-shadow:0 3px 0 #9ec267}.timer-card .primary:hover{background:#e5ffb1;border-color:#e5ffb1}.presets{border-color:#365345;padding-top:22px;margin-top:26px;gap:7px}.presets button{background:transparent;font-size:13px;padding:7px 15px;border-radius:9px}.presets .selected{color:var(--lime);background:#34563b;border-color:#8aab63}.progress-track{background:#294737}.progress-track div{background:var(--lime)}.complete{border-color:#93b666}.complete .clock .digits{color:var(--lime)}.below-card{margin:17px 3px}.install-button,.wake-toggle{font-size:12px}.shortcuts{font-size:11px;color:var(--muted);margin:14px 0 6px}.limit{font-size:12px}.custom-form label,.event-form label{color:#c0d2bf;font-size:12px}.custom-form input,.event-form input{background:#fbfdf5;border-color:#d3dacd;color:#24372b;color-scheme:light}.error{color:#92352b;background:#fcebe4}.notice{color:var(--ink)}.notice button{padding:5px 10px;font-size:13px}.language-note{margin-bottom:18px}.language-note button{font-size:12px;border-radius:30px;padding:4px 12px}.laps{border-color:#3c5948}.laps h2{color:#d0dfc5}.laps p,.laps th{color:#b5c8b6}.laps td,.laps th{border-color:#395643}.laps tbody tr:first-child{color:var(--lime)}.laps table{direction:ltr}.dday-panel>h2{font-weight:500}.empty-events{padding:32px 12px 20px}.empty-events>span{color:#a2c779}.empty-events p,.timer-card .local-note{color:#bed0b8}.event-list article{background:#254737;border:1px solid #395844;border-radius:14px}.event-list p{color:#bdcfb7}.day-badge{color:var(--lime);background:#34553a;border:1px solid #5d794a;font-weight:600}.backup-actions button{font-size:13px;padding:8px 14px}.restore-preview{background:#284936;border:1px solid #648151;color:#edf3e6;font-size:14px}.timer-card .notice{background:#e6efdc;color:var(--ink)}.guide{margin-top:58px;padding-top:36px}.guide-heading h2{font-size:29px;font-weight:500}.guide-heading>p{font-size:14px}.guide-grid{gap:18px;margin-top:26px}.guide-grid article{background:#fffef8;border:1px solid var(--line);border-radius:18px;padding:25px}.guide-number{display:inline-block;border:1px solid #d0dac7;border-radius:50%;width:29px;height:29px;text-align:center;line-height:27px;font-size:11px}.guide-grid h3{font-size:19px;margin:14px 0}.guide-grid p{font-size:14px}.extra-guide{margin-top:18px;padding:26px;background:#e9eee1;border:1px solid #dbe3d0;border-radius:18px}.extra-guide p{color:#56684e;font-size:14px}.extra-guide h3{margin:0 0 10px}.extra-guide h3:not(:first-child){margin-top:24px}.extra-guide a{display:inline-block;padding:9px 15px;border:1px solid #b8cba6;border-radius:9px;text-decoration:none;background:#f4f8ed}.faq h2{font-size:23px;font-weight:500}.faq details p,.faq summary{font-size:14px}footer,footer a{font-size:12px}footer{padding:25px max(28px,calc((100% - 1120px)/2))}@media(max-width:600px){header{height:68px;padding:0 18px;gap:12px}.logo{width:33px;height:33px;line-height:31px}header select{max-width:128px;font-size:12px;padding:8px 10px}main{padding:24px 14px 42px}.eyebrow{font-size:10px;letter-spacing:1.7px}h1{font-size:27px;margin:9px 0 20px}.tabs{margin-bottom:18px}.tabs button{min-width:0;font-size:12px;padding:10px 6px}.timer-card{padding:18px 14px 24px;border-radius:22px}.card-top{font-size:10px;letter-spacing:.6px}.timer-card .sound-button{font-size:11px;padding:5px 9px}.clock{font-size:clamp(55px,16vw,94px);letter-spacing:-3px;margin-top:28px;line-height:1.35}.status{font-size:12px;margin-bottom:21px}.actions button{min-width:82px;padding:12px 17px;font-size:14px}.actions .primary{min-width:165px}.presets{padding-top:18px;margin-top:24px;gap:6px}.presets button{padding:7px 11px;font-size:12px}.install-button,.limit,.wake-toggle{font-size:11px}.limit{padding:0 8px}.stopwatch-clock{font-size:clamp(43px,12vw,72px);letter-spacing:-2px}.dday-panel>h2{font-size:21px}.backup-actions{gap:8px}.backup-actions button{font-size:12px}.guide{margin-top:35px;padding-top:28px}.guide-heading h2{font-size:25px}.guide-grid{gap:14px}.extra-guide,.guide-grid article{padding:20px}.extra-guide p,.faq summary,.guide-grid p{font-size:13px}footer{padding:24px 20px}}.saved-timers{margin-top:24px;padding-top:22px;border-top:1px solid #355247}.saved-timers h2{font-size:16px;color:#eff5df}.saved-timers p{font-size:12px;color:#b4c5b5}.saved-timers form{display:flex;gap:8px;flex-wrap:wrap}.saved-timers input{flex:1;min-width:140px}.saved-timers form button{font-size:12px}.saved-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:12px}.saved-list article{display:flex;background:#24473a;border:1px solid #426151;border-radius:12px;overflow:hidden}.saved-list article button{border:0;background:transparent;padding:12px}.saved-list article button:first-child{flex:1;text-align:start;display:flex;justify-content:space-between;gap:12px;min-width:0}.saved-list span{overflow-wrap:anywhere}.saved-list strong{white-space:nowrap;color:#d9f994}