:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0f14;--panel:#111920d6;--panel-strong:#18222af5;--line:#ffffff1f;--text:#edf7f7;--muted:#9eb1b4;--cyan:#54d7f6;--green:#55df94;--amber:#f0bd59;--coral:#ff766f;--violet:#a991ff;--red:#ff5f7e;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 24%,#54d7f624,#0000 28rem),radial-gradient(circle at 85% 8%,#55df941a,#0000 26rem),#0a0f14;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;overflow:hidden}.hero-section{isolation:isolate;align-items:center;min-height:92vh;padding:1.2rem clamp(1rem,4vw,4rem) 5rem;display:grid;position:relative}.hero-section:after{content:"";background:linear-gradient(180deg, transparent, var(--bg));z-index:-1;height:9rem;position:absolute;inset:auto 0 0}.hero-image,.hero-overlay{z-index:-2;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center;filter:saturate(1.12)contrast(1.08);width:100%;height:100%;animation:16s ease-in-out infinite alternate imageFloat}.hero-overlay{background:linear-gradient(90deg,#0a0f14fa 0%,#0a0f14cc 38%,#0a0f1447 78%),linear-gradient(#0a0f142e,#0a0f14bd)}.topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex;position:absolute;top:1.1rem;left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem)}.brand,.icon-link,.docs-link{color:inherit;text-decoration:none}.brand{align-items:center;gap:.72rem;font-weight:800;display:inline-flex}.brand-mark,.icon-link{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;place-items:center;width:2.65rem;height:2.65rem;display:inline-grid}.brand-mark{color:var(--cyan);border-radius:.8rem}.topbar-actions{gap:.6rem;display:flex}.icon-link{border-radius:999px;transition:transform .18s,border-color .18s,background .18s}.icon-link:hover{background:#54d7f621;border-color:#54d7f694;transform:translateY(-2px)}.hero-content{width:min(46rem,100%);padding-top:5rem}.eyebrow,.live-pill,.panel-heading,.detail-top,.example-header,.docs-link{align-items:center;gap:.5rem;display:inline-flex}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:8ch;margin-bottom:1.2rem;font-size:clamp(3.25rem,9vw,7.8rem);line-height:.92}.hero-copy{color:#cfe0e2;width:min(39rem,100%);font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.7}.search-panel{width:min(43rem,100%);margin-top:2rem}.search-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#091014b8;border:1px solid #ffffff2e;align-items:center;gap:.85rem;min-height:4.1rem;padding:0 1.1rem;display:flex;box-shadow:0 24px 80px #00000057}.search-box svg{color:var(--cyan);flex:none}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:1rem}.search-box input::placeholder{color:#819498}.pulse-line{border-left:1px solid #ffffff29;border-right:1px solid #ffffff29;height:2.7rem;margin-inline:1.4rem;position:relative}.pulse-line:before{content:"";background:linear-gradient(90deg,#0000,#54d7f6bf,#0000);height:1px;position:absolute;top:50%;left:0;right:0}.pulse-dot{background:var(--cyan);border-radius:999px;width:.62rem;height:.62rem;animation:4.6s linear infinite pulseTravel;position:absolute;top:calc(50% - .31rem);box-shadow:0 0 28px}.pulse-dot:nth-child(2){animation-delay:-.9s}.pulse-dot:nth-child(3){animation-delay:-1.8s}.pulse-dot:nth-child(4){animation-delay:-2.7s}.pulse-dot:nth-child(5){animation-delay:-3.6s}.pulse-dot.group-2xx{color:var(--green);background:var(--green)}.pulse-dot.group-3xx{color:var(--amber);background:var(--amber)}.pulse-dot.group-4xx{color:var(--coral);background:var(--coral)}.pulse-dot.group-5xx{color:var(--red);background:var(--red)}.workspace{z-index:2;grid-template-columns:15.5rem minmax(0,1fr) 23.5rem;align-items:start;gap:1rem;width:min(1440px,100% - 2rem);margin:-4rem auto 0;display:grid;position:relative}.filters-panel,.results-panel,.detail-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 90px #0000003d}.filters-panel{gap:.7rem;padding:1rem;display:grid;position:sticky;top:1rem}.panel-heading{color:var(--muted);margin-bottom:.2rem;font-size:.9rem;font-weight:800}.filter-chip{min-height:3rem;color:var(--text);text-align:left;background:#ffffff0b;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:0 .8rem;transition:transform .16s,border-color .16s,background .16s;display:grid}.filter-chip:hover,.filter-chip.active{background:#54d7f61a;border-color:#54d7f65c;transform:translate(3px)}.filter-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-chip strong{color:var(--muted);font-size:.82rem}.results-panel{padding:clamp(1rem,2vw,1.35rem)}.section-title{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.section-title p{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;font-size:.78rem;font-weight:800}.section-title h2{letter-spacing:0;margin-bottom:0;font-size:clamp(1.45rem,3vw,2rem)}.live-pill{color:#c7f5dc;background:#55df9414;border:1px solid #55df943d;flex:none;padding:.55rem .75rem;font-size:.8rem}.live-pill span{background:var(--green);width:.5rem;height:.5rem;box-shadow:0 0 16px var(--green);border-radius:999px}.code-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;display:grid}.code-card{min-height:12rem;color:var(--text);text-align:left;background:#ffffff0b;border:1px solid #ffffff1c;flex-direction:column;align-items:flex-start;padding:1rem;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.code-card:before{content:"";background:var(--accent,var(--cyan));height:.28rem;box-shadow:0 0 30px var(--accent,var(--cyan));position:absolute;inset:auto 0 0}.code-card:hover,.code-card.selected{border-color:color-mix(in srgb, var(--accent,var(--cyan)) 66%, white 8%);background:#ffffff13;transform:translateY(-4px)}.code-card.group-1xx,.detail-panel.group-1xx{--accent:var(--cyan)}.code-card.group-2xx,.detail-panel.group-2xx{--accent:var(--green)}.code-card.group-3xx,.detail-panel.group-3xx{--accent:var(--amber)}.code-card.group-4xx,.detail-panel.group-4xx{--accent:var(--coral)}.code-card.group-5xx,.detail-panel.group-5xx{--accent:var(--red)}.code-number{color:var(--accent,var(--cyan));font-size:2.5rem;font-weight:900;line-height:1}.code-title{margin-top:.7rem;font-size:1.05rem;font-weight:900}.code-summary{color:var(--muted);margin-top:.55rem;font-size:.88rem;line-height:1.45}.code-category{color:#dce8e8;text-transform:uppercase;letter-spacing:.06em;margin-top:auto;padding-top:1rem;font-size:.78rem;font-weight:800}.detail-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 40%), var(--panel-strong);padding:1.1rem;position:sticky;top:1rem;overflow:hidden}.detail-panel:before{content:"";background:var(--accent);height:.28rem;box-shadow:0 0 34px var(--accent);position:absolute;inset:0 0 auto}.detail-top{width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:.8rem;font-weight:800}.status-badge{color:var(--accent)}.detail-code{margin:1.4rem 0 1rem}.detail-code span{color:var(--accent);font-size:clamp(4rem,12vw,6.2rem);font-weight:950;line-height:.86}.detail-code h2{margin:.7rem 0 0;font-size:1.75rem}.detail-summary{color:#cfdddd;line-height:1.58}.context-list{gap:.75rem;margin:1.1rem 0;display:grid}.context-list div{background:#ffffff0b;border:1px solid #ffffff1a;grid-template-columns:auto 1fr;gap:.75rem;padding:.85rem;display:grid}.context-list svg{color:var(--accent);margin-top:.15rem}.context-list p{color:var(--muted);margin:0;line-height:1.45}.context-list strong{color:var(--text);margin-bottom:.25rem;display:block}.example-box{background:#0000003d;border:1px solid #ffffff1f;overflow:hidden}.example-header{min-height:2.8rem;color:var(--muted);border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:0 .85rem;font-size:.84rem;font-weight:800}.example-header button{min-width:5.7rem;color:var(--text);background:#ffffff12;border:1px solid #ffffff1f;align-items:center;gap:.4rem;padding:.45rem .62rem;display:inline-flex}pre{color:#e7fbff;margin:0;padding:1rem;font-size:.88rem;line-height:1.5;overflow-x:auto}.docs-link{border:1px solid color-mix(in srgb, var(--accent) 44%, transparent);width:100%;min-height:3rem;color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent);justify-content:center;margin-top:1rem;font-weight:850;transition:transform .18s,background .18s}.docs-link:hover{background:color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-2px)}.stories-section{width:min(1180px,100% - 2rem);margin:4rem auto 5rem}.story-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem;display:grid}.story-card{--accent:var(--cyan);border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 48%), #ffffff0e;min-height:19rem;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.story-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, white 8%);transform:translateY(-4px)}.story-card.group-1xx{--accent:var(--cyan)}.story-card.group-2xx{--accent:var(--green)}.story-card.group-3xx{--accent:var(--amber)}.story-card.group-4xx{--accent:var(--coral)}.story-card.group-5xx{--accent:var(--red)}.story-visual{background-color:#0000;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:1.35rem 1.35rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:1px solid #ffffff1a;height:9.5rem;position:relative;overflow:hidden}.story-visual:after{content:"";background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 24%, transparent), transparent 4.8rem);position:absolute;inset:0}.story-code{color:color-mix(in srgb, var(--accent) 46%, transparent);z-index:1;font-size:4.6rem;font-weight:950;line-height:.9;position:absolute;bottom:-.34rem;right:.7rem}.story-visual svg{z-index:2;width:calc(100% - 2rem);height:6.4rem;position:absolute;inset:1.4rem 1rem auto}.story-visual path{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:180;filter:drop-shadow(0 0 13px var(--accent));animation:4.8s ease-in-out infinite tracePath}.story-node{z-index:3;border:2px solid color-mix(in srgb, var(--accent) 78%, white 20%);width:.74rem;height:.74rem;box-shadow:0 0 20px var(--accent);background:#0a0f14;border-radius:999px;position:absolute}.story-node-a{top:4.9rem;left:1.1rem}.story-node-b{top:2.1rem;left:48%}.story-node-c{top:4rem;right:1.1rem}.story-copy{padding:1rem}.story-family{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;font-size:.8rem;font-weight:900;display:inline-flex}.story-copy h3{margin:.85rem 0 .55rem;font-size:1.08rem}.story-copy p{color:var(--muted);margin-bottom:0;font-size:.9rem;line-height:1.5}@keyframes imageFloat{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.08)translate(-1.2rem,-.5rem)}}@keyframes pulseTravel{0%{opacity:0;left:0}12%,85%{opacity:1}to{opacity:0;left:calc(100% - .62rem)}}@keyframes tracePath{0%{stroke-dashoffset:180px;opacity:.34}45%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-180px;opacity:.34}}@media (width<=1180px){.workspace{grid-template-columns:13.5rem minmax(0,1fr)}.detail-panel{grid-column:1/-1;position:static}}@media (width<=780px){.hero-section{min-height:84vh;padding-bottom:6rem}.hero-overlay{background:linear-gradient(#0a0f14d1,#0a0f14b8),linear-gradient(90deg,#0a0f14d6,#0a0f1461)}.topbar{align-items:flex-start}.brand span:last-child{display:none}.workspace{grid-template-columns:1fr;margin-top:-3rem}.filters-panel{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.panel-heading{grid-column:1/-1}.section-title{flex-direction:column;align-items:flex-start}.live-pill{white-space:nowrap}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.hero-section{padding-inline:1rem}h1{font-size:clamp(2.85rem,18vw,4.3rem)}.hero-copy{font-size:1rem}.search-box{min-height:3.6rem}.filters-panel,.code-grid,.story-grid{grid-template-columns:1fr}.detail-code span{font-size:4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}