:root{
  --bg:#f4f0e6;--surface:#fffdf8;--surface-2:#ece6d8;--ink:#24312d;--muted:#6b756f;
  --brand:#355c52;--brand-2:#587f73;--accent:#c7744f;--line:#d8d0c0;--danger:#a53d32;
  --shadow:0 14px 36px rgba(36,49,45,.12);--radius:18px;--radius-sm:12px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--bg)
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);min-height:100vh;padding-bottom:84px}
button,input,select,textarea{font:inherit} button{cursor:pointer} img{max-width:100%}
.app-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(244,240,230,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,208,192,.75)}
.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:42px;height:42px}.brand h1{font-size:1.2rem;margin:0}.brand p{margin:2px 0 0;color:var(--muted);font-size:.78rem}
.app-shell{width:min(1100px,100%);margin:0 auto;padding:18px 14px 28px}
.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,253,248,.97);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));box-shadow:0 -10px 28px rgba(36,49,45,.09)}
.nav-item{border:0;background:transparent;color:var(--muted);padding:7px 2px;font-size:.72rem;display:grid;gap:2px;place-items:center}.nav-item span{font-size:1.1rem}.nav-item.active{color:var(--brand);font-weight:700}
.hidden{display:none!important}
@media(min-width:850px){body{padding:0}.app-header{padding-inline:28px}.app-shell{padding:26px 28px 40px 132px}.bottom-nav{top:78px;bottom:auto;right:auto;width:116px;height:calc(100vh - 78px);display:flex;flex-direction:column;justify-content:flex-start;border-top:0;border-right:1px solid var(--line);box-shadow:none;padding:18px 8px;background:var(--surface)}.nav-item{padding:12px 6px;border-radius:12px}.nav-item.active{background:var(--surface-2)}}