:root{--bg-body:#0f0f1a;--bg-surface:#1a1b2e;--bg-surface-hover:#252640;--bg-elevated:#20213a;--color-primary:#7c6aef;--color-primary-hover:#6a56e6;--color-success:#34d399;--color-danger:#f87171;--color-warning:#fbbf24;--color-text:#f0f0f5;--color-text-muted:#9ca3af;--color-border:#2e2e45;--radius:12px;--radius-sm:8px;--transition:0.2s ease;--shadow:0 4px 24px rgba(0,0,0,.3);--navbar-height:56px}*{box-sizing:border-box}body{background-color:var(--bg-body);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;margin:0;min-height:100vh}.app-navbar{backdrop-filter:blur(12px);background:rgba(15,15,26,.85);border-bottom:1px solid var(--color-border);height:var(--navbar-height);left:0;padding:0 1.25rem;position:fixed;right:0;top:0;z-index:1000}.app-navbar,.app-navbar-brand{align-items:center;display:flex}.app-navbar-brand{color:var(--color-text);font-size:1.15rem;font-weight:700;gap:.5rem;margin-right:2rem;text-decoration:none}.app-navbar-brand:hover{color:var(--color-primary)}.app-navbar-nav{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.app-navbar-link{align-items:center;border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;font-size:.9rem;font-weight:500;padding:.4rem .85rem;text-decoration:none;transition:all var(--transition)}.app-navbar-link.active,.app-navbar-link:hover{background:var(--bg-surface-hover);color:var(--color-text)}.app-page{min-height:100vh;padding-top:var(--navbar-height)}.app-flash-container{max-width:400px;position:fixed;right:1rem;top:calc(var(--navbar-height) + .75rem);z-index:1100}.btn{border-radius:var(--radius-sm);font-weight:500;transition:all var(--transition)}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary)}.btn-primary:active,.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-success{background-color:var(--color-success);border-color:var(--color-success);color:#0f0f1a}.btn-success:active,.btn-success:hover{background-color:#2bc48d;border-color:#2bc48d;color:#0f0f1a}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#0f0f1a}.btn-danger:active,.btn-danger:hover{background-color:#ef5959;border-color:#ef5959;color:#0f0f1a}.btn-outline-secondary{border-color:var(--color-border);color:var(--color-text-muted)}.btn-outline-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--color-text-muted);color:var(--color-text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}audio{border-radius:var(--radius-sm);filter:invert(1) hue-rotate(180deg);height:36px;opacity:.7;transition:opacity var(--transition)}audio:hover{opacity:1}#bmc-iframe{height:auto!important;min-height:530px!important}.min-h-screen{min-height:auto!important}hr{border-color:var(--color-border);opacity:.5}