:root{--bg: #ffffff;--text: #000000;--border: #000000;--hover: #e0e0e0}body.dark{--bg: #000000;--text: #ffffff;--border: #ffffff;--hover: #333333}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Courier New,monospace;margin:0;padding:2rem;line-height:1.5}#root{max-width:600px;margin:0 auto}h1,h2,h3{font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin:0 0 1.5rem;line-height:1}h1{font-size:2.5rem}h2{font-size:2rem;border-bottom:4px solid var(--text);padding-bottom:.5rem}h3{font-size:1.5rem}.app-header{margin-bottom:1.5rem;text-align:center}.app-header h1{margin-bottom:1rem}button{background:var(--bg);color:var(--text);border:3px solid var(--border);padding:.75rem 1.5rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;text-transform:uppercase;cursor:pointer;margin-right:.5rem;margin-bottom:.5rem}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:not-allowed}.theme-toggle{font-size:1.25rem}.demo-grid{display:flex;flex-direction:column;gap:2rem}.demo-card,.unmount-section{border:3px solid var(--border);padding:1.5rem}.unmount-section{border-color:var(--text)}.demo-card h3,.unmount-section h3{border-bottom:2px solid var(--border);padding-bottom:.5rem}p{margin:.5rem 0}strong{font-weight:900;background:var(--text);color:var(--bg);padding:0 .25rem}.demo-grid{gap:2rem}.unmount-section:last-child{border:4px dashed var(--border)}