html,body,#root{height:100%}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100vw}:root,[data-theme=forest]{color-scheme:light;--bg-page: #f5f1e8;--bg-card: #ffffff;--bg-nav: #1b4332;--bg-accent: #166534;--bg-accent-hover: #14532d;--bg-subtle: #f0fdf4;--text-primary: #111827;--text-secondary: #374151;--text-nav: #ffffff;--text-on-accent: #ffffff;--border: #d1d5db;--ring: #166534;--scroll-shadow-color: rgba(0, 0, 0, .1);--scroll-bg: #f5f1e8}[data-theme=sky]{color-scheme:light;--bg-page: #f0f4f8;--bg-card: #ffffff;--bg-nav: #1e3a5f;--bg-accent: #1d4ed8;--bg-accent-hover: #1e40af;--bg-subtle: #eff6ff;--text-primary: #0f172a;--text-secondary: #334155;--text-nav: #ffffff;--text-on-accent: #ffffff;--border: #cbd5e1;--ring: #1d4ed8;--scroll-shadow-color: rgba(0, 0, 0, .1);--scroll-bg: #f0f4f8}[data-theme=harvest]{color-scheme:light;--bg-page: #fdf8f0;--bg-card: #ffffff;--bg-nav: #78350f;--bg-accent: #92400e;--bg-accent-hover: #78350f;--bg-subtle: #fffbeb;--text-primary: #1c1917;--text-secondary: #44403c;--text-nav: #ffffff;--text-on-accent: #ffffff;--border: #d6d3d1;--ring: #92400e;--scroll-shadow-color: rgba(0, 0, 0, .1);--scroll-bg: #fdf8f0}[data-theme=midnight]{color-scheme:dark;--bg-page: #0f172a;--bg-card: #1e293b;--bg-nav: #020617;--bg-accent: #4ade80;--bg-accent-hover: #22c55e;--bg-subtle: #293548;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-nav: #f1f5f9;--text-on-accent: #0f172a;--border: #334155;--ring: #4ade80;--scroll-shadow-color: rgba(0, 0, 0, .35);--scroll-bg: #0f172a}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-page);color:var(--text-primary);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,span,a,li,p,div{font-family:inherit}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button:not([class*=text-]):not([style*=color]){color:inherit}[data-theme=midnight]{--sheet-text: #f1f5f9}[data-theme=midnight] .pf-menu,[data-theme=midnight] .pf-menu-item{color:var(--text-primary)}.overflow-auto,.overflow-y-auto,.overflow-x-auto{-webkit-overflow-scrolling:touch}.overflow-y-auto,.overflow-auto,.scroll-shadows{background-image:linear-gradient(var(--scroll-bg) 30%,transparent 100%),linear-gradient(transparent 0%,var(--scroll-bg) 70%),radial-gradient(farthest-side at 50% 0%,var(--scroll-shadow-color),transparent),radial-gradient(farthest-side at 50% 100%,var(--scroll-shadow-color),transparent);background-repeat:no-repeat;background-size:100% 48px,100% 48px,100% 12px,100% 12px;background-attachment:local,local,scroll,scroll;background-position:top,bottom,top,bottom;background-color:var(--scroll-bg, var(--bg-page))}.overflow-y-auto::-webkit-scrollbar,.overflow-auto::-webkit-scrollbar{width:4px}.overflow-y-auto::-webkit-scrollbar-track,.overflow-auto::-webkit-scrollbar-track{background:transparent}.overflow-y-auto::-webkit-scrollbar-thumb,.overflow-auto::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.pf-navbar{background-color:var(--bg-nav);color:var(--text-nav);border-bottom:1px solid rgba(0,0,0,.15)}.pf-navbar a,.pf-navbar button{color:var(--text-nav)}.pf-navbar .btn-light,.pf-navbar .btn-light *{color:#121a19!important}.pf-navbar .pf-menu-item{color:var(--text-primary)!important}.pf-menu{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 4px 16px #0000001f;overflow:hidden}.pf-menu-item{display:block;width:100%;text-align:left;padding:.625rem 1rem;font-size:.875rem;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:background .1s}.pf-menu-item:hover{background-color:var(--bg-subtle)}.btn-primary{background-color:var(--bg-accent);color:var(--text-on-accent);border-radius:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:background .15s}.btn-primary:hover{background-color:var(--bg-accent-hover)}:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.theme-swatch{width:2rem;height:2rem;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.theme-swatch:hover{transform:scale(1.15)}.theme-swatch.active{border-color:var(--ring);transform:scale(1.15)}