html,body{height:100%;margin:0;background:#f7f4ed;color:#333d32;font:13px/1.5 system-ui,sans-serif}*{box-sizing:border-box}#desktop-bar{height:52px;display:flex;align-items:center;gap:12px;padding:6px 16px;border-bottom:1px solid #dedfd3;background:#fffdf8}#free{margin-right:auto;font-weight:600}button,summary{font:inherit;cursor:pointer}button{border:1px solid #46573e;border-radius:20px;padding:7px 14px;background:#fffdf8;color:#333d32}button:disabled{cursor:default;opacity:.65}button:focus-visible,summary:focus-visible{outline:3px solid #76547b;outline-offset:2px}#install-help{position:relative}#install-help>div{position:absolute;right:0;top:34px;width:min(360px,85vw);padding:18px;background:#fffdf8;box-shadow:0 8px 30px #0003;border-radius:12px;z-index:10}#app{position:absolute;top:52px;bottom:0;width:100%;overflow:hidden}#loading{position:absolute;inset:52px 0 0;display:grid;place-content:center;text-align:center;z-index:2;background:#f7f4ed}#loading[hidden], [hidden]{display:none!important}.status{font-size:11px;max-width:200px}#update-status{color:#46573e}#retry{margin-top:15px}@media(max-width:700px){#desktop-bar{height:88px;flex-wrap:wrap;gap:4px 10px;padding:6px 12px}#free{flex-basis:100%;font-size:12px}.status{max-width:130px;font-size:10px}#app{top:88px}#loading{top:88px}button{padding:5px 9px}#install-help{margin-left:auto}}

/* Let translations and update notices grow without covering the app. */
:root{--desktop-bar-height:52px}#desktop-bar{height:auto;min-height:52px;flex-wrap:wrap}#app{top:var(--desktop-bar-height)}#loading{inset:var(--desktop-bar-height) 0 0}#desktop-bar>*{min-width:0}.status{overflow-wrap:anywhere}@media(max-width:700px){:root{--desktop-bar-height:88px}#desktop-bar{height:auto;min-height:88px}}

/* Keep the longer offline guide reachable on short and zoomed viewports. */
#install-help>div{max-height:calc(100dvh - var(--desktop-bar-height) - 12px);overflow-y:auto}#connection-status{color:#76547b;font-weight:600}

/* The Flutter appearance also controls browser chrome and offline help. */
:root{--shell-bg:#fff8ef;--shell-panel:#fffdf8;--shell-text:#382f2b;--shell-border:#dedfd3;--shell-accent:#75526c;--shell-muted:#61554e}
:root[data-theme="dark"]{color-scheme:dark;--shell-bg:#11151e;--shell-panel:#1b202c;--shell-text:#e5dfd5;--shell-border:#505767;--shell-accent:#c7bdd7;--shell-muted:#cac5cc}
:root[data-theme="light"]{color-scheme:light}
html,body,#loading{background:var(--shell-bg);color:var(--shell-text)}
#desktop-bar,#install-help>div,button{background:var(--shell-panel);color:var(--shell-text)}
#desktop-bar,button{border-color:var(--shell-border)}
#update-status{color:var(--shell-muted)}#connection-status{color:var(--shell-accent)}
button:focus-visible,summary:focus-visible{outline-color:var(--shell-accent)}