:root{color-scheme:light;--ink:#172b27;--muted:#69736c;--paper:#f5f3eb;--line:#dedfd4;--green:#254c3d;--gold:#d9b367;--danger:#9d4c32;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 15px;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#e7e9df}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #c59c49;outline-offset:4px}[hidden]{display:none!important}main{max-width:1180px;padding:0 40px;margin:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.brand{text-decoration:none;color:var(--ink);font-size:15px;font-weight:750;letter-spacing:.14em;display:flex;align-items:center;gap:13px}.logo{font-size:37px;color:var(--green);font-weight:400}.header-note,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em}.header-note{color:var(--muted)}h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;font-weight:400;letter-spacing:-.035em;line-height:1.13;margin:8px 0 0}h2{font-size:17px;font-weight:650;margin:0 0 5px}.eyebrow{color:var(--muted);margin:0 0 10px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:44px 0 32px;gap:18px}.text-button{border:none;color:var(--muted);white-space:nowrap}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#faf9f3}.clock-panel{background:#172b27;color:#f4f1e5;padding:27px 27px 22px;display:flex;flex-direction:column;min-height:580px}.connection-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#acbcb2}.badge{padding:7px 10px;border:1px solid #547263;border-radius:30px;font-size:11px;color:#cce5c8;white-space:nowrap}.badge.offline{color:#e5c6ab;border-color:#846b51}.clock-face{position:relative;width:min(100%,360px);aspect-ratio:1;margin:auto;display:grid;place-items:center}.clock-face svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.track,.ring{fill:none;stroke-width:1.7}.track{stroke:#3d5146}.ring{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .6s}.clock-content{text-align:center;z-index:1;display:flex;flex-direction:column;gap:15px}.clock-content .eyebrow{color:#a0b7a7;font-size:9px;margin:0}#countdown{font-size:clamp(32px,4.4vw,54px);font-weight:350;letter-spacing:-.05em;font-variant-numeric:tabular-nums}#end-time{color:#a8b6aa;font-size:12px}.clock-footer{display:flex;align-items:flex-start;gap:11px;padding:20px 4px 0;border-top:1px solid #3d5146;color:#c4cfc4;line-height:1.6;font-size:12px}.clock-footer p{margin:0}.small-dot{height:6px;width:6px;flex:none;border-radius:50%;background:var(--gold);margin-top:7px}.controls{padding:29px 29px 25px}.section-heading{display:flex;gap:12px;align-items:flex-start}.section-heading p{margin:0;font-size:12px;color:var(--muted);line-height:1.5}.step{font-family:Georgia,serif;font-size:13px;color:#8d967d;padding-top:3px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:21px 0 20px}.presets button{font-size:12px;font-weight:650;background:#f0f1e7;min-height:42px}.custom-time label{font-size:11px;font-weight:600;display:block;margin-bottom:8px}.custom-time>div{display:flex;gap:9px}input[type=number],input[type=password]{border:1px solid var(--line);border-radius:8px;background:#fffdf7;min-height:46px;padding:10px 13px;min-width:0;color:var(--ink)}input[type=number]{width:100%;flex:1}.secondary{background:#ecefe5;font-size:12px;font-weight:600}.addons{margin-top:18px}.addons>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.addons>div{display:flex;gap:8px}.addons button{padding:7px 12px;min-height:36px;font-size:11px;background:#faf9f3}.divider{border-top:1px solid var(--line);margin:24px 0}.sleep-option{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0 8px;cursor:pointer}.sleep-option strong{font-size:12px;line-height:1.5;display:block}.sleep-option small{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-top:5px}.sleep-option input{appearance:none;flex:none;width:38px;height:23px;border-radius:20px;background:#b8bfb2;position:relative;margin:0;cursor:pointer}.sleep-option input:after{content:"";position:absolute;width:17px;height:17px;top:3px;left:3px;border-radius:50%;background:#fffdf6;transition:transform .15s}.sleep-option input:checked{background:var(--green)}.sleep-option input:checked:after{transform:translateX(15px)}.sleep-option input:disabled{opacity:.4;cursor:not-allowed}.behavior-note{font-size:10px;color:var(--muted);line-height:1.5;margin:12px 0 23px}.end-actions{display:flex;gap:9px;flex-wrap:wrap}.end-actions button{flex:1;white-space:nowrap}.sleep-button{background:var(--green);color:#f5f3e8;font-size:12px;font-weight:600;border-color:var(--green);display:flex;align-items:center;justify-content:space-between;gap:12px}.sleep-button:hover:not(:disabled),.primary:hover:not(:disabled){background:#36604b}.sleep-button span{font-size:18px}.activity{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:34px 0;border-bottom:1px solid var(--line)}.activity ol{margin:0;padding:0;list-style:none}.activity li{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:9px 0;border-bottom:1px solid #e5e5da;line-height:1.5}.activity li:last-child{border-bottom:none}.activity .result{font-size:10px;color:var(--muted);text-align:right}.activity .result.failed{color:var(--danger)}footer{display:flex;justify-content:space-between;gap:18px;padding:22px 0 30px;font-size:10px;color:var(--muted);line-height:1.6}.login{max-width:560px;padding:75px 0 50px;margin:auto}.login h1{font-size:57px}.intro{font-size:15px;line-height:1.8;color:var(--muted);margin:25px 0 30px;max-width:460px}#login-form{max-width:390px;display:flex;flex-direction:column;gap:10px}#login-form label{font-size:12px;font-weight:650}.primary{background:var(--green);color:#fff9e8;border-color:var(--green);display:flex;justify-content:space-between;align-items:center}.footnote{font-size:11px;color:var(--muted);margin-top:20px}#message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);border-radius:10px;background:#172b27;color:#fff9e8;padding:15px 20px;box-shadow:0 8px 25px #10271e25;font-size:13px;z-index:5}#message.error{background:#793e2d}@media(min-width:1400px){main{max-width:1250px}}@media(max-width:780px){main{padding:0 20px}header{height:76px}.header-note{display:none}.page-heading{padding:30px 0 23px;align-items:flex-start}h1{font-size:33px}.workspace{grid-template-columns:1fr}.clock-panel{min-height:390px;padding:22px}.clock-face{width:290px;margin:24px auto}.clock-content{gap:12px}#countdown{font-size:46px}.clock-footer{font-size:11px}.controls{padding:25px 22px 27px}.activity{grid-template-columns:1fr;gap:10px;padding:28px 0}.activity h2{display:none}.activity .eyebrow{margin:0}footer{flex-direction:column;gap:5px}.login{padding-top:55px}.login h1{font-size:46px}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:after{transition:none!important}}

.power-source{font-size:12px;color:#dbc48d;margin:15px 0 0;line-height:1.5}