.demo-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--ink);color:var(--paper)}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:var(--ink2);position:sticky;top:0;z-index:5}.demo-top b{font-family:var(--display);font-size:.98rem}.demo-tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--bubble);border-radius:3px;padding:.22rem .45rem;margin-left:.5rem;vertical-align:middle}.demo-nav{display:flex;gap:.3rem}.demo-nav a{font-size:.82rem;color:var(--paper);text-decoration:none;padding:.45rem .7rem;border-radius:4px;border:1px solid var(--line)}.demo-nav a[aria-current=page]{background:rgba(196,226,63,.16);border-color:var(--bubble);color:var(--bubble)}.demo-main{flex:1;width:100%;max-width:520px;margin-inline:auto;padding:1.1rem 1rem 2rem}.demo-main h1{font-size:1.45rem;letter-spacing:-.015em;margin-bottom:.3rem}.demo-main .lead{color:rgba(238,242,246,.72);font-weight:300;font-size:.92rem;margin-bottom:1.1rem}.demo-form{display:grid;gap:.75rem}.demo-form label{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:.3rem}.demo-form input,.demo-form select,.demo-form textarea{width:100%;background:var(--ink2);border:1px solid var(--line);border-radius:4px;color:var(--paper);padding:.8rem .85rem;font:inherit;font-size:1rem;outline:none}.demo-form select option{background:var(--ink2)}.demo-form textarea{min-height:5rem;resize:vertical}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:var(--bubble)}.demo-btn,.demo-form button{background:var(--bubble);color:var(--ink);border:0;border-radius:4px;padding:.95rem 1rem;font-family:var(--display);font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.demo-form button[disabled]{opacity:.7;cursor:progress}.demo-err{color:#FF8A7A;font-size:.86rem;margin:0}.demo-done{background:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:1.1rem}.demo-done h2{font-size:1.2rem;margin:.5rem 0 .4rem}.demo-done p{color:rgba(238,242,246,.76);font-weight:300;font-size:.92rem;margin-bottom:.8rem}.demo-done .demo-links{display:flex;gap:.6rem;flex-wrap:wrap}.demo-ghost{background:transparent;color:var(--paper);border:1px solid var(--line)}.demo-filters{display:flex;gap:.35rem;margin-bottom:.9rem;overflow-x:auto}.demo-filters button{background:transparent;color:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.4rem .8rem;font:inherit;font-size:.8rem;white-space:nowrap}.demo-filters button.on{background:rgba(196,226,63,.16);border-color:var(--bubble);color:var(--bubble)}.demo-list{list-style:none;display:grid;gap:.7rem}.demo-card{background:var(--ink2);border:1px solid var(--line);border-radius:6px;padding:.9rem;display:grid;gap:.5rem}.demo-card header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.demo-card header b{font-size:1rem}.demo-card .meta{font-size:.78rem;color:var(--steel)}.demo-card .details{font-size:.9rem;color:rgba(238,242,246,.8);font-weight:300;margin:0}.demo-status{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;padding:.25rem .5rem;border-radius:3px;white-space:nowrap}.demo-status.new{background:rgba(44,109,168,.25);color:#9CC4EA}.demo-status.scheduled{background:rgba(229,169,60,.18);color:#E5A93C}.demo-status.done{background:rgba(196,226,63,.15);color:var(--bubble)}.demo-actions{display:flex;gap:.45rem;flex-wrap:wrap}.demo-actions button{background:transparent;color:var(--paper);border:1px solid var(--line);border-radius:4px;padding:.55rem .75rem;font:inherit;font-size:.84rem;cursor:pointer}.demo-actions button.primary{background:var(--bubble);color:var(--ink);border-color:var(--bubble);font-weight:600}.demo-actions button[disabled]{opacity:.6}.demo-empty{color:var(--steel);font-size:.9rem;padding:1rem 0}.demo-foot{border-top:1px solid var(--line);padding:.9rem 1rem;font-size:.74rem;color:var(--steel);text-align:center}.demo-foot a{color:var(--bubble)}