/* v26 compact fixed top banner */
.app{min-height:100vh;padding:0 14px 18px}.app-header{background:rgba(255,250,243,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 22px rgba(48,34,25,.10);display:flex;align-items:center;justify-content:space-between;gap:14px;position:fixed;top:0;left:0;right:0;z-index:30;backdrop-filter:blur(10px);padding:7px 14px;min-height:58px}.app-header h2{font-size:15px;line-height:1.1;margin:0}.app-header p{margin:2px 0 0;color:var(--muted);font-size:11px;line-height:1.2}.top-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tab-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;cursor:pointer;color:var(--accent-dark);font-weight:800;font-size:12px;line-height:1}.tab-btn.active{background:var(--accent-dark);color:#fff}.page{display:none;margin-top:76px}.page.active-page{display:block}.page-grid{display:grid;grid-template-columns:minmax(420px,1.4fr) minmax(300px,.85fr);gap:20px}@media(max-width:980px){.app-header{align-items:flex-start;display:block;min-height:auto}.top-nav{justify-content:flex-start;margin-top:8px}.page{margin-top:118px}.page-grid{grid-template-columns:1fr}}


/* v50 compact premium header */
.app{padding:0 8px 12px}.app-header{background:color-mix(in srgb,var(--panel) 92%,transparent);border-color:var(--line);box-shadow:0 8px 20px rgba(35,25,20,.08);padding:6px 10px;min-height:50px;}
body[data-theme="dark"] .app-header{box-shadow:0 8px 20px rgba(0,0,0,.45);}
.app-header h2{font-size:13px}.app-header p{font-size:10px}.header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.top-nav{gap:5px}.tab-btn{font-size:12px;padding:6px 9px;border-radius:999px;background:var(--card);color:var(--ink);border-color:var(--line)}.tab-btn.active{background:var(--accent-dark);color:var(--button-text);border-color:transparent;box-shadow:0 8px 16px rgba(40,28,22,.14)}body[data-theme="dark"] .tab-btn.active{background:#f0ded0;color:#17110e}.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;box-shadow:0 6px 14px rgba(40,28,22,.08)}.theme-toggle:hover{transform:translateY(-1px)}.page{margin-top:64px}.page-grid{gap:12px}@media(max-width:980px){.app-header{display:grid;gap:8px}.header-actions{justify-content:flex-start}.page{margin-top:124px}.page-grid{grid-template-columns:1fr}}

/* v52 Light on/off toggle */
.theme-toggle.light-on{background:#fff;color:#17110e;border-color:#e4d7cc;}
body[data-theme="dark"] .theme-toggle:not(.light-on){background:#1c1916;color:#f3e6dc;border-color:#3a332d;}