body.modal-open{overflow:hidden}.moment-actions{gap:3px;align-items:center}.moment-actions>button{min-height:34px;opacity:1}.moment-actions .begin-moment{width:auto;min-width:83px;font-size:10px;padding:7px 10px;background:var(--terra);color:#fff;white-space:nowrap;margin-right:4px}.moment-actions .begin-moment:hover{background:var(--ink)}.edit-form{display:flex;flex-direction:column;align-items:start}.edit-form label{font-size:12px;margin:20px 0 9px}.edit-form input,.edit-form select{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px;width:100%;border-radius:0;font:inherit}.edit-form .micro{margin-top:18px}.small-plans{margin-top:50px}.small-plans-intro{font-size:12px;margin:-5px 0 22px}.small-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.small-plan{padding:22px 18px 50px;text-align:left;background:var(--butter);position:relative;min-height:190px;display:flex;flex-direction:column;align-items:start}.small-plan-1{background:#e8d0c2}.small-plan-2{background:#dce0cd}.small-plan .eyebrow{font-size:8px}.small-plan>strong{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:20px 0 12px}.small-plan>span:not(.eyebrow):not(.small-plan-arrow){font-size:11px;line-height:1.5}.small-plan-arrow{position:absolute;bottom:15px;right:18px;font-size:23px}.small-plan:hover{box-shadow:inset 0 0 0 1px var(--ink)}.small-plan-list{padding-left:25px;margin:30px 0}.small-plan-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:20px}#small-plan-note{font-size:14px}#moment-dialog{max-width:1120px;width:calc(100% - 48px);padding:0;max-height:94vh;overflow:auto}#moment-dialog .dialog-close{z-index:2;top:18px;right:18px}.moment-room{display:grid;grid-template-columns:1fr 1fr;min-height:650px;position:relative}.moment-room-copy{padding:65px 45px 45px 55px;align-self:center}.moment-room h2{font-size:clamp(38px,4.5vw,65px);line-height:1.02;margin:35px 0 25px;overflow-wrap:anywhere}.moment-room-copy>p:not(.eyebrow):not(.micro){font-size:14px;min-height:65px;max-width:365px}.duration-options{display:flex;gap:7px;margin:25px 0}.duration-options button{padding:9px 12px;font-size:11px;border:1px solid var(--line)}.duration-options button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--chalk)}.duration-options button:disabled{opacity:.65}.timer-actions{display:flex;align-items:center;gap:25px}.timer-actions .button{margin:0;min-width:140px;justify-content:center}.timer-actions .text-link{font-size:11px}.finish-moment{margin-top:35px}.moment-room-copy .micro{margin-top:25px;font-size:10px;max-width:320px}.timer-art{background:#e6c56e40;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:650px}.timer-art>svg{width:88%;max-width:440px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.timer-track,#timer-ring{fill:none;stroke-width:.8;stroke:#30251f22}#timer-ring{stroke:var(--terra);stroke-width:1.6;stroke-dasharray:565.49;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:110px 110px}.timer-face{position:absolute;left:0;top:48%;transform:translateY(-50%);width:100%;display:flex;align-items:center;flex-direction:column;gap:12px}.timer-face>.eyebrow{font-size:9px}.timer-face strong{font-family:var(--display);font-weight:500;font-size:105px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.timer-face>span:last-child{font-size:12px}.timer-human{position:absolute;bottom:-12%;right:-13%;width:40%;height:250px;object-fit:contain;transform:rotate(-9deg);opacity:.34}
@media(max-width:1050px){.small-plan-grid{grid-template-columns:1fr}.small-plan{min-height:130px;padding:20px 22px 24px}.small-plan>strong{font-size:28px;margin:16px 0 10px}.small-plan-arrow{bottom:21px;right:22px}.moment-room-copy{padding:55px 30px}.timer-face strong{font-size:85px}.moment-room{min-height:620px}.timer-art{min-height:620px}}
@media(max-width:700px){.space-sidebar{padding-bottom:22px}.space-sidebar .brand{margin-bottom:8px;width:90px}.space-sidebar .brand img{width:90px}.space-sidebar h1{font-size:40px;max-width:260px;margin:9px 0 12px;line-height:1}.space-sidebar h1 br{display:none}.space-sidebar h1 em{margin-left:6px}.space-sidebar>p:not(.eyebrow){max-width:230px;font-size:10px}.space-sidebar>.eyebrow{font-size:8px}.sidebar-human{width:80px;height:105px;right:6%;bottom:12px}.back-brand{top:58px}.space-main{padding-top:22px}.planner-intro{margin-top:28px}.moment{display:grid;grid-template-columns:25px 1fr;gap:9px 12px}.moment-actions{grid-column:2;justify-content:flex-start;gap:5px;margin-top:3px}.moment-actions>button{width:34px;min-height:36px;font-size:16px}.moment-actions .begin-moment{min-width:90px;font-size:11px;min-height:36px}.small-plans{margin-top:38px}.small-plan-grid{gap:9px}.small-plan{min-height:145px}.small-plan>strong{font-size:30px}.small-plan .eyebrow{font-size:9px}.small-plan>span:not(.eyebrow):not(.small-plan-arrow){font-size:12px}.small-plans-intro{font-size:11px;max-width:280px}#moment-dialog{width:calc(100% - 24px);max-height:94vh}.moment-room{display:flex;flex-direction:column;min-height:0}.moment-room-copy{padding:40px 25px 28px;order:2}.moment-room-copy>.eyebrow{display:none}.moment-room h2{font-size:37px;margin:0 0 20px}.moment-room-copy>p:not(.eyebrow):not(.micro){font-size:12px;min-height:0;max-width:290px}.duration-options{margin:24px 0 20px}.duration-options button{padding:10px 14px;font-size:11px}.timer-actions{gap:20px}.timer-actions .button{min-width:115px;padding:14px 18px;font-size:12px}.finish-moment{margin-top:26px;font-size:11px}.moment-room-copy .micro{margin-top:20px;font-size:9px}.timer-art{order:1;min-height:300px;height:300px}.timer-art>svg{width:250px;max-width:75%;top:52%}.timer-face{top:52%;gap:9px}.timer-face strong{font-size:76px}.timer-face>.eyebrow{font-size:8px}.timer-face>span:last-child{font-size:10px}.timer-human{height:150px;bottom:-30%;right:-9%}#moment-dialog .dialog-close{top:12px;right:12px}.small-plan-list li{font-size:18px}}

/* Local backup preview, preserving the existing small-screen modal pattern. */
.backup-actions>.text-link{min-height:44px}
.backup-actions{display:flex;gap:22px;flex-wrap:wrap}.backup-file-label{display:block;font-size:12px;margin:25px 0 9px}#backup-file{display:block;width:100%;max-width:100%;min-width:0;border:1px solid var(--line);padding:12px;font:inherit;font-size:12px;background:transparent;color:var(--ink)}#backup-file::file-selector-button{border:0;background:var(--ink);color:var(--chalk);padding:11px 14px;margin-right:12px;font:inherit;cursor:pointer}.backup-summary{padding:16px;background:#e6c56e35;font-size:13px;overflow-wrap:anywhere}.import-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:24px}.import-actions .button{margin:0}.import-actions button:disabled{opacity:.45;cursor:not-allowed}.import-actions .text-link{min-height:44px}#import-dialog .micro{font-size:11px;line-height:1.6}@media(max-width:700px){.backup-actions{gap:18px}.import-actions{gap:12px}.import-actions .button{width:100%}#backup-file{padding:8px;font-size:11px}#backup-file::file-selector-button{padding:11px 10px;margin-right:8px}.backup-summary{font-size:12px}}