/* Quiet controls: reveal settings only where they are needed. */
.p-app .p-top{z-index:60}
.p-header-menu{position:relative;color:#526d7a}
.p-header-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.p-header-menu>summary::-webkit-details-marker{display:none}
.p-header-menu[open]>summary{background:#e8eeeb!important;color:#355c6c!important}
.p-header-menu .p-header-popover{position:absolute;top:calc(100% + 10px);right:0;width:288px;max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--ui-header) - 22px);overflow:auto;overscroll-behavior:contain;background:#fffefa;border:1px solid #e0e7e1;border-radius:22px;padding:18px;box-shadow:0 12px 42px #354b5d1c;text-align:left;font-size:14px;box-sizing:border-box}
.p-clock-menu .p-header-popover{right:-88px}
.p-header-popover button{font:inherit;color:inherit;min-height:44px;border:0;border-radius:12px;background:#eff3ef;padding:8px 12px}
.p-menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.p-menu-heading strong{font-size:17px;font-weight:600}
.p-header-popover [data-clock-visible]{display:flex;align-items:center;gap:8px;background:none;padding:0 0 0 8px;font-size:13px;color:#73858a}
[data-clock-visible] i{display:block;width:36px;height:22px;border-radius:20px;background:#d4dbd6;padding:3px;transition:background .18s}
[data-clock-visible] i:before{content:'';display:block;width:16px;height:16px;background:#fffefa;border-radius:50%;box-shadow:0 1px 4px #30414b18;transition:transform .18s}
[data-clock-visible][aria-checked=true] i{background:#6a938b}[data-clock-visible][aria-checked=true] i:before{transform:translateX(14px)}
.p-clock-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#eff3ef;border-radius:14px;padding:4px}
.p-clock-modes button{background:transparent;font-size:14px;padding:8px}.p-clock-modes [aria-pressed=true]{background:#fffefa;box-shadow:0 2px 7px #3d5c5c0d;color:#345c6c}
.p-countdown-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 8px}.p-countdown-field input{box-sizing:border-box;width:84px;min-height:44px;border:1px solid #dce5df;border-radius:12px;padding:8px;font:inherit;font-size:16px;color:inherit;background:#fff}
.p-clock-preset{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.p-clock-preset button{background:#f5f5ef;font-size:13px}
.p-clock-run{margin-top:16px}.p-clock-run output{display:block;text-align:center;font-size:25px;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:12px 0}.p-clock-run>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.p-clock-run [data-clock-start]{background:#527c86;color:white}
.p-header-popover [hidden]{display:none!important}
.p-mobile-nav{display:none}.p-nav-chevron{font-size:12px;margin-left:1px}
.p-mobile-nav .p-header-popover{width:176px;padding:8px}.p-mobile-nav .p-header-popover button{display:flex;align-items:center;gap:12px;width:100%;margin:2px 0;background:none;text-align:left}.p-mobile-nav .p-header-popover button[aria-current=page]{background:#edf2ed;color:#416a77}.p-mobile-nav .p-header-popover svg{width:20px;height:20px}
.p-app .p-dock:not(.is-collapsed){height:170px;width:200px;max-height:none;touch-action:none}.p-app .p-dock-pet{height:100%;width:100%}
.p-app .p-dock.is-collapsed{width:48px;height:48px;max-width:none}
.p-dock-restore{width:48px;height:48px;border:1px solid #dbe5df;background:#fffefaed;color:#7297a4;border-radius:50%;box-shadow:0 2px 12px #40566a0d;display:grid;place-items:center}.p-dock-restore svg{width:29px;height:29px}
.p-dock-menu{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border:1px solid #dce5df;border-radius:18px;background:#fffefa;box-shadow:0 5px 24px #324c5a1c;touch-action:auto}
.p-dock-menu>div{display:flex}.p-dock-menu button{color:#536f7e;background:none;border:0;border-radius:12px;min-height:44px;min-width:44px;padding:6px;font-size:13px}.p-dock-menu [data-pet-zoom]{font-size:20px}.p-dock-menu button:hover{background:#edf3ef}
.p-dock-restore[hidden],.p-dock-menu[hidden],.p-voice-panel[hidden]{display:none!important}
.p-voice-panel{margin:10px 0;padding:16px;background:#f9faf6;border:1px solid #dae5df;border-radius:22px;box-shadow:0 4px 20px #334b5608}
.p-voice-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.p-voice-heading strong{font-size:15px;font-weight:500}.p-voice-heading [data-voice-cancel]{margin-left:auto;min-width:44px;font-size:24px;background:none}
.p-voice-indicator{width:8px;height:8px;border-radius:50%;background:#8ba4a0}.is-listening .p-voice-indicator{background:#c68176;box-shadow:0 0 0 5px #c6817615}
.p-voice-panel textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;border:1px solid #e1e8e2;border-radius:14px;background:#fffefa;padding:12px;color:#344e5b;min-height:90px;font:inherit;font-size:16px}
.p-voice-note{font-size:12px;line-height:1.6;color:#728384;margin:10px 0 14px}.p-voice-actions{display:flex;justify-content:flex-end;gap:8px}.p-voice-panel button{border:0;padding:8px 14px;background:#e8efeb;color:#4a6b75;min-height:44px;margin:0}.p-voice-panel [data-voice-use],.p-voice-panel [data-voice-stop]{background:#527c86;color:white}.p-voice-panel button:disabled{opacity:.45}
.p-manual-note{display:inline-flex;min-height:44px;align-items:center;border:0;background:transparent;color:#527c86;padding:8px 12px;font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.p-app .p-main.is-home .p-calm-scene.is-clock-hidden{grid-template-rows:minmax(180px,1fr) auto}.p-app .p-main.is-home .is-clock-hidden .p-hero-pet{grid-area:1/1}.p-app .p-main.is-home .is-clock-hidden .p-poke{grid-area:2/1}
@media(max-width:639px){.p-app .p-dock:not(.is-collapsed){width:190px;height:156px}}
@media(orientation:landscape) and (max-height:600px){
 :root{--ui-nav-space:env(safe-area-inset-bottom)}
 .p-app{border:0}.p-app .p-nav{display:none}.p-mobile-nav{display:block}
 .p-clock-menu .p-header-popover{right:-132px}.p-header-menu .p-header-popover{top:calc(100% + 4px)}
 .p-app .p-top{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
 .p-app .p-main.is-home{min-height:180px;height:calc(100dvh - var(--ui-header) - env(safe-area-inset-bottom));padding-bottom:8px}
 .p-app .p-main.is-home .p-calm-scene.is-clock-hidden{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) 44px}
 .p-app .p-main.is-home .is-clock-hidden .p-hero-pet{grid-area:1/1;width:min(620px,100%);justify-self:center}.p-app .p-main.is-home .is-clock-hidden .p-poke{grid-area:2/1}
 .p-app .p-dock:not(.is-collapsed){width:180px;height:148px}
}
@media(prefers-reduced-motion:reduce){[data-clock-visible] i,[data-clock-visible] i:before{transition:none}}
/* Preserve the latest pick.u branding; landscape remains a quiet clock space. */
@media(orientation:landscape) and (max-height:600px){
 :root{--ui-header:52px;--ui-nav-space:env(safe-area-inset-bottom)}
 .p-app .p-top{height:52px;min-height:52px;width:100%;padding:4px max(20px,env(safe-area-inset-right)) 4px max(20px,env(safe-area-inset-left))}
 .p-app .p-main.is-home{display:block;width:100%;max-width:none;min-height:180px;height:calc(100dvh - 52px - env(safe-area-inset-bottom));padding:0 24px 8px}
 .p-main.is-home .p-home-heading,.p-main.is-home .p-day-space{display:none}
 .p-app .p-main.is-home .p-calm-scene{display:grid;width:100%;height:100%;min-height:0;padding:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(120px,1fr) 44px;align-items:center;gap:0 12px;background:transparent;border:0;border-radius:0;box-shadow:none}
 .p-calm-scene::before{display:none}.p-scene-topline{display:contents}.p-scene-topline .p-presence,.p-scene-caption{display:none}
 .p-app .p-main.is-home [data-clock]{grid-area:1/1/3/2}.p-app .p-main.is-home .p-clock{text-align:center}
 .p-app .p-main.is-home .p-clock-time{font-size:clamp(40px,8vw,78px)}.p-app .p-main.is-home .has-timer .p-clock-time{font-size:16px}
 .p-app .p-main.is-home .p-calm-scene .p-hero-pet{grid-area:1/2;width:100%;height:100%;min-height:120px;margin:0;max-height:none}
 .p-scene-bottom{grid-area:2/2;margin:0}.p-scene-actions{gap:6px;flex-wrap:nowrap}.p-app .p-main.is-home .p-poke,.p-app .p-main.is-home .p-mood-trigger{padding:6px 12px;font-size:12px;min-height:44px;white-space:nowrap}
 .p-app .p-main.is-home .p-calm-scene.is-clock-hidden{grid-template-columns:minmax(0,1fr)}
 .p-app .p-main.is-home .p-calm-scene.is-clock-hidden .p-hero-pet{grid-area:1/1;width:min(620px,100%);justify-self:center}.is-clock-hidden .p-scene-bottom{grid-area:2/1}
}