:root{--color-bg: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-text: #e5e5e5;--color-text-muted: #a3a3a3;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--color-accent-solid: #2563eb;--color-accent-solid-hover: #1d4ed8;--color-border: #262626;--color-magic: #8b5cf6;--color-glow: rgba(59, 130, 246, .14);--gradient-magic: linear-gradient(90deg, var(--color-accent), var(--color-magic));--color-tier-gold: #ffd700;--color-tier-silver: #c0c0c0;--color-tier-bronze: #cd7f32;--color-tier-none: #525252;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--max-width: 1200px;--nav-height: 4rem}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--color-bg: #fafafa;--color-bg-secondary: #f5f5f5;--color-text: #171717;--color-text-muted: #525252;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-solid: #2563eb;--color-accent-solid-hover: #1d4ed8;--color-border: #e5e5e5;--color-glow: rgba(37, 99, 235, .08)}}:root[data-theme=light]{--color-bg: #fafafa;--color-bg-secondary: #f5f5f5;--color-text: #171717;--color-text-muted: #525252;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-solid: #2563eb;--color-accent-solid-hover: #1d4ed8;--color-border: #e5e5e5;--color-glow: rgba(37, 99, 235, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-accent-hover)}::selection{background:var(--color-accent-solid);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-sm)}.section-description{color:var(--color-text-muted);margin-bottom:var(--space-xl)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;padding:var(--space-lg);transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease}.card:hover{border-color:var(--color-accent)}.card,.link-card{position:relative;overflow:hidden}.card:before,.link-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--glow-x, 50%) var(--glow-y, 50%),var(--color-glow),transparent 70%);opacity:0;transition:opacity .3s ease}.card:hover:before,.link-card:hover:before{opacity:1}@media(hover:hover)and (prefers-reduced-motion:no-preference){.card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000040}}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.btn-primary{background:var(--color-accent-solid);color:#fff}.btn-primary:hover{background:var(--color-accent-solid-hover);color:#fff}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.tag{display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:.25rem;font-size:.75rem;color:var(--color-text-muted)}.link-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.75rem;transition:border-color .2s ease}.link-card:hover{border-color:var(--color-accent)}.link-card-icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.link-card-content h3{font-size:1rem;font-weight:600;margin-bottom:.125rem}.link-card-content p{font-size:.875rem;color:var(--color-text-muted)}@media(prefers-reduced-motion:no-preference){.js-reveal .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0s)}.js-reveal .reveal.revealed{opacity:1;transform:none}}html.theme-switching::view-transition-old(root),html.theme-switching::view-transition-new(root){animation:none;mix-blend-mode:normal}html.theme-switching::view-transition-old(root){z-index:1}html.theme-switching::view-transition-new(root){z-index:2}.sparkle-field{position:fixed;inset:0;pointer-events:none;z-index:9998;overflow:hidden}.sparkle{position:absolute;animation:sparkle-pop var(--sparkle-duration, 1.2s) ease-out forwards}@keyframes sparkle-pop{0%{transform:translateY(0) scale(0) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(-12vh) scale(1.4) rotate(40deg);opacity:0}}@media print{:root{--color-bg: #fff;--color-bg-secondary: #fff;--color-text: #000;--color-text-muted: #333;--color-accent: #000;--color-border: #ccc}nav,footer,.skip-link,.lang-switcher,.konami-overlay,.theme-toggle{display:none!important}body{font-size:12pt;line-height:1.5}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#555}.container{max-width:100%;padding:0}.article-content{font-size:11pt}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}}