@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap";.app{min-height:100vh;display:flex;flex-direction:column;position:relative}header{display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;height:60px;position:sticky;top:0;z-index:50;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0ad9;border-bottom:1px solid rgba(255,255,255,.06)}.brand{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:.02em}.brand span{color:var(--brand)}nav{display:flex;gap:.2rem;align-items:center}nav a{color:var(--muted);font-weight:500;font-size:.82rem;padding:.4rem .75rem;border-radius:10px;transition:all var(--ease);letter-spacing:.01em}nav a:hover{color:var(--text);background:#d4a8531a}nav a.active{color:var(--brand);background:#d4a8531a;font-weight:600}main{flex:1;padding:2rem 1.25rem;max-width:560px;margin:0 auto;width:100%}footer{text-align:center;padding:2rem 1rem;color:var(--muted);font-size:.75rem;letter-spacing:.04em;border-top:1px solid rgba(255,255,255,.04)}.install-btn{font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:.35rem .8rem;background:var(--brand);color:var(--brand-contrast);border:none;border-radius:10px;cursor:pointer;transition:all var(--ease)}.install-btn:hover{background:var(--brand-hover);transform:translateY(-1px)}.install-status{font-size:.75rem;color:var(--success);font-weight:600}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a!important;border:none!important;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid var(--bg);box-shadow:0 0 12px #d4a8534d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--brand);cursor:pointer;border:3px solid var(--bg)}.badge,[style*="background: var(--brand-light)"]{background:#d4a8531f!important;color:var(--brand)!important}table{border-collapse:collapse;width:100%}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}td{padding:.6rem .75rem;border-bottom:1px solid rgba(255,255,255,.04);font-size:.85rem;color:var(--text-dim)}@media(max-width:640px){header{padding:0 1rem;height:54px}header>div:first-child{gap:.75rem!important}.brand{font-size:1rem}nav a{font-size:.75rem;padding:.3rem .5rem}main{padding:1.25rem 1rem}}@media(max-width:380px){header{padding:0 .75rem}main{padding:1rem .75rem}nav a{font-size:.7rem;padding:.25rem .4rem}}@media(min-width:641px)and (max-width:1024px){main{max-width:640px;padding:2rem}}:root{--bg: #0a0a0a;--bg-elevated: #111111;--surface: rgba(255,255,255,.04);--surface-hover: rgba(255,255,255,.07);--text: #f5f0eb;--text-dim: rgba(255,255,255,.5);--muted: rgba(255,255,255,.4);--border: rgba(255,255,255,.08);--brand: #d4a853;--brand-contrast: #0a0a0a;--brand-hover: #e8bc6a;--brand-light: rgba(212,168,83,.12);--brand-glow: rgba(212,168,83,.2);--danger: #ef4444;--danger-light: rgba(239,68,68,.1);--success: #4ade80;--success-light: rgba(74,222,128,.1);--r-lg: 16px;--r-xl: 20px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3), 0 0 1px rgba(255,255,255,.05);--shadow-md: 0 8px 32px rgba(0,0,0,.4), 0 0 1px rgba(255,255,255,.06);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease: .25s cubic-bezier(.22,1,.36,1);--color-primary: var(--brand);--color-primary-hover: var(--brand-hover);--color-primary-light: var(--brand-light);--color-bg: var(--bg);--color-surface: var(--surface);--color-text: var(--text);--color-text-secondary: var(--muted);--color-border: var(--border);--color-danger: var(--danger);--color-danger-light: var(--danger-light);--color-success: var(--success);--radius-sm: 10px;--radius: var(--r-lg);--radius-lg: var(--r-xl);--shadow: var(--shadow-md);--shadow-lg: 0 16px 48px rgba(0,0,0,.5);--transition: var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.65;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}::selection{background:var(--brand-light);color:var(--text)}.card,[style*="background: var(--surface)"],[style*="background:var(--surface)"]{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)!important}button,[role=button]{transition:all var(--ease)}button:active,[role=button]:active{transform:scale(.97)}input,select,textarea{background:var(--bg-elevated)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--r-lg);transition:border-color var(--ease),box-shadow var(--ease)}input:focus,select:focus,textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-glow)!important;outline:none}input::placeholder,textarea::placeholder{color:var(--muted)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='0.04'/%3E%3C/svg%3E")}
