.orbit-theme{--menu-accent:#74ffbe;--menu-panel:#090b0dcc;--menu-selected-ink:#07100c}
.pulse-theme{--menu-accent:#a98bff;--menu-panel:#090912d9;--menu-selected-ink:#0b0714}
.brand{gap:10px;letter-spacing:.12em;font-size:14px}
.overlay{box-sizing:border-box;width:min(100%,410px);max-width:calc(100vw - 36px);overflow:visible}
.overlay .eyebrow{box-sizing:border-box;width:100%;max-width:100%;min-height:1.4em;margin:-28px 0 32px;padding:0 3px;overflow:visible;letter-spacing:clamp(.06em,.3vw,.17em);font:500 clamp(8px,2.6vw,11px)/1.4 DM Mono,monospace;overflow-wrap:anywhere;text-wrap:balance}
.overlay h1{max-width:100%;letter-spacing:-.07em;font-size:clamp(44px,12vw,80px);line-height:.8;overflow-wrap:normal}
.overlay>p:not(.eyebrow){box-sizing:border-box;max-width:min(100%,330px);margin:22px 0;padding:0 4px;font-size:clamp(12px,3.4vw,14px);line-height:1.5;overflow-wrap:anywhere;text-wrap:balance}
.daily-count{box-sizing:border-box;max-width:100%;margin:-5px 0 11px;padding:7px 11px;letter-spacing:clamp(.05em,.25vw,.09em);font:500 clamp(8px,2.3vw,9px)/1.35 DM Mono,monospace;overflow-wrap:anywhere;text-wrap:balance}
.mode-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,410px);margin:0 0 13px}
.overlay .mode-picker button{box-sizing:border-box;width:auto;min-width:0;min-height:48px;padding:9px 11px;border-radius:3px;text-align:left;box-shadow:none;overflow:hidden}
.overlay .mode-picker button b{display:block;letter-spacing:.08em;font:700 11px/1.2 Space Grotesk,sans-serif;overflow-wrap:anywhere}
.overlay .mode-picker button small{display:block;margin-top:2px;letter-spacing:.04em;font:500 8px/1.35 DM Mono,monospace;overflow-wrap:anywhere}
.archive-selector{width:min(100%,410px);margin:-4px 0 13px;padding:8px 10px;letter-spacing:.08em;font:500 8px DM Mono,monospace}
.archive-selector select{box-sizing:border-box;min-width:0;max-width:100%;padding:7px 9px;font:600 10px DM Mono,monospace}
.overlay #start-button{display:flex;align-items:center;justify-content:space-between;width:min(220px,100%);min-height:48px;padding:15px 17px;border:0;border-radius:2px;letter-spacing:.08em;font-size:12px;font-weight:700}
.overlay #start-button span{font-size:18px}
.overlay .daily-reminder{display:block;box-sizing:border-box;width:auto;max-width:100%;min-height:0;margin-top:11px;padding:9px 12px;color:#9aa19d;background:var(--menu-panel);border:1px solid #ffffff26;border-radius:999px;letter-spacing:.08em;font:500 8px/1.35 DM Mono,monospace;white-space:normal;box-shadow:none}
.overlay .daily-reminder:hover,.overlay .daily-reminder[data-state="enabled"]{color:var(--menu-accent);border-color:var(--menu-accent)}
.overlay>.controls{margin-top:12px;color:#8f9692;letter-spacing:.12em;font:500 10px DM Mono,monospace}
@media(width<=520px){.mode-picker,.archive-selector{width:min(100%,350px)}.overlay>p:not(.eyebrow){margin:17px 0}}
@media(width<=380px){.overlay{max-width:calc(100vw - 24px)}.mode-picker{gap:6px}.overlay .mode-picker button{padding-inline:8px}.overlay .mode-picker button b{font-size:10px}.archive-selector{gap:7px;padding-inline:8px}.archive-selector select{font-size:9px}}
@media(height<=720px){.overlay .eyebrow{margin:-18px 0 24px}.overlay h1{font-size:50px}.overlay>p:not(.eyebrow){margin:13px 0}.mode-picker{margin-bottom:9px}.overlay .mode-picker button{min-height:42px;padding-block:6px}}