:root{color-scheme:dark;--color-bg: #010309;--color-surface: #050a1a;--color-surface-hover: #142a5c;--color-surface-raised: #1d3a7a;--color-text: rgba(255, 255, 255, .96);--color-text-secondary: rgba(255, 255, 255, .72);--color-text-muted: rgba(255, 255, 255, .48);--color-text-dim: rgba(255, 255, 255, .28);--color-accent: #7aa2ff;--color-accent-hover: #9cbcff;--color-accent-warm: #e8b86d;--color-accent-violet: #c8a2e0;--color-on-accent: #0b1a3a;--color-accent-soft: rgba(122, 162, 255, .08);--color-accent-tint: rgba(122, 162, 255, .12);--color-accent-line: rgba(122, 162, 255, .25);--color-error: #f06c6c;--color-success: #6fd49a;--color-warning: #f0c674;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .18);--color-wash: rgba(255, 255, 255, .03);--color-wash-row: rgba(255, 255, 255, .02);--color-wash-hover: rgba(255, 255, 255, .06);--color-scrollbar-hover: rgba(255, 255, 255, .3);--color-overlay: rgba(0, 0, 0, .7);--color-black: #000;--color-hero-art: #05070c;--gradient-sky: radial-gradient(ellipse 80% 70% at 75% 28%, #1d3a7a 0%, #0b1a3a 38%, #050a1a 72%, #010309 100%);--gradient-bloom: radial-gradient(ellipse 60% 55% at 80% 25%, rgba(122, 162, 255, .18), transparent 60%);--gradient-vignette: radial-gradient(ellipse 130% 90% at 50% 50%, transparent 55%, rgba(0, 0, 0, .35) 100%);--shadow-soft: 0 4px 14px rgba(0, 0, 0, .35);--shadow-deep: 0 12px 40px rgba(0, 0, 0, .55);--shadow-cover: 0 12px 40px rgba(0, 0, 0, .5);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px rgba(122, 162, 255, .25);--font-serif: "Fraunces", "Source Serif Pro", Georgia, serif;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--header-height: calc(56px + var(--safe-top));--max-width: 1200px;--container-wide: 82.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-out: cubic-bezier(.16, 1, .3, 1)}@media(max-width:480px){:root{--header-height: calc(48px + var(--safe-top))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) var(--color-bg)}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;min-height:100svh}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{z-index:-40;background:var(--gradient-sky)}body:after{z-index:-30;background:var(--gradient-bloom),var(--gradient-vignette)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-hover)}img,video{max-inline-size:100%;block-size:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:var(--shadow-focus)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;color:var(--color-text);line-height:1.3}h1{font-size:2rem}h2{font-size:1.625rem}h3{font-size:1.25rem}h4{font-size:1.125rem}@media(max-width:480px){h1{font-size:1.625rem}h2{font-size:1.375rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}html.home-snap{scroll-snap-type:y mandatory;scroll-padding-top:var(--header-height)}html.home-snap:has(app-mini-player .mini){scroll-padding-bottom:calc(64px + var(--safe-bottom))}@media(max-height:540px){html.home-snap{scroll-snap-type:y proximity}}app-footer{display:block}html.home-snap app-footer{scroll-snap-align:end}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{padding-inline:clamp(16px,4vw,40px)}.page{padding-block:var(--spacing-2xl);padding-inline:clamp(16px,4vw,40px)}.page__title{font-family:var(--font-serif);font-size:2rem;margin-bottom:var(--spacing-lg);color:var(--color-text)}.page__subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.5}.eyebrow{font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-text-secondary)}@media(max-width:480px){.page__title{font-size:1.5rem}}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:767px){.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}}@media(min-width:768px)and (max-width:1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:border-color var(--transition-base),background var(--transition-base)}.card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.card--clickable{cursor:pointer;text-decoration:none;color:inherit;display:block}.card__title{font-family:var(--font-serif);font-size:1.125rem;margin-bottom:var(--spacing-sm)}.card__text{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-raised);color:var(--color-text)}.badge--accent{background:var(--color-accent);color:var(--color-on-accent)}.badge--success{background:var(--color-success);color:var(--color-on-accent)}.badge--warning{background:var(--color-warning);color:var(--color-on-accent)}.badge--error{background:var(--color-error);color:var(--color-on-accent)}.badge--outline{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.9375rem;font-weight:600;font-family:inherit;border:none;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base);text-decoration:none;line-height:1.4}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.btn--secondary{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn--ghost:hover{color:var(--color-accent);background:var(--color-accent-soft)}.btn--sm{padding:.375rem .75rem;font-size:.8125rem}.btn--lg{padding:.875rem 1.75rem;font-size:1.0625rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.table-wrapper table{inline-size:100%;border-collapse:collapse;font-size:.9375rem}.table-wrapper th,.table-wrapper td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.table-wrapper th{font-family:var(--font-serif);font-weight:500;color:var(--color-text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface)}.table-wrapper tr:last-child td{border-bottom:none}.table-wrapper tr:hover td{background:var(--color-wash-row)}.input{display:block;inline-size:100%;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:1rem;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input::placeholder{color:var(--color-text-muted)}.input:focus,.input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-tint)}textarea.input{min-height:120px;resize:vertical}select.input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-secondary) 50%),linear-gradient(135deg,var(--color-text-secondary) 50%,transparent 50%);background-position:right 1.1rem center,right .8rem center;background-size:.3rem .3rem;background-repeat:no-repeat;padding-right:2.25rem}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--color-text-secondary);text-align:center;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@media(pointer:coarse){.btn:not(.btn--sm){min-block-size:44px}}