:root,[data-bs-theme=light]{--g-bg: #f7f4ee;--g-surface: #ffffff;--g-surface-2: #f1ece3;--g-border: #e4ddd0;--g-text: #1f1b16;--g-text-muted: #6b6257;--g-accent: #b45309;--g-accent-soft: #fdf0dc;--g-accent-contrast: #ffffff;--g-mark: #fde7b0;--g-shadow: 0 10px 30px rgba(60, 40, 10, .12);--g-header-h: 60px;--g-bottom-h: 64px;--g-radius: 14px;--bs-body-bg: var(--g-bg);--bs-body-color: var(--g-text);--bs-border-color: var(--g-border)}[data-bs-theme=dark]{--g-bg: #121110;--g-surface: #1c1a18;--g-surface-2: #262320;--g-border: #34302b;--g-text: #ece6dc;--g-text-muted: #a39a8e;--g-accent: #f0a648;--g-accent-soft: #3a2a15;--g-accent-contrast: #1a1206;--g-mark: #5c4417;--g-shadow: 0 10px 30px rgba(0, 0, 0, .5);--bs-body-bg: var(--g-bg);--bs-body-color: var(--g-text);--bs-border-color: var(--g-border)}html,body{background:var(--g-bg);color:var(--g-text)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.gurmukhi{font-family:Noto Sans Gurmukhi,Raavi,Mukta Mahee,sans-serif}mark{background:var(--g-mark);color:inherit;padding:0 1px;border-radius:3px}:focus-visible{outline:2px solid var(--g-accent);outline-offset:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border:0;border-radius:50%;background:transparent;color:var(--g-text-muted);font-size:1.15rem;transition:background-color .15s,color .15s}.icon-btn:hover:not(:disabled),.icon-btn.active{background:var(--g-surface-2);color:var(--g-text)}.icon-btn:disabled{opacity:.35}.backdrop{position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.25);animation:fade-in .15s ease-out}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .5rem .5rem 1rem;border-bottom:1px solid var(--g-border)}.sheet{position:fixed;z-index:1050;left:0;right:0;bottom:0;max-height:85vh;overflow-y:auto;background:var(--g-surface);border-radius:var(--g-radius) var(--g-radius) 0 0;box-shadow:var(--g-shadow);padding-bottom:env(safe-area-inset-bottom);animation:sheet-up .2s ease-out}@media (min-width: 768px){.sheet{inset:50% auto auto 50%;width:420px;transform:translate(-50%,-50%);border-radius:var(--g-radius);animation:fade-in .15s ease-out}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
