:root{--color-bg: oklch(8% .012 260);--color-bg-subtle: oklch(14% .018 260);--color-bg-elevated: oklch(20% .025 260);--color-bg-dark: oklch(5% .01 260);--color-text: oklch(95% .006 260);--color-text-secondary: oklch(72% .015 260);--color-text-muted: oklch(52% .02 260);--color-text-inverse: oklch(98% .004 260);--color-primary: oklch(62% .22 255);--color-primary-hover: oklch(52% .24 255);--color-primary-light: oklch(62% .22 255 / .12);--color-primary-muted: oklch(62% .22 255 / .25);--color-accent: oklch(78% .16 80);--color-accent-bg: oklch(78% .16 80 / .12);--color-accent-hover: oklch(55% .2 310);--color-border: oklch(25% .02 260);--color-border-light: oklch(33% .02 260);--color-border-hover: oklch(42% .025 260);--color-info: oklch(62% .19 250);--color-primary-dark: oklch(42% .2 260);--color-success: oklch(65% .16 150);--color-success-bg: oklch(65% .16 150 / .12);--color-danger: oklch(60% .2 25);--color-danger-bg: oklch(60% .2 25 / .12);--color-surface-hero: oklch(22% .06 255);--color-surface-accent: oklch(30% .08 255);--color-surface-warm: oklch(25% .04 60);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-sans: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-serif: "Libre Caslon Display", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.75rem;--text-6xl: 4.5rem;--leading-tight: 1.1;--leading-snug: 1.35;--leading-normal: 1.65;--leading-relaxed: 1.8;--max-width: 1280px;--content-width: 720px;--sidebar-width: 280px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .4);--shadow-md: 0 4px 12px oklch(0% 0 0 / .5);--shadow-lg: 0 12px 40px oklch(0% 0 0 / .6);--shadow-glow: 0 0 40px oklch(62% .22 255 / .15);--shadow-card: 0 2px 8px oklch(0% 0 0 / .3), 0 0 1px oklch(0% 0 0 / .2);--shadow-card-hover: 0 8px 24px oklch(0% 0 0 / .4), 0 0 1px oklch(0% 0 0 / .2);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--transition-fast: .15s cubic-bezier(.25, 1, .5, 1);--transition-normal: .25s cubic-bezier(.25, 1, .5, 1);--transition-smooth: .4s cubic-bezier(.25, 1, .5, 1)}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--color-primary);color:var(--color-text-inverse)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a[href*="/go/"]{position:relative;display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--color-primary);text-decoration:none;border-bottom:2px solid oklch(62% .22 255 / .3);padding-bottom:1px;transition:border-color var(--transition-fast),color var(--transition-fast)}a[href*="/go/"]:hover{border-bottom-color:var(--color-primary);color:var(--color-primary-hover)}a[href*="/go/"]:after{content:"";display:inline-block;width:12px;height:12px;background:var(--color-primary);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M7 17l9.2-9.2M17 17V7H7'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M7 17l9.2-9.2M17 17V7H7'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;flex-shrink:0;opacity:.5;transition:opacity var(--transition-fast),transform var(--transition-fast)}a[href*="/go/"]:hover:after{opacity:1;transform:translate(1px,-1px)}img{max-width:100%;height:auto;display:block}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);z-index:1000;font-size:var(--text-sm);font-weight:500;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0}.top-bar{background:var(--color-primary-dark);color:#b8bec8;font-size:var(--text-xs);padding:var(--space-2) 0;border-bottom:1px solid oklch(35% .06 255 / .3)}.top-bar-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);text-align:center}.top-bar-text{opacity:.85}.site-header{position:sticky;top:0;z-index:100;background:#020306;border-bottom:1px solid var(--color-border)}@supports (backdrop-filter: blur(20px)){.site-header{background:#020306e0;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:var(--space-2);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.logo svg{color:var(--color-primary);flex-shrink:0}.logo:hover{color:var(--color-primary)}.main-nav{display:flex;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.nav-link:hover{background:var(--color-bg-elevated);color:var(--color-text)}.nav-link-tool{color:var(--color-primary);font-weight:600}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.header-cta{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:600;transition:all var(--transition-fast);white-space:nowrap;box-shadow:0 2px 8px oklch(62% .22 255 / .3)}.header-cta:hover{background:var(--color-primary-hover);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:0 4px 16px oklch(62% .22 255 / .4)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-2)}.mobile-menu-btn span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:1px;transition:all .2s var(--ease-out-quart)}.mobile-nav{display:none;flex-direction:column;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg)}.mobile-nav.open{display:flex}.mobile-nav a{padding:var(--space-3) 0;color:var(--color-text-secondary);font-size:var(--text-base);font-weight:500;border-bottom:1px solid var(--color-border-light)}.mobile-nav a:last-of-type{border-bottom:none}@media(max-width:768px){.main-nav,.header-cta{display:none}.mobile-menu-btn{display:flex}.header-inner{padding:0 var(--space-4);height:56px}.top-bar-inner{padding:var(--space-2) var(--space-4)}}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-24);background:var(--color-bg-dark);color:var(--color-text-inverse)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8)}.footer-top{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-16);padding-bottom:var(--space-10);border-bottom:1px solid oklch(95% .006 260 / .08)}.footer-brand{max-width:360px}.footer-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.footer-logo svg{color:var(--color-primary)}.footer-logo strong{font-size:var(--text-lg);color:var(--color-text-inverse)}.footer-brand p{color:#eceff38c;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.footer-social a{width:36px;height:36px;border-radius:50%;background:#eceff314;display:flex;align-items:center;justify-content:center;color:#eceff399;transition:all var(--transition-fast)}.footer-social a:hover{background:var(--color-primary);color:var(--color-text-inverse)}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-col h4{font-size:var(--text-xs);font-weight:700;color:var(--color-text-inverse);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.08em}.footer-col a{display:block;color:#eceff38c;font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-text-inverse)}.footer-bottom{padding-top:var(--space-6);display:flex;justify-content:space-between;align-items:center;color:#eceff366;font-size:var(--text-sm)}.footer-bottom-left{display:flex;align-items:center;gap:var(--space-6)}.footer-bottom-links{display:flex;gap:var(--space-4)}.footer-bottom-links a{color:#eceff380;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--color-text-inverse)}.footer-bottom .disclosure{font-style:italic}.footer-bottom .disclosure a{color:#eceff399;text-decoration:underline}.footer-bottom .disclosure a:hover{color:var(--color-text-inverse)}@media(max-width:768px){.footer-top{grid-template-columns:1fr;gap:var(--space-10)}.footer-columns{grid-template-columns:1fr;gap:var(--space-6)}.footer-bottom{flex-direction:column;gap:var(--space-2);text-align:center}.footer-bottom-left{flex-direction:column;gap:var(--space-2)}.footer-inner{padding:var(--space-10) var(--space-4) var(--space-6)}}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle);font-size:var(--text-lg)}.page-header{max-width:var(--content-width);margin:0 auto var(--space-12);text-align:center;padding:var(--space-16) var(--space-6) var(--space-8)}.page-header h1{font-family:var(--font-serif);font-size:var(--text-5xl);font-weight:400;letter-spacing:-.02em;line-height:var(--leading-tight);margin-bottom:var(--space-4);color:var(--color-text)}.page-header p{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:560px;margin:0 auto;line-height:var(--leading-relaxed)}.content-section{max-width:var(--max-width);margin:0 auto;padding:var(--space-12) var(--space-6)}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;margin-bottom:var(--space-8);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;transition:all var(--transition-fast);cursor:pointer;border:none;text-decoration:none;line-height:1}.btn-primary{background:var(--color-primary);color:#fff!important;box-shadow:0 2px 8px oklch(62% .22 255 / .25);text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-primary:hover{background:var(--color-primary-hover);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 16px oklch(62% .22 255 / .35)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border-light);color:var(--color-text);border-color:var(--color-border-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border-hover)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-base);border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:100px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-accent{background:var(--color-accent-bg);color:oklch(45% .15 70)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.star-rating{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-accent);font-size:var(--text-sm)}.star-rating .stars{letter-spacing:1px}.star-rating .count{color:var(--color-text-muted);font-size:var(--text-xs)}.card-grid{display:grid;gap:var(--space-6)}@media(max-width:768px){.card-grid{grid-template-columns:1fr}.page-header h1{font-size:var(--text-3xl)}.page-header{padding:var(--space-10) var(--space-4) var(--space-6)}.content-section{padding:var(--space-8) var(--space-4)}}@media(max-height:700px){:root{--space-20: 56px;--space-24: 64px}}.btn{min-height:44px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--color-primary);z-index:200;transition:width .1s linear;pointer-events:none}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:90;width:44px;height:44px;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(16px);transition:opacity .3s var(--ease-out-quart),transform .3s var(--ease-out-quart),background .15s var(--ease-out-quart),color .15s var(--ease-out-quart);pointer-events:none;box-shadow:var(--shadow-md)}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.nav-link.active{color:var(--color-primary);background:var(--color-primary-light)}.mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:150;background:var(--color-bg-elevated);border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6);transform:translateY(100%);transition:transform .4s var(--ease-out-quart);box-shadow:0 -4px 20px #0000004d}.cookie-banner.visible{transform:translateY(0)}.cookie-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.cookie-inner p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.cookie-inner a{color:var(--color-primary);text-decoration:underline}.cookie-actions{display:flex;gap:var(--space-2);flex-shrink:0}@media(max-width:768px){.cookie-inner{flex-direction:column;gap:var(--space-3);text-align:center}.back-to-top{bottom:16px;right:16px}}.reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.reveal.animate-ready{opacity:1;transform:none;transition:none}}