
.app-home{width:min(100% - 36px,520px);margin:clamp(32px,13vh,140px) auto;padding-bottom:32px;color:#283c31}
.app-home h1{font-size:clamp(30px,8vw,52px);line-height:1.05;margin:18px 0 24px}
.app-areas{display:grid;gap:12px}
.app-areas a,.pwa-settings{border:1px solid #d7d9c9;border-radius:14px;background:#fffdf8;color:#283c31}
.app-areas a{display:block;padding:18px;text-decoration:none;font-weight:700}
.app-areas span{display:block;margin-top:4px;font-weight:400}
button.brand{background:transparent;border:0;padding:0;min-height:44px;text-align:left}
.app-install,.pwa-settings p,.pwa-settings label{font-size:.9rem;line-height:1.5}
.pwa-settings{margin:0 0 20px;padding:12px 16px}
.pwa-settings summary{font-size:.92rem;font-weight:700;cursor:pointer}
.pwa-settings p{margin:10px 0}
.pwa-settings .pwa-actions{display:flex;flex-wrap:wrap;gap:8px}
.pwa-enable,.pwa-actions button,.pwa-access button{font:inherit;font-size:.88rem;font-weight:700;border:1px solid #b3bdad;border-radius:8px;background:#fffdf8;color:#344c3e;padding:9px 12px;min-height:44px;cursor:pointer}
.pwa-enable,.pwa-actions button:first-child,.pwa-access button{background:#344c3e;color:white}
.pwa-enable{margin:0 0 8px}
.pwa-enable:disabled,.pwa-actions button:disabled{opacity:.55;cursor:default}
.pwa-access{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.pwa-access label{width:100%}
.pwa-access input{font:inherit;flex:1 1 220px;min-width:0;border:1px solid #b3bdad;border-radius:8px;padding:9px 10px}
.pwa-access[hidden],.pwa-settings [hidden]{display:none}
.pwa-settings a{color:#344c3e}
