:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#302e39;background:#f7f5f0;font-synthesis:none;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8d79bc;outline-offset:4px}button{transition:background .15s,transform .15s}button:not(:disabled):active{transform:translateY(1px)}.app-shell{max-width:1160px;margin:auto;padding:0 40px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e1d9}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-1px}.brand img{width:35px;height:35px}.brand-dot{color:#8572b4}.preview-label,.eyebrow,.small-label,footer>span{font-size:10px;font-weight:750;letter-spacing:2px}.preview-label{color:#777080;border:1px solid #ddd7e4;border-radius:30px;padding:7px 12px}.intro{padding:52px 0 33px}.eyebrow{display:flex;align-items:center;gap:9px;color:#75618f}.eyebrow>span{height:7px;width:7px;background:#9b87bd;border-radius:50%}h1{font-family:Georgia,Times New Roman,serif;font-size:54px;font-weight:400;line-height:1.15;letter-spacing:-1.8px;margin:16px 0 12px}.intro p{color:#77727c;font-size:16px;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.timer-card{background:#fff;border:1px solid #e8e4ed;border-radius:24px;padding:27px 36px 23px;box-shadow:0 8px 35px #49385d05}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.small-label{color:#82748d}.pill{font-size:11px;background:#f0edf6;color:#76608e;padding:5px 11px;border-radius:20px}.timer-card h2{text-align:center;font-size:22px;letter-spacing:-.6px;font-weight:600;margin:26px 0 15px;overflow-wrap:anywhere}.clock{position:relative;width:252px;height:252px;max-width:100%;margin:0 auto}.clock svg{width:100%;height:100%;transform:rotate(-90deg)}.clock circle{fill:none;stroke-width:9}.clock-track{stroke:#efecf5}.clock-progress{stroke:#9a88bd;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.clock-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a8095;font-size:12px}.time{font-size:57px;line-height:1.25;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:#514365}.clock-finished .time{color:#678978}.gentle-message{text-align:center;color:#8c8492;font-size:12px;margin:14px 0 28px}.timer-settings label,legend{display:block;font-size:12px;font-weight:600;color:#69616f;margin-bottom:7px}input{width:100%;background:#fcfbfd;border:1px solid #e5e0ea;border-radius:10px;padding:10px 12px;color:#494050}fieldset{border:0;margin:17px 0 0;padding:0;min-width:0}.presets{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:6px}.preset{border:1px solid #e5e0ea;background:#fff;border-radius:9px;padding:9px 4px;color:#766d7f;font-size:12px;white-space:nowrap}.preset.selected{background:#f0eaf8;color:#604d7c;border-color:#b9a7d1}.custom-time{display:flex!important;align-items:center;gap:9px;margin-top:13px;font-size:11px!important;font-weight:400!important}.custom-time input{width:83px;padding:5px 8px}.timer-actions{display:flex;gap:10px;margin-top:22px}.primary,.secondary{border-radius:11px;padding:13px 17px;font-size:13px;font-weight:650;min-height:46px}.primary{background:#786496;border:1px solid #786496;color:#fff;flex:1;box-shadow:0 4px 8px #76629215}.primary:hover:not(:disabled){background:#685383}.primary>span{font-size:18px;margin-right:7px}.secondary{background:transparent;color:#695779;border:1px solid #cec2db}.secondary:hover:not(:disabled){background:#f0eaf6}.mode-note{text-align:center;font-size:10px;color:#82798b;margin:14px 0 0}.side-column{display:grid;gap:18px}.support-card{padding:28px;background:#eeebf4;border:1px solid #e2dce9;border-radius:22px}.feature-icon{background:#e1d8ef;color:#75608f;border:1px solid #d8cce8;border-radius:13px;height:43px;width:43px;text-align:center;line-height:41px;font-size:26px}.support-card h2{font-size:21px;letter-spacing:-.6px;margin:18px 0 10px;font-weight:550}.support-card p{font-size:13px;color:#797080;margin:0 0 20px;line-height:1.8}.connection{display:flex;gap:7px;align-items:center;font-size:11px;color:#7e738a;margin-bottom:13px}.connection>span{width:6px;height:6px;background:#b6a9c4;border-radius:50%}.connection.ready>span{background:#699377}.full{width:100%}.support-card .fine-print,.fine-print{font-size:11px!important;color:#82798b!important;line-height:1.7!important;margin:13px 0 0!important}.support-card .instruction{padding:13px;background:#f9f6fd;border-radius:10px;font-size:12px;margin-bottom:12px}.support-card form label{font-size:12px}.support-card form button{margin:8px 0 15px}.install-card{background:#f1f0e8;border:1px solid #e5e3d6;border-radius:18px;padding:23px;display:flex;gap:15px}.install-symbol{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;background:#e8e6d8;color:#8b896e}.install-card h2{font-size:14px;font-weight:600;margin:1px 0 7px}.install-card p{font-size:12px;color:#7d7b70;margin:0}.install-card details{margin-top:10px}.install-card summary,.text-button{font-size:11px;color:#736d58;cursor:pointer}.text-button{border:0;background:none;padding:8px 0;font-weight:650}.install-card details p{margin-top:8px}.test-details{padding:19px 23px;background:#f9f8f4;border:1px solid #e5e1d9;border-radius:16px;color:#807887;font-size:12px}.test-details summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}.test-details p{font-size:12px}.test-details dl{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;font-size:11px}.test-details dd{margin:0;color:#564965}.feedback:empty{display:none}.notice,.error{border-radius:12px;padding:14px 18px;font-size:13px;margin:18px 0 0}.notice{background:#e9eee7;color:#50614b}.error{background:#f6e9e6;color:#8b4d41}footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0 36px;color:#9a929d}footer>span{font-size:9px;letter-spacing:1.7px}footer p{font-family:Georgia,serif;font-style:italic;font-size:15px;margin:0}@media(max-width:760px){.app-shell{padding:0 20px;max-width:580px}.site-header{height:79px}.brand{font-size:22px}.brand img{width:30px;height:30px}.preview-label{font-size:8px;letter-spacing:1px;padding:5px 8px}.intro{padding:34px 0 25px}h1{font-size:43px}.intro p{font-size:14px;max-width:300px}.workspace{grid-template-columns:1fr;gap:18px}.timer-card{padding:24px;border-radius:20px}.clock{width:235px;height:235px}.timer-card h2{margin-top:22px}.support-card{padding:24px}.side-column{gap:14px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}footer>span{font-size:8px}footer p{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}[hidden]{display:none!important}.intro p,.gentle-message,.mode-note,.support-card p,.connection,.fine-print,.support-card .fine-print,.install-card p,.test-details{color:#605568!important}.gentle-message,.mode-note,.support-card p,.fine-print,.support-card .fine-print,.timer-settings label,legend{font-size:14px!important}.app-navigation{max-width:1080px;margin:24px auto 0;display:flex;gap:12px;padding:0 20px;flex-wrap:wrap}.app-navigation button,.view-switch button{min-height:44px;border:1px solid #b5a5c8;border-radius:12px;padding:10px 18px;background:#fff;color:#514365;font:inherit}.app-navigation button[aria-pressed=true],.view-switch button[aria-pressed=true]{background:#514365;color:#fff}.routine-page{max-width:1080px;margin:auto;padding:24px 24px 64px}.routine-intro h1{margin-top:8px}.routine-intro p{color:#605568}.view-switch{display:flex;gap:10px;flex-wrap:wrap}.prototype-note{font-size:14px;color:#605568}.routine-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start;margin-top:24px}.routine-card{background:#fff;border:1px solid #ddd5e6;border-radius:22px;padding:28px;overflow-wrap:anywhere}.routine-card h2{font-size:26px;margin:8px 0 16px;line-height:1.3}.routine-cue{font-size:22px;line-height:1.5;color:#514365}.routine-time{font-size:64px;color:#514365;font-variant-numeric:tabular-nums;line-height:1.3;margin-top:24px}.routine-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.routine-page button{min-height:44px;font-size:16px}.routine-list{list-style:none;padding:0;margin:24px 0}.routine-list li{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e0ea;padding:14px 8px}.routine-list li[aria-current=step]{background:#eeebf4;border-radius:8px;font-weight:650}.routine-list li>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.forecast{background:#f7f5f0;padding:12px 16px;border-radius:12px}.forecast p{margin:6px 0}.forecast strong{display:block;font-size:24px}.support-guidance{border-top:1px solid #ddd5e6;margin-top:24px;padding-top:20px}.routine-editor{margin-top:24px}.routine-editor label{display:block;margin:14px 0;font-weight:600}.routine-editor input,.routine-editor select{display:block;margin-top:6px;font:inherit;min-height:44px;width:100%}.routine-editor select{padding:10px;border:1px solid #b5a5c8;border-radius:10px;color:#302e39;background:#fff}.routine-editor fieldset{border-top:1px solid #ddd5e6;padding:16px 0;margin-top:24px}.routine-editor legend{font-size:16px!important}.end-routine{margin-top:16px}select:focus-visible{outline:3px solid #786496;outline-offset:4px}@media(max-width:760px){.routine-grid{grid-template-columns:1fr}.routine-page{padding:20px 16px 48px}.routine-card{padding:22px}.routine-time{font-size:56px}.routine-intro h1{font-size:40px}.routine-cue{font-size:20px}}.shared-panel{margin:20px 0;padding:16px 20px;border:1px solid #cec2db;border-radius:14px;background:#f0edf6}.shared-panel summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:650}.shared-panel label{display:block;margin:16px 0}.shared-panel input,.shared-panel select{display:block;width:100%;font:inherit;min-height:44px;padding:10px;border:1px solid #b5a5c8;border-radius:8px;background:#fff;color:#302e39}.shared-panel li{margin:12px 0}.shared-panel .text-button{margin-left:12px}.sync-status{font-weight:650;margin:0}.shared-panel strong{overflow-wrap:anywhere}.shared-panel form{margin-top:24px}