.tool-switcher{display:flex;gap:8px;overflow:auto;padding:4px 2px 13px;scrollbar-width:thin;margin-bottom:5px}.tool-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 19px;border:1px solid #e6e2dc;background:#fff9;color:#74808e;border-radius:16px;text-decoration:none;font-size:12px;white-space:nowrap;flex:1;transition:background .2s,transform .2s}.tool-link:hover{background:#fff;transform:translateY(-2px)}.tool-link[aria-current=page]{background:linear-gradient(135deg,#f6c19e,#e99678);border-color:transparent;color:#fff;box-shadow:0 5px 15px #e7957826}.tool-link svg{width:19px;height:19px;flex-shrink:0}.tool-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fffaf3;border:1px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 12px 40px #7e796212;min-height:500px}.tool-panel{padding:38px 40px;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.tool-eyebrow{margin:0 0 10px;color:#bc9276;text-transform:uppercase;font-size:10px;letter-spacing:2.4px;font-weight:700}.tool-title{margin:0;font-size:24px;color:#43514b;line-height:1.5;letter-spacing:-.6px}.tool-subtitle{font-size:12px;color:#879086;margin:8px 0 16px;line-height:1.8}.tool-clock{font-size:clamp(60px,7.2vw,104px);font-family:var(--font-ui);font-variant-numeric:tabular-nums;line-height:1.25;letter-spacing:-4px;color:#42554c;margin:11px 0 18px;white-space:nowrap}.tool-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:17px 0 7px}.tool-button{border:1px solid #e3ded3;color:#7e897e;background:#fffdf7;border-radius:14px;min-height:43px;padding:11px 17px;line-height:1.35;font-size:12px;font-weight:600;box-shadow:0 3px 9px #8a877609;transition:transform .18s,background .18s}.tool-button:hover{background:#fff;transform:translateY(-1px)}.tool-button.primary{background:linear-gradient(135deg,#f4b996,#ea9473);color:#fff;border-color:transparent;box-shadow:0 5px 14px #e49e7c33;min-width:140px}.tool-button.secondary{background:#eef4eb;border-color:#dbe5d4;color:#70886b}.tool-button:disabled{opacity:.45;transform:none;cursor:default}.tool-settings{display:flex;flex-wrap:wrap;gap:12px 15px;margin-top:21px;padding-top:18px;border-top:1px solid #e9e4d9}.tool-field{display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:1;min-width:80px;font-size:11px;color:#869080}.tool-field label{color:#869080;font-size:11px}.tool-field input,.tool-field select,input.tool-input{font:inherit;color:#52634e;padding:10px 12px;min-height:41px;border:1px solid #dfdfd2;border-radius:11px;background:#ffffffb5;width:100%;outline:none}.tool-field input:focus,.todo-input:focus,.todo-edit-input:focus{border-color:#b9c9aa;box-shadow:0 0 0 3px #dfe7d333}.tool-field input[type=checkbox]{width:17px;min-height:17px;accent-color:#a9b98c}.tool-settings label:has(input[type=checkbox]){display:flex;gap:8px;align-items:center;font-size:11px;color:#85907e}.tool-metrics{display:flex;gap:22px;margin:21px 0 1px;color:#909884;font-size:11px;line-height:1.7;flex-wrap:wrap}.tool-metric{display:flex;gap:6px;align-items:baseline}.tool-metric strong{font-family:var(--font-ui);font-size:23px;color:#718164;font-weight:400}.tool-tabs{display:flex;gap:7px;margin:8px 0 4px;flex-wrap:wrap}.tool-tab{border:1px solid #e5dfd3;border-radius:12px;background:transparent;color:#9b9d89;font-size:11px;padding:9px 13px;min-height:36px}.tool-tab.is-active,.tool-tab[aria-pressed=true]{background:#e7eddc;border-color:#d5dfc5;color:#718563}.tool-status{font-size:12px;color:#8b9b7a;min-height:20px;margin:6px 0 0;line-height:1.6}.tool-help{font-size:10px;color:#a3a496;line-height:1.9;margin:12px 0 0}.tool-progress{height:5px;background:#e9eadf;border-radius:20px;overflow:hidden;margin:15px 0 4px}.tool-progress-fill{display:block;height:100%;border-radius:20px;background:#b3c498;transition:width .35s}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool-stage{position:relative;isolation:isolate;min-height:470px;overflow:hidden;border-left:1px solid #eee6d6}.tool-scene-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.tool-stage-label{position:absolute;top:26px;left:18px;right:18px;text-align:center;font-size:13px;color:#8e8b71;line-height:1.8;pointer-events:none}.tool-stage-label small{display:block;font-size:10px;color:#a5a08c;margin-top:3px}.tool-stage-caption{position:absolute;bottom:18px;left:15px;right:15px;text-align:center;color:#978c73;font-size:11px;pointer-events:none}.tool-actor-button{position:absolute;bottom:64px;left:50%;width:236px;height:250px;transform:translateX(-50%);border:0;background:transparent;padding:0;outline-offset:5px;z-index:2;-webkit-tap-highlight-color:transparent}.tool-actor-art{display:block;position:absolute;inset:0;width:236px;height:250px;transform:translateX(var(--travel-x,0px));pointer-events:none}.motion-canvas{position:absolute;pointer-events:none}.tool-actor-shadow{position:absolute;bottom:-2px;left:50%;width:112px;height:15px;transform:translateX(calc(-50% + var(--travel-x,0px)));background:#7c705c24;filter:blur(3px);border-radius:50%;pointer-events:none}.tool-actor-bubble{position:absolute;max-width:180px;padding:11px 16px;background:#fffef7f5;border:1px solid #d4d3b9;border-radius:20px;color:#92967d;font-size:12px;line-height:1.6;box-shadow:0 3px 8px #8279690d;z-index:3;pointer-events:none;overflow-wrap:anywhere}.tool-actor-bubble.is-quiet{visibility:hidden}.tool-scene-art .scene-sparkle{transform-origin:center;animation:tool-twinkle 5s ease-in-out infinite}.tool-scene-art .scene-steam{transform-origin:center;animation:tool-steam 4s ease-in-out infinite}.tool-stage[data-state=paused] .tool-scene-art *{animation-play-state:paused}.tool-stage[data-state=done] .scene-sparkle{animation-duration:2s}.tool-footer-note{text-align:center;color:#9ea594;font-size:11px;padding:24px 10px}.tool-audio{display:flex;justify-content:flex-end;margin:12px 5px 0}.tool-audio button{border:0;background:transparent;color:#8f9c92;font-size:11px;padding:7px 10px}.tool-audio button[aria-pressed=true]{color:#dc8f6c}.tool-notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#536654eb;color:#fff;padding:12px 22px;border-radius:15px;font-size:12px;max-width:calc(100% - 30px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;text-align:center;line-height:1.7}.tool-notice.is-visible{opacity:1;transform:translate(-50%,0)}
.todo-form{display:flex;gap:8px;margin:15px 0}.todo-input,.todo-edit-input{min-width:0;flex:1;border:1px solid #dce1d0;border-radius:12px;padding:12px 14px;background:#fffdf9;color:#53654d;outline:none;font:inherit;font-size:13px}.todo-form .tool-button{min-width:65px}.todo-filter{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 12px}.todo-list{list-style:none;padding:0;margin:0;max-height:345px;overflow:auto;scrollbar-width:thin}.todo-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px dashed #e1e5d7;min-height:57px}.todo-check{appearance:none;width:23px;height:23px;min-width:23px;accent-color:#9eaf87;border:1.5px solid #c4cdb5;border-radius:50%;background:#fffdf7;cursor:pointer;position:relative}.todo-check:checked{background:#acbf90;border-color:#acbf90}.todo-check:checked:after{content:'✓';position:absolute;inset:0;text-align:center;line-height:20px;font-size:14px;color:white}.todo-text{flex:1;min-width:0;font-size:13px;line-height:1.7;color:#69785e;overflow-wrap:anywhere}.todo-text small{display:block;font-size:10px;color:#b1ae9b}.todo-row.is-complete .todo-text,.todo-row.is-complete .todo-label{color:#b3b5a4;text-decoration:line-through}.todo-actions{display:flex;gap:4px;align-items:center}.todo-actions button{border:0;background:transparent;color:#a4ae98;font-size:10px;padding:7px 5px;min-height:32px}.todo-empty{padding:32px 14px;text-align:center;border:1px dashed #dce3d0;border-radius:18px;margin:10px 0;color:#9ca98e;font-size:12px;line-height:2}.todo-summary{display:flex;gap:15px;color:#839274;font-size:12px}.todo-undo{display:flex;align-items:center;gap:10px;margin:10px 0;color:#9b9d8b;font-size:11px}.todo-edit-form{display:flex;flex:1;gap:5px}.todo-edit-input{width:100%;padding:8px}.tools-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 42px}.tool-card{position:relative;display:flex;flex-direction:column;gap:10px;min-height:240px;padding:26px;border:1px solid #fff;border-radius:25px;background:#fffafaaf;box-shadow:0 5px 25px #857b6710;text-decoration:none;color:#677b65;overflow:hidden;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #857b671c}.tool-card-icon{display:block;width:40px;height:40px;color:#c5a583;margin-bottom:8px}.tool-card h2{font-size:19px;margin:0;letter-spacing:-.5px;z-index:1}.tool-card p{font-size:12px;line-height:1.8;margin:0;color:#95a28d;max-width:74%;z-index:1}.tool-card .tool-card-arrow{margin-top:auto;font-size:12px;z-index:1;color:#c3a17c}.tool-card img{position:absolute;right:10px;bottom:12px;width:100px;height:115px;object-fit:contain;opacity:.88;transition:transform .3s;transform-origin:bottom center}.tool-card:hover img{transform:translateY(-8px) rotate(-6deg)}.tool-card:nth-child(2){background:#fdf4e5}.tool-card:nth-child(3){background:#f8e9e4}.tool-card:nth-child(4){background:#f9ead8}.tool-card:nth-child(5){background:#edf3e5}.tool-card:nth-child(6){background:#edf3f7}.tool-related{margin-top:26px}.tool-related h2{font-size:15px;color:#8c9784;letter-spacing:-.3px;margin:0 0 13px}.tool-related .tool-switcher{padding-bottom:5px}.tool-related .tool-link{font-size:11px;min-height:43px}.tool-cross-links{max-width:1328px;margin:0 auto 24px;padding:0 24px}.tool-cross-links .tool-switcher{margin:4px 0}
@keyframes tool-twinkle{0%,100%{opacity:.55}50%{opacity:1}}@keyframes tool-steam{0%,100%{transform:translateY(3px);opacity:.35}50%{transform:translateY(-8px);opacity:.85}}
@media(max-width:1000px){.tool-panel{padding:28px}.tool-title{font-size:22px}.tool-clock{font-size:76px}.tool-stage{min-height:470px}.tools-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-link{padding:10px 14px}.tool-actor-bubble{max-width:135px;font-size:11px}}
@media(max-width:700px){.tool-switcher{gap:6px;padding-bottom:9px;margin-bottom:2px}.tool-link{flex:0 0 auto;padding:9px 12px;min-height:38px;border-radius:12px;font-size:10px;gap:5px}.tool-link svg{width:15px;height:15px}.tool-workspace{grid-template-columns:1fr;border-radius:21px;min-height:0}.tool-panel{padding:25px 23px 23px}.tool-eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:7px}.tool-title{font-size:22px}.tool-subtitle{font-size:11px;margin:6px 0 10px}.tool-clock{font-size:80px;line-height:1.2;letter-spacing:-3px;margin:8px 0 12px}.tool-controls{margin:13px 0 3px;gap:7px}.tool-button{padding:10px 12px;font-size:11px;min-height:41px;border-radius:12px}.tool-button.primary{min-width:118px}.tool-settings{gap:12px 10px;margin-top:16px;padding-top:14px}.tool-metrics{margin-top:13px;gap:17px;font-size:10px}.tool-field{font-size:10px;min-width:70px}.tool-field label{font-size:10px}.tool-field input{padding:9px 10px}.tool-tab{font-size:10px;padding:8px 11px}.tool-help{font-size:9px}.tool-stage{border-left:0;border-top:1px solid #e8e2d3;min-height:330px;height:330px}.tool-stage-label{top:18px;font-size:11px}.tool-stage-label small{font-size:9px}.tool-actor-button{bottom:37px;width:216px;height:230px}.tool-actor-art{width:216px;height:230px}.tool-actor-bubble{max-width:135px;padding:9px 12px;font-size:11px}.tool-stage-caption{bottom:12px;font-size:10px}.tool-footer-note{padding:18px 10px;font-size:10px}.tool-audio{margin-top:5px}.tool-related{margin-top:20px}.tool-related h2{font-size:13px}.tools-hub-grid{gap:11px;margin:15px 0 30px}.tool-card{padding:18px 16px;min-height:220px;border-radius:20px;gap:8px}.tool-card h2{font-size:16px;line-height:1.6;max-width:100%}.tool-card p{font-size:10px;max-width:82%;line-height:1.8}.tool-card-icon{width:32px;height:32px;margin-bottom:2px}.tool-card img{width:66px;height:75px;right:5px;bottom:8px;opacity:.7}.tool-card .tool-card-arrow{font-size:10px}.todo-form{gap:6px}.todo-input{padding:11px;font-size:12px}.todo-row{gap:8px}.todo-text{font-size:12px}.todo-actions{gap:0}.todo-actions button{font-size:9px;padding:7px 4px}.tool-cross-links{padding:0 12px;margin-bottom:15px}}
@media(max-width:370px){.tool-panel{padding:22px 18px}.tool-clock{font-size:70px}.tool-controls{gap:6px}.tool-button{padding:10px}.tool-button.primary{min-width:109px}.tool-card{min-height:230px}.tool-card h2{font-size:15px}.tool-card p{max-width:100%}.tool-card img{opacity:.45}.tool-grid{gap:9px}}
[data-tool-root]{display:contents}.tool-panel{width:100%;height:100%}body[data-tool=countdown] .tool-clock{font-size:clamp(45px,6.5vw,88px)}body[data-tool=countdown] [data-role=target]{font-family:inherit;font-size:13px;line-height:1.7}body[data-tool=todo] .tool-panel{justify-content:flex-start}.tool-field label input:not([type=checkbox]){display:block;margin-top:7px}.tool-field:has(input[type=checkbox]){flex-basis:100%}.tool-field:has(input[type=checkbox]) label{display:flex;gap:8px;align-items:center}.todo-form>.tool-field{min-width:0}.todo-form>.tool-button{align-self:flex-end;min-width:65px}.todo-row.is-complete .todo-text{text-decoration:line-through}@media(max-width:700px){body[data-tool=countdown] .tool-clock{font-size:57px;letter-spacing:-2px}.tool-panel{height:auto}.tool-field:has(input[type=checkbox]){flex-basis:100%}}
/* The page heading already names the tool; keep the control pane compact. */
body[data-tool] .tool-panel>.tool-title,body[data-tool] .tool-panel>.tool-subtitle{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
body[data-tool] .tool-panel{padding:30px 36px}body[data-tool] .tool-panel .tool-clock{font-size:90px;line-height:1.1;margin:10px 0 15px}body[data-tool=countdown] .tool-panel .tool-clock{font-size:76px}body[data-tool] .tool-panel .tool-settings{margin-top:16px;padding-top:14px}body[data-tool] .tool-panel .tool-metrics{margin-top:13px}body[data-tool] .tool-panel .tool-controls{margin-top:13px}body[data-tool] .tool-panel .tool-tabs{margin-top:4px}body[data-tool] .tool-panel .tool-help{font-size:10px}body[data-tool] [data-tool-stage] .tool-stage-label{top:24px}
@media(max-width:700px){body[data-tool] .tool-stage{grid-row:1;min-height:280px;height:280px}body[data-tool] .tool-actor-button{bottom:32px;height:210px}body[data-tool] .tool-actor-art{height:210px}body[data-tool] .tool-panel{padding:23px}body[data-tool] .tool-panel .tool-clock{font-size:80px;margin:10px 0 12px}body[data-tool=countdown] .tool-panel .tool-clock{font-size:57px}body[data-tool] [data-tool-stage] .tool-stage-label{top:15px;font-size:10px}body[data-tool] .tool-stage-caption{bottom:10px}}
@media(max-width:700px){body[data-tool] [data-tool-stage]{height:360px;min-height:360px}body[data-tool] .todo-check{width:25px;height:25px;min-width:25px}.todo-actions button{min-height:36px}}
body[data-tool=todo] .tool-panel>.tool-subtitle[data-date]{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:6px 0 13px;padding:0}
.tool-scene-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right bottom;z-index:-1;pointer-events:none}body[data-tool=pomodoro] .tool-scene-background,body[data-tool=ramen] .tool-scene-background{object-position:left bottom}.tool-scene-ambient{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.tool-scene-ambient .scene-sparkle{animation:tool-twinkle 5s ease-in-out infinite}.tool-scene-ambient .scene-steam{animation:tool-steam 4s ease-in-out infinite}.tool-stage-label,.tool-stage-caption{z-index:1}.tool-stage-label{color:#8b856e!important}.tool-stage-caption{color:#8a775c!important}.tool-stage[data-state=paused] .tool-scene-ambient *{animation-play-state:paused}
@media(max-width:700px){body[data-tool] section.tool-stage[data-tool-stage]{height:360px;min-height:360px}}
@media(max-width:700px){.tool-switcher{scrollbar-width:none}.tool-switcher::-webkit-scrollbar{display:none}}
@media(min-width:701px){.tools-hub-grid>.tool-card{min-height:210px;padding:22px;gap:8px}.tools-hub-grid .tool-card-icon{width:32px;height:32px;margin-bottom:4px}.tools-hub-grid .tool-card h2{font-size:18px}.tools-hub-grid .tool-card p{font-size:11px}}
/* Daily departure is one recurring local time, with no date picker. */
.countdown-schedule{display:flex;align-items:flex-end;gap:14px;margin:24px 0 8px;padding-top:22px;border-top:1px solid var(--line)}
.countdown-schedule .tool-field{flex:1;min-width:0}
.countdown-schedule input{width:100%;min-height:52px}
.countdown-schedule .tool-button{min-height:52px;white-space:normal}
.tool-stage[data-daily-event] .tool-actor-bubble{max-width:170px;line-height:1.6}
.countdown-timezone{display:inline-block;background:#edf1e4;border-radius:12px;padding:7px 12px;overflow-wrap:anywhere}
@media(max-width:480px){.countdown-schedule{flex-direction:column;align-items:stretch}.countdown-schedule .tool-button{width:100%}}
@media(max-width:700px){.tool-stage[data-daily-event] .tool-actor-bubble{max-width:158px;font-size:11px;line-height:1.55;padding:9px 12px}}