:root,[data-theme=dark]{--void: #08090f;--deep: #0e1019;--surface: #141722;--surface-raised: #1a1e2c;--surface-overlay: rgba(14,16,25,.92);--border: #232840;--border-hover: #343a58;--text: #b8b5ad;--text-dim: #686560;--text-bright: #ededeb;--text-heading: #f0efed;--amber: #daa520;--amber-hover: #c4940f;--amber-soft: rgba(218,165,32,.12);--amber-softer: rgba(218,165,32,.06);--cyan: #56b3c4;--cyan-soft: rgba(86,179,196,.1);--green: #5cb87a;--green-soft: rgba(92,184,122,.1);--rose: #d06060;--rose-soft: rgba(208,96,96,.1);--code-bg: #0b0d14;--code-border: #1e2235;--code-text: #c8c5bc;--specimen-bg: #0c0e16;--specimen-bar: #12151f;--specimen-dim: #6a6e85;--nav-bg: rgba(8,9,15,.88);--starfield: 1;--grain: .02;--light-texture: 0;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-card: 0 2px 8px rgba(0,0,0,.25)}[data-theme=light]{--void: #ffffff;--deep: #f7f6f3;--surface: #ffffff;--surface-raised: #f2f1ed;--surface-overlay: rgba(255,255,255,.92);--border: #ddd9d0;--border-hover: #c5c0b5;--text: #3d3a35;--text-dim: #7a756c;--text-bright: #1a1816;--text-heading: #141210;--amber: #b8860b;--amber-hover: #9a7009;--amber-soft: rgba(184,134,11,.1);--amber-softer: rgba(184,134,11,.04);--cyan: #1a7a8a;--cyan-soft: rgba(26,122,138,.07);--green: #2d7a4e;--green-soft: rgba(45,122,78,.07);--rose: #b04040;--rose-soft: rgba(176,64,64,.07);--code-bg: #1a1e2c;--code-border: #2a2f42;--code-text: #e0ddd5;--specimen-bg: #1a1e2c;--specimen-bar: #222738;--specimen-dim: #4a4e65;--nav-bg: rgba(255,255,255,.9);--starfield: 0;--grain: 0;--light-texture: 1;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-card: 0 1px 6px rgba(0,0,0,.06)}:root{--font-mono: "SF Mono", "Cascadia Code", "Fira Code", "JetBrains Mono", "Menlo", monospace;--font-serif: Baskerville, "Libre Baskerville", Georgia, serif;--font-sans: "Avenir Next", "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drift{0%,to{opacity:.3}50%{opacity:.8}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px var(--amber-soft)}50%{box-shadow:0 0 30px var(--amber-soft)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--void);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.7;overflow-x:hidden;transition:background .4s,color .3s}body:before{content:"";position:fixed;inset:0;background:radial-gradient(1px 1px at 8% 15%,rgba(218,165,32,.45),transparent),radial-gradient(1px 1px at 25% 55%,rgba(86,179,196,.3),transparent),radial-gradient(1.2px 1.2px at 48% 8%,rgba(218,165,32,.35),transparent),radial-gradient(1px 1px at 65% 35%,rgba(92,184,122,.2),transparent),radial-gradient(1px 1px at 88% 72%,rgba(218,165,32,.45),transparent),radial-gradient(1px 1px at 12% 80%,rgba(86,179,196,.2),transparent),radial-gradient(1.3px 1.3px at 38% 42%,rgba(218,165,32,.5),transparent),radial-gradient(1px 1px at 72% 12%,rgba(86,179,196,.25),transparent),radial-gradient(1px 1px at 92% 48%,rgba(92,184,122,.25),transparent),radial-gradient(1.2px 1.2px at 55% 68%,rgba(218,165,32,.4),transparent);pointer-events:none;z-index:0;opacity:var(--starfield);animation:drift 10s ease-in-out infinite;transition:opacity .5s}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;transition:opacity .5s}[data-theme=dark] body:after,:root body:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:var(--grain)}[data-theme=light] body:after{background-image:radial-gradient(circle,rgba(0,0,0,.04) 1px,transparent 1px);background-size:24px 24px;opacity:var(--light-texture)}.page{position:relative;z-index:1}nav{position:fixed;top:0;left:0;right:0;z-index:500;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background .3s,border-color .3s}.nav-inner{max-width:1000px;margin:0 auto;padding:0 28px;display:flex;align-items:center;height:56px;gap:8px}.nav-brand{font-family:var(--font-serif);font-style:italic;font-size:1.1rem;color:var(--text-heading);text-decoration:none;margin-right:auto;letter-spacing:-.01em;transition:color .2s}.nav-brand span{color:var(--amber);font-style:normal}.nav-brand:hover{color:var(--amber)}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--text-dim);text-decoration:none;padding:6px 12px;border-radius:var(--radius-sm);transition:all .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-bright);background:var(--amber-softer)}.nav-links a.active{color:var(--amber)}.nav-links a.gh{display:flex;align-items:center;gap:5px}.theme-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);margin-left:4px;transition:all .2s;display:flex;align-items:center;gap:4px}.theme-btn:hover{border-color:var(--amber);color:var(--text-bright)}.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:6px}@media(max-width:700px){.nav-links{display:none;position:absolute;top:56px;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(16px);flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--border);gap:0}.nav-links.open{display:flex}.nav-links a{padding:10px 12px;width:100%}.nav-toggle{display:block}.theme-btn{margin-left:0}}.container{max-width:900px;margin:0 auto;padding:0 28px}.container-wide{max-width:1100px;margin:0 auto;padding:0 28px}main{padding-top:56px}h1{font-family:var(--font-serif);font-weight:400;font-style:italic;color:var(--text-heading);letter-spacing:-.025em;line-height:1.1}h1 span,h1 em{color:var(--amber);font-style:normal}h2{font-family:var(--font-serif);font-weight:400;font-size:1.8rem;color:var(--text-heading);margin-bottom:12px;letter-spacing:-.01em}h3{font-family:var(--font-sans);font-weight:600;font-size:1.05rem;color:var(--text-bright);margin-bottom:6px}p{transition:color .3s}a{color:var(--amber);text-decoration:none;transition:color .2s}a:hover{color:var(--cyan)}.chapter{display:flex;align-items:center;gap:16px;margin:64px 0 32px}.chapter:before,.chapter:after{content:"";flex:1;height:1px;background:var(--border)}.chapter-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);white-space:nowrap}.eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;justify-content:center;gap:14px}.eyebrow:before,.eyebrow:after{content:"";width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--amber-hover),transparent)}.specimen{background:var(--specimen-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:border-color .3s,box-shadow .3s}.specimen:hover{border-color:var(--border-hover)}.specimen-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--specimen-bar);border-bottom:1px solid var(--code-border)}.specimen-dot{width:10px;height:10px;border-radius:50%}.specimen-dot:nth-child(1){background:#ff5f57}.specimen-dot:nth-child(2){background:#febc2e}.specimen-dot:nth-child(3){background:#28c840}.specimen-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:.7rem;color:var(--specimen-dim);margin-right:44px}.specimen-body{padding:22px 28px;font-family:var(--font-mono);font-size:.82rem;line-height:1.85;white-space:pre;overflow-x:auto;color:#c5c2b8}.specimen-body .t-amber{color:#f0c040;font-weight:600}.specimen-body .t-cmd{color:#7dd89a}.specimen-body .t-engine{color:#70c8d8}.specimen-body .t-dim{color:#6a6e85}code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:2px 7px;border-radius:4px;color:var(--cyan);transition:background .3s}[data-theme=light] code:not(pre code){background:var(--surface-raised);color:var(--cyan)}pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:16px 20px;overflow-x:auto;font-family:var(--font-mono);font-size:.84rem;line-height:1.7;color:var(--code-text);box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s}pre code{background:none;padding:0;color:inherit}.prompt{color:#daa520;user-select:none}.comment{color:#686560}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;position:relative;overflow:hidden;box-shadow:var(--shadow-card);transition:all .25s}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:transparent;transition:background .3s}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card:hover:after{background:linear-gradient(90deg,var(--amber),var(--cyan))}.card h4{font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--text-bright);margin-bottom:6px;display:flex;align-items:center;gap:8px}.card p{font-size:.82rem;color:var(--text-dim);line-height:1.55;margin-bottom:10px}.card code{font-size:.76rem;color:var(--green);background:var(--green-soft)}.card a{font-size:.82rem;border-bottom:1px solid transparent}.card a:hover{border-bottom-color:var(--amber)}.tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px}.tag-req{background:var(--rose-soft);color:var(--rose)}.tag-auto{background:var(--green-soft);color:var(--green)}.tag-opt{background:var(--amber-soft);color:var(--amber)}.table-wrap{overflow-x:auto;margin:16px 0}table{width:100%;border-collapse:collapse}th{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-align:left;padding:10px 14px;border-bottom:2px solid var(--border);background:var(--deep)}td{padding:10px 14px;border-bottom:1px solid var(--border);font-size:.87rem;transition:background .2s}td code{font-size:.8rem}tr:hover td{background:var(--amber-softer)}.steps{counter-reset:step}.step{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--border);align-items:start}.step:last-child{border-bottom:none}.step-num{counter-increment:step;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1rem;font-style:italic;color:var(--amber);border:1px solid var(--border);border-radius:50%}.step-num:after{content:counter(step)}.step-content h3{margin-top:4px}.step-content p{font-size:.87rem;color:var(--text-dim);margin:4px 0}.step-content pre{margin:8px 0}.epigraph{border-left:3px solid var(--amber);padding:28px 0 28px 36px;margin:44px 0;font-family:var(--font-serif);font-style:italic;font-size:1.55rem;color:var(--text-heading);line-height:1.6}.epigraph cite{display:block;font-family:var(--font-mono);font-style:normal;font-size:.85rem;color:var(--text-dim);margin-top:16px;letter-spacing:.04em}.feature{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;padding:40px 0;border-bottom:1px solid var(--border)}.feature:last-child{border-bottom:none}.feature:nth-child(2n){direction:rtl}.feature:nth-child(2n)>*{direction:ltr}.feature-text h3{font-size:1.2rem;margin-bottom:10px}.feature-text p{color:var(--text-dim);margin-bottom:12px}@media(max-width:700px){.feature{grid-template-columns:1fr;gap:20px}.feature:nth-child(2n){direction:ltr}}.cta-group{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.03em;padding:11px 24px;border-radius:var(--radius-sm);text-decoration:none;transition:all .25s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--amber);color:#0a0a12;font-weight:600;box-shadow:0 2px 8px var(--amber-soft)}.btn-primary:hover{background:var(--amber-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px var(--amber-soft)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--amber);color:var(--amber)}.badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);border:1px solid var(--border);padding:6px 16px;border-radius:100px;background:var(--deep)}.badge .dot{width:6px;height:6px;background:var(--amber);border-radius:50%;animation:drift 3s ease-in-out infinite}.medium-zoom-overlay{z-index:10000!important}.medium-zoom-image--opened{z-index:10001!important}.preview-img{width:100%;border-radius:var(--radius-md);border:1px solid var(--border);margin:24px 0;box-shadow:var(--shadow-md);transition:border-color .3s,box-shadow .3s}.preview-img:hover{border-color:var(--border-hover)}footer{border-top:1px solid var(--border);padding:40px 0 56px;text-align:center;margin-top:48px}footer .footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:14px;flex-wrap:wrap}footer a{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--text-dim)}footer a:hover{color:var(--amber)}footer .credit{font-size:.75rem;color:var(--text-dim);opacity:.5;margin-top:6px}.text-center{text-align:center}.text-dim{color:var(--text-dim)}.text-amber{color:var(--amber)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.anim{animation:fadeUp .6s ease both}.anim-1{animation-delay:.05s}.anim-2{animation-delay:.1s}.anim-3{animation-delay:.15s}.anim-4{animation-delay:.2s}.anim-5{animation-delay:.25s}.anim-6{animation-delay:.3s}