:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--color-again:#ef4444;--color-again-bg:#ef444414;--color-hard:#f97316;--color-hard-bg:#f9731614;--color-good:#22c55e;--color-good-bg:#22c55e14;--color-easy:#3b82f6;--color-easy-bg:#3b82f614}:root,[data-theme=dark]{--color-bg:#07090f;--color-surface:#0f1117;--color-surface-2:#161b27;--color-border:#1e2435;--color-border-2:#2a3349;--color-text:#e2e8f0;--color-text-muted:#6b7fa3;--color-accent:#2563eb;--color-accent-2:#3b82f6;--color-accent-glow:#2563eb33;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3}[data-theme=light]{--color-bg:#fff;--color-surface:#f0f4ff;--color-surface-2:#e0e9ff;--color-border:#c7d4f0;--color-border-2:#a5b8e8;--color-text:#0f1b3a;--color-text-muted:#4a5d8a;--color-accent:#1d4ed8;--color-accent-2:#2563eb;--color-accent-glow:#1d4ed81f;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 8px 32px #0000001a}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;transition:background .2s,color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:var(--color-accent-2);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.1em .35em;font-size:.875em}pre{margin:0;overflow-x:auto}pre code{background:0 0;border:none;padding:0;font-size:.85rem;line-height:1.65}.app{min-height:100vh}.section-container{max-width:1100px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.section-subtitle{color:var(--color-text-muted);max-width:580px;margin:0 auto;font-size:1.05rem;line-height:1.7}.navbar{z-index:100;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--color-bg) 90%, transparent);position:sticky;top:0}.navbar-inner{align-items:center;gap:2rem;max-width:1100px;height:60px;margin:0 auto;padding:0 2rem;display:flex}.navbar-brand{cursor:pointer;letter-spacing:-.02em;color:var(--color-text);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.navbar-logo{font-size:1.3rem}.navbar-links{flex:1;gap:.25rem;display:flex}.nav-link{color:var(--color-text-muted);border-radius:6px;padding:.4rem .75rem;font-size:.9rem;transition:color .15s,background .15s}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.navbar-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nav-link-github{color:var(--color-text-muted);border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.875rem;transition:color .15s,background .15s;display:flex}.nav-link-github:hover{color:var(--color-text);background:var(--color-surface);text-decoration:none}.theme-toggle{border:1px solid var(--color-border);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .15s;display:flex}.theme-toggle:hover{background:var(--color-surface)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-2);box-shadow:0 4px 12px var(--color-accent-glow);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-2)}.btn-secondary:hover{background:var(--color-surface-2);color:var(--color-text);text-decoration:none}.btn-large{padding:.8rem 2rem;font-size:1.05rem}.hero-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;padding:5rem 2rem;display:grid}.hero-badge{background:var(--color-accent-glow);color:var(--color-accent-2);letter-spacing:.06em;text-transform:uppercase;border:1px solid #2563eb40;border-radius:999px;margin-bottom:1.25rem;padding:.3rem .8rem;font-size:.78rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.03em;margin:0 0 1rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:900;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg, var(--color-accent) 0%, #06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--color-text-muted);max-width:460px;margin:0 0 2rem;font-size:1.1rem;line-height:1.7}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-card-stack{width:340px;height:260px;position:relative}.hero-card{background:var(--color-surface);border:1px solid var(--color-border);width:320px;box-shadow:var(--shadow-lg);border-radius:16px;padding:1.5rem;position:absolute}.hero-card--back{opacity:.5;z-index:0;bottom:0;right:0;transform:rotate(3deg)translateY(8px)}.hero-card--front{z-index:1;top:0;left:0}.hero-card__label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.75rem;font-size:.7rem;font-weight:700}.hero-card__front{color:var(--color-text);margin-bottom:.75rem;font-size:1rem;font-weight:600}.hero-card__divider{border:none;border-top:1px solid var(--color-border);margin:.75rem 0}.hero-card__back{color:var(--color-accent-2);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.hero-card__ratings{flex-wrap:wrap;gap:.4rem;display:flex}.rating-pill{border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.rating-pill--again{background:var(--color-again-bg);color:var(--color-again)}.rating-pill--hard{background:var(--color-hard-bg);color:var(--color-hard)}.rating-pill--good{background:var(--color-good-bg);color:var(--color-good)}.rating-pill--easy{background:var(--color-easy-bg);color:var(--color-easy)}.features-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:5rem 0}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.feature-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:border-color .15s,box-shadow .15s}.feature-card:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-sm)}.feature-icon{margin-bottom:.75rem;font-size:1.75rem}.feature-title{margin:0 0 .5rem;font-size:1rem;font-weight:700}.feature-desc{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.65}.how-section{padding:5rem 0}.how-ratings{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem;display:grid}.how-rating-card{border:1px solid;border-radius:12px;padding:1.25rem}.how-rating-label{margin-bottom:.5rem;font-size:1rem;font-weight:800}.how-rating-effect{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.85rem;line-height:1.6}.how-rating-example{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.4rem .6rem;font-size:.78rem;display:block}.how-timeline-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:2rem;padding:2rem}.how-timeline-title{margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.how-timeline-subtitle{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:.9rem}.how-timeline{flex-direction:column;gap:.6rem;display:flex}.how-timeline-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:1rem;padding:.6rem 1rem;font-size:.9rem;display:flex}.how-timeline-num{width:32px;color:var(--color-text-muted);flex-shrink:0;font-size:.75rem;font-weight:700}.how-timeline-rating{text-align:center;border-radius:5px;flex-shrink:0;width:60px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.how-timeline-rating--again{background:var(--color-again-bg);color:var(--color-again)}.how-timeline-rating--hard{background:var(--color-hard-bg);color:var(--color-hard)}.how-timeline-rating--good{background:var(--color-good-bg);color:var(--color-good)}.how-timeline-rating--easy{background:var(--color-easy-bg);color:var(--color-easy)}.how-timeline-arrow{color:var(--color-text-muted);font-size:.85rem}.how-timeline-interval{font-family:var(--font-mono);color:var(--color-accent-2);font-size:.875rem;font-weight:600}.how-note{background:var(--color-accent-glow);border:1px solid #2563eb33;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.how-note-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.how-note-text{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.65}.run-section{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:5rem 0}.run-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.run-tab{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.run-tab:hover{color:var(--color-text);border-color:var(--color-border-2)}.run-tab.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.run-steps{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.run-step{align-items:flex-start;gap:1.25rem;display:flex}.run-step-number{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:.85rem;font-weight:700;display:flex}.run-step-body{flex:1}.run-step-title{margin-bottom:.4rem;font-size:1rem;font-weight:700}.run-step-note{color:var(--color-text-muted);margin:0 0 .6rem;font-size:.875rem}.run-code-block{background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.run-code-header{border-bottom:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;padding:.5rem .875rem;display:flex}.run-code-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-size:.7rem;font-weight:700}.run-code-pre{font-family:var(--font-mono);color:var(--color-text);padding:.875rem 1rem;font-size:.85rem;line-height:1.65;overflow-x:auto}.copy-btn{color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface);border-radius:4px;padding:.2rem .6rem;font-size:.75rem;transition:all .15s}.copy-btn:hover{color:var(--color-text);border-color:var(--color-border-2)}.run-note{background:var(--color-accent-glow);border:1px solid #2563eb33;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.run-note-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.run-note-text{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.65}.download-section{padding:5rem 0}.download-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem;display:grid}.download-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:16px;padding:1.75rem;transition:border-color .15s,box-shadow .15s}.download-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-md)}.download-icon{margin-bottom:.75rem;font-size:2.5rem}.download-platform{margin:0 0 .3rem;font-size:1.25rem;font-weight:800}.download-arch{color:var(--color-text-muted);margin-bottom:1rem;font-size:.8rem}.download-formats{flex-direction:column;gap:.35rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.download-formats li{font-size:.875rem;font-family:var(--font-mono);color:var(--color-accent-2);background:var(--color-accent-glow);border-radius:5px;padding:.3rem .6rem;display:inline-block}.download-note{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.6}.download-cta{text-align:center;margin-bottom:1.5rem}.download-releases-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:flex-start;gap:.75rem;max-width:640px;margin:0 auto 2.5rem;padding:1rem 1.25rem;display:flex}.download-releases-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.download-releases-text{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.65}.download-web-alt{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;max-width:480px;margin:0 auto;padding:2rem}.download-web-text{color:var(--color-text-muted);margin:0 0 1rem;font-size:1rem}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:1.5rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;padding:0 2rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-logo{font-size:1.1rem}.footer-name{font-size:.95rem;font-weight:700}.footer-tagline{color:var(--color-text-muted);border-left:1px solid var(--color-border-2);margin-left:.25rem;padding-left:.75rem;font-size:.85rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--color-text-muted);font-size:.875rem;transition:color .15s}.footer-links a:hover{color:var(--color-text);text-decoration:none}@media (width<=900px){.hero-section{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.5rem}.hero-visual,.navbar-links{display:none}.how-ratings{grid-template-columns:repeat(2,1fr)}.download-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}}@media (width<=600px){.section-container{padding:0 1rem}.hero-section{padding:2.5rem 1rem}.how-ratings,.features-grid{grid-template-columns:1fr}.run-step{flex-direction:column;gap:.75rem}.run-step-number{margin-top:0}}