/* Logo and quick controls share one white strip. */
.app .bottom-bar{flex:0 0 calc(64px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:7px;padding:5px 12px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #d6be97;background:#fff9ef;z-index:8;min-width:0}
.drawer-toggle{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:50px;padding:4px;background:none;border-radius:15px}
.drawer-back{width:25px;height:25px;stroke-width:1.8}
.drawer-toggle{background:#eeeadc}.drawer-toggle:disabled{opacity:.32;cursor:default;background:none}
.drawer-time{font-size:10px;font-variant-numeric:tabular-nums;color:#7f8b62;white-space:nowrap;padding:5px 8px;background:#e9edda;border-radius:12px;order:3}
.expressions-open .drawer-time{display:none}
.cottage-drawer{position:relative;flex:1;min-width:0;height:52px;overflow:hidden}
.drawer-track,.app .expression-picker{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;cursor:grab;user-select:none}
.drawer-track::-webkit-scrollbar,.expression-picker::-webkit-scrollbar{display:none}
.drawer-track{height:52px;padding:0 10px 0 0}
.drawer-track.dragging,.expression-picker.dragging{scroll-snap-type:none;cursor:grabbing}
.drawer-track>button{flex:0 0 64px;height:50px;min-height:44px;padding:3px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap;border:0;border-radius:12px;background:none;font-size:10px;scroll-snap-align:start}
.drawer-track>button:active{background:#edf0df}.drawer-track svg{width:22px;height:22px;stroke-width:1.5}.drawer-face{font-size:25px;line-height:22px}
.drawer-edge{position:absolute;right:0;top:14px;pointer-events:none;color:#a18e70;font-size:19px;background:linear-gradient(90deg,transparent,#fff9ef 60%);padding-left:9px}
.app .expression-picker{position:static;flex:1;min-width:0;height:52px;max-height:none;align-items:center;padding:0 3px;gap:5px;border:0;border-radius:0;background:none;box-shadow:none}
.app .expression-picker button{flex:0 0 66px;white-space:nowrap;height:44px;min-height:44px;padding:5px 3px;font-size:11px;border:0;background:none;border-radius:12px}.app .expression-picker [aria-pressed=true]{background:#e9eedc}
.app .weather-status{background:none;border:0;border-radius:0;padding:0;pointer-events:none;font-size:9px;color:#8d795a}
.window-hotspot{position:absolute;inset:0;z-index:2;background:none;clip-path:url(#window-wide)}.close-view .window-hotspot{clip-path:url(#window-close)}.app .speech{pointer-events:none}


.app .bottom-bar .companion-mini{position:static;flex:1;min-width:0;height:50px;padding:4px;gap:5px;border:0;border-radius:0;background:none;font-size:10px;white-space:nowrap}
.bottom-bar:has(.companion-mini:not([hidden]))>.drawer-time{display:none}
.app .version-picker{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:52px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.version-picker button{min-width:96px;min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:13px;background:none;font-size:12px}.version-picker [aria-pressed=true]{background:#e9eedc;border-color:#cad3b3}.version-picker span{color:#ae8e80;margin-left:4px}.app[data-controls=versions]>.bottom-bar>.drawer-time{display:none}