*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0e1518;color:#edf3eb;font-family:Arial,Helvetica,sans-serif} :root{--lime:#cdf67c;--muted:#b2beb8;--line:#303b3f;--surface:#192126;--raised:#232d32;--text:#edf3eb}a{color:var(--lime);text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}.quiet-button{border:1px solid var(--line);background:var(--raised);color:var(--text);border-radius:9px;padding:10px 14px}.subtle{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--muted)}.feature-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;font-size:13px}.empty{border:1px dashed var(--line);border-radius:14px;text-align:center;padding:30px 20px;line-height:1.7}.empty p{color:var(--muted);font-size:13px}.demo-header{max-width:1200px;margin:auto;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-header>a{font-weight:700;text-decoration:none}.demo-header select{min-height:44px;max-width:145px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:8px}main{max-width:1200px;margin:auto;padding:0 20px 30px;min-width:0}.demo-overview{padding:26px 0 12px;border-bottom:1px solid var(--line)}.brand{font-size:36px;font-weight:800;letter-spacing:-1.2px;margin:0 0 18px}.brand span{color:var(--lime)}.status-badge{display:inline-block;border:1px solid #aa873a;border-radius:8px;background:#30291a;color:#ffe0a0;padding:10px 14px;font-size:12px;font-weight:bold;line-height:1.5;margin:0;max-width:100%;overflow-wrap:anywhere}.overview-lead{font-size:17px;line-height:1.7;max-width:800px}.demo-progress{margin:24px 0;line-height:1.6}.demo-progress summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--lime)}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.progress-grid h2{font-size:17px}.progress-grid p{color:var(--muted);font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:var(--lime);color:#172015;z-index:2}.skip:focus{top:10px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:30px 0;line-height:1.6;font-size:12px;color:var(--muted)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:600px){main{padding-inline:16px}.demo-header{padding:16px}.brand{font-size:31px}.overview-lead{font-size:15px}.progress-grid{grid-template-columns:1fr;gap:8px}.demo-header select{font-size:16px}.demo-overview{padding-top:14px}}