@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101512;--panel:#18201b;--border:#303a31;--muted:#859185;--cream:#eff2e8;--green:#c4ed93;--font:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--font);font-size:14px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 30%,#243b242b,transparent 60%);z-index:-1}button,input{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s}button:hover{filter:brightness(1.13)}button:active{transform:translateY(1px)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.app{max-width:1360px;margin:auto;padding:0 54px}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{color:var(--cream);text-decoration:none;display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;line-height:1.05;letter-spacing:1px}.brand small{display:block;font-size:12px;letter-spacing:4px;margin-top:5px}.logo{height:48px;width:48px;border:1px solid #637c54;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:32px}.header-actions{display:flex;align-items:center;gap:12px}.local{color:#a1b395;font-size:10px;letter-spacing:1.5px;margin-right:18px}.icon,.outline,.square{background:transparent;color:var(--cream);border:1px solid var(--border);border-radius:8px;min-height:42px;padding:0 16px}.icon{width:42px;padding:0;font-size:21px}.outline{font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;margin:44px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600;margin:0 0 12px}h1{font-family:'Space Grotesk',sans-serif;font-size:44px;letter-spacing:-2px;margin:0 0 12px;font-weight:500}h1 em{color:var(--green);font-style:normal}.subtitle{color:#9aa499;margin:0;font-size:13px}.table-label{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;color:#b4beaf}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.suit{font-size:28px;color:#526a43;margin-left:12px}.dashboard{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}.timer-panel,.schedule{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--panel)}.timer-panel{padding:24px 30px 18px;background:radial-gradient(ellipse at top,#27382477,transparent 70%),var(--panel);text-align:center}.panel-top{display:flex;align-items:center;justify-content:space-between}.badge{background:#c4ed9314;color:var(--green);font-size:11px;border:1px solid #c4ed9330;padding:7px 12px;border-radius:5px;letter-spacing:1px}.status{font-size:9px;color:#a0ab9a;letter-spacing:1.3px}.clock-area{padding-top:35px}.clock-area .eyebrow{margin-bottom:0}#clock{font-family:'Space Grotesk',sans-serif;font-size:clamp(72px,8.8vw,126px);font-weight:500;letter-spacing:-7px;line-height:1.2;font-variant-numeric:tabular-nums}#clock span{color:#6f7f66}.progress{height:3px;background:#36432f;max-width:370px;margin:10px auto 0;border-radius:5px;overflow:hidden}#progress{height:100%;background:var(--green);width:100%;transition:width .3s}#timerNote{font-size:11px;color:var(--muted);margin:14px 0 24px}.blinds{display:flex;align-items:center;justify-content:center;gap:50px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0}.blinds div{min-width:105px}.blinds div span{display:block;color:var(--muted);font-size:9px;letter-spacing:1.8px}.blinds strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:46px;font-weight:500;margin-top:5px;line-height:1.2}.blind-divider{color:#49583e;font-size:40px;font-weight:400}.controls{display:flex;gap:12px;justify-content:center;margin-top:24px}.primary{border:0;border-radius:8px;background:var(--green);color:#1c2a16;min-height:48px;padding:0 25px;font-weight:700}.controls .primary{flex:1;max-width:340px}.primary span{margin-right:10px}.square{width:48px;padding:0;color:#b8c1ae}.reset{border:0;background:none;color:#9ba791;font-size:11px;padding:17px 10px 0}.schedule-heading{display:flex;justify-content:space-between;align-items:center;padding:27px 24px 24px}.schedule-heading .eyebrow{font-size:9px;margin-bottom:8px}h2{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:500;margin:0;letter-spacing:-.5px}.chip{border:1px dashed #71865d;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:var(--green);font-size:24px}.table-head,.level-row{display:grid;grid-template-columns:1fr 1.4fr .7fr;align-items:center;padding:0 24px;gap:10px}.table-head{color:var(--muted);font-size:8px;letter-spacing:1.5px;height:35px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.table-head span:last-child,.level-row>span:last-child{text-align:right}.levels{height:320px;overflow:auto;scrollbar-width:thin;scrollbar-color:#506043 transparent}.level-row{height:53px;border-bottom:1px solid #2b352c;color:#b9c1b4;font-size:12px}.level-row>span:first-child{color:var(--muted);font-size:11px}.level-row.active{background:#c4ed930c;border-left:3px solid var(--green);padding-left:21px;color:var(--green)}.level-row.active>span:first-child{color:var(--green)}.level-row.done{opacity:.48}.now{font-size:7px;margin-left:5px;letter-spacing:.5px}.schedule-footer{padding:21px 24px;display:flex;gap:12px;align-items:center;border-top:1px solid var(--border);background:#141c16}.auto-dot{color:var(--green);background:#c4ed9310;padding:7px 10px;border-radius:8px;font-size:20px}.schedule-footer strong{font-size:11px;font-weight:500}.schedule-footer p{font-size:10px;color:var(--muted);margin:5px 0 0}.bottom-info{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:24px 1px 42px}footer{border-top:1px solid var(--border);padding:24px 0;display:flex;justify-content:space-between;color:#667260;font-size:9px;letter-spacing:1px}.footer-suits{margin-left:12px;font-size:13px;letter-spacing:6px}footer>span:last-child{letter-spacing:0}dialog{background:#19221c;color:var(--cream);border:1px solid #42503c;border-radius:16px;width:510px;max-width:calc(100% - 28px);max-height:88vh;padding:28px}dialog::backdrop{background:#050b08c9;backdrop-filter:blur(6px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.field{display:grid;gap:10px;color:#b9c5b3;font-size:12px}input{width:100%;min-width:0;background:#101812;border:1px solid #3b4937;border-radius:6px;color:var(--cream);padding:10px;outline-color:var(--green)}.config-table-head,.edit-row{display:grid;grid-template-columns:35px 1fr 1fr 30px;gap:10px;align-items:center}.config-table-head{margin:24px 0 10px;font-size:10px;color:var(--muted)}.edit-row{margin-bottom:8px;font-size:11px}.remove{background:transparent;border:0;color:#aeb7a6;font-size:20px}.add{width:100%;margin-top:12px}.config-note{font-size:11px;color:var(--muted);line-height:1.7;margin:20px 0}.save{width:100%}#formError{color:#f3aa8e;font-size:12px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#resetDialog p{color:var(--muted);line-height:1.6}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#182513;padding:14px 25px;border-radius:9px;box-shadow:0 5px 35px #0007;opacity:0;pointer-events:none;transition:opacity .2s;font-weight:600;text-align:center;z-index:10}#toast.show{opacity:1}.warning #clock{color:#f2cb83}body:fullscreen{overflow:auto} @media(min-width:1500px){.app{padding-top:18px}.intro{margin-top:58px}}@media(max-width:900px){.app{padding:0 26px}.local{display:none}.dashboard{grid-template-columns:1.2fr 1fr;gap:16px}.timer-panel{padding:22px 20px 16px}.blinds{gap:20px}.blinds div{min-width:80px}.bottom-info>span:last-child{display:none}.table-label{display:none}.status{font-size:8px}.schedule-heading{padding-left:18px;padding-right:18px}h2{font-size:19px}}@media(max-width:660px){.app{padding:0 18px}header{height:88px}.brand{font-size:16px}.brand small{font-size:10px;letter-spacing:3px}.logo{height:40px;width:40px}.header-actions{gap:7px}.header-actions .outline{font-size:0;width:40px;padding:0}.header-actions .outline:first-letter{font-size:20px}.icon{height:38px;min-height:38px;width:38px}.intro{margin:30px 0 24px}h1{font-size:36px}.subtitle{font-size:11px;max-width:280px;line-height:1.6}.dashboard{grid-template-columns:1fr}.timer-panel{padding:20px}.clock-area{padding-top:30px}#clock{font-size:100px}.blinds{gap:35px}.levels{height:270px}.bottom-info{gap:12px;font-size:9px;padding:22px 0 30px;flex-wrap:wrap}footer{line-height:1.8;gap:15px;font-size:8px}.schedule-heading{padding:22px}#toast{width:90%}}