:root{--type-strength:80%;--bg:#f4f7f8;--surface:#fff;--card-bg:#fff;--text:#20262b;--muted:#5a6a72;--border:#c8d3d8;--link:#2b9fdc;--band:#2b9fdc1a;--chip-bg:#fff;--chip-text:#3a464d;--chip-border:#c8d3d8;--accent:#29a3e8;--accent-text:#fff;--icon:#3d4d55;--title-hover:#e0761f;--grid-line:#4664781f;--card-border:#d3dde2;--card-glow:0 1px 4px #1018281a;--card-border-hover:#63c1f0;--shadow:0 1px 4px #1018281f;--shadow-hover:0 8px 24px #10182840}[data-theme=dark]{--type-strength:45%;--bg:#071013;--surface:#0d181c;--card-bg:#0d181c;--text:#cfe3e6;--muted:#7fa0a8;--border:#40d8f540;--link:#40d8f5;--band:#40d8f514;--chip-bg:#40d8f512;--chip-text:#9ecfd8;--chip-border:#40d8f54d;--accent:#1fd3ee;--accent-text:#05262c;--icon:#52c9dd;--title-hover:#ff9a3c;--grid-line:#40d8f51a;--card-border:#40d8f559;--card-glow:0 0 8px #40d8f526;--card-border-hover:#40e4ff;--shadow:0 2px 8px #0009;--shadow-hover:0 0 0 1px #40d8f580, 0 0 20px #000000b3}body{background-color:var(--bg);color:var(--text)}body:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);transform-origin:50% 0;pointer-events:none;z-index:0;background-size:64px 64px;position:fixed;inset:55% -20% -12%;transform:perspective(700px)rotateX(55deg)}#root{z-index:1;position:relative}a{color:var(--link)}.card{--type-border:color-mix(in srgb, var(--type-color,var(--card-border)) var(--type-strength), var(--card-border));--hover-color:var(--type-color,var(--card-border-hover));background-color:var(--card-bg);border:1px solid var(--type-border);box-shadow:var(--card-glow);border-radius:10px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.card:hover{border-color:var(--hover-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--hover-color) 55%, transparent), 0 0 16px color-mix(in srgb, var(--hover-color) 45%, transparent)}.card-title{color:var(--text);cursor:pointer;transition:color .15s}.card:hover .card-title{color:var(--title-hover)}.pill{--type-border:color-mix(in srgb, var(--type-color,var(--border)) var(--type-strength), var(--border));--hover-color:var(--type-color,var(--link));border:1px solid var(--type-border);background-color:var(--surface);color:var(--text);border-radius:999px;transition:border-color .15s,box-shadow .15s}.pill:hover{border-color:var(--hover-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--hover-color) 75%, transparent), 0 0 14px color-mix(in srgb, var(--hover-color) 65%, transparent)}@media (prefers-reduced-motion:no-preference){.carousel-enter-fwd{animation:.2s ease-out both carousel-in-right}.carousel-enter-back{animation:.2s ease-out both carousel-in-left}.carousel-leave-fwd{animation:.2s ease-out both carousel-out-left}.carousel-leave-back{animation:.2s ease-out both carousel-out-right}}@keyframes carousel-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes carousel-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes carousel-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes carousel-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}