*{box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#0f1115;color:#e6e6e6;margin:0}main{max-width:720px;margin:0 auto;padding:2rem 1.5rem 4rem}code{background:#1e2129;padding:.1rem .35rem;border-radius:4px;font-size:.9em}.hero{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hero h1{margin:0}.strict-badge{font-size:.8rem;background:#241f36;color:#c4b5fd;border:1px solid #3f3465;border-radius:999px;padding:.25rem .7rem}.intro{color:#a8adb8}.reset-btn{display:block;margin:1rem 0 2.5rem;background:#2b6cb0;color:#fff;border:none;border-radius:6px;padding:.55rem 1rem;cursor:pointer;font-size:.9rem}.reset-btn:hover{background:#2c5282}.demo-section{margin-top:2.5rem;padding:1.25rem 1.25rem 1.5rem;border-radius:10px;background:#14161c;border-left:3px solid #444}.accent-component{border-left-color:#4299e1}.accent-hook{border-left-color:#b794f4}.accent-hoc{border-left-color:#f6ad55}.demo-section h2{margin-top:0;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;background:#262b36;color:#a8adb8;border-radius:999px;padding:.15rem .55rem}.demo-section p{color:#a8adb8;font-size:.92rem}.code-block{background:#0b0d11;border:1px solid #23262f;border-radius:8px;padding:.75rem 1rem;overflow-x:auto;font-size:.85rem;line-height:1.5;margin:.75rem 0 1rem}.code-line{white-space:pre}.tok-comment{color:#6b7280;font-style:italic}.tok-string{color:#86efac}.tok-tag{color:#7dd3fc}.tok-keyword{color:#f0abfc}.add-btn{background:#1e2129;color:#e6e6e6;border:1px solid #333844;border-radius:6px;padding:.4rem .8rem;cursor:pointer;font-size:.85rem}.add-btn:hover{border-color:#4299e1}.claim-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.claim-row{display:flex;align-items:center;gap:.6rem;background:#191c23;border-radius:8px;padding:.5rem .7rem}.claim-index{font-size:.75rem;color:#6b7280;min-width:1.6rem}.claim-slot{flex:1;min-height:1.4rem;display:flex;align-items:center}.claim-slot:empty:after{content:"rejected - renders nothing";color:#6b7280;font-style:italic;font-size:.85rem}.pill{display:inline-block;border-radius:999px;padding:.2rem .65rem;font-size:.85rem;animation:pop .18s ease-out}.pill.granted{background:#113626;color:#6ee7b7;border:1px solid #1f6f4f}.pill.rejected{background:#3a1a1a;color:#fca5a5;border:1px solid #6f2a2a}@keyframes pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.remove-btn,.bump-btn{background:transparent;color:#a8adb8;border:1px solid #333844;border-radius:6px;padding:.3rem .6rem;cursor:pointer;font-size:.8rem}.remove-btn:hover{border-color:#f87171;color:#f87171}.bump-btn:hover{border-color:#4299e1;color:#7dd3fc}