:root{--bg:teal;--panel:silver;--panel2:#dcdcdc;--text:#111;--border-dark:#404040;--border-light:#fff;--shadow:gray;--accent:navy}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Tahoma,Verdana,system-ui,sans-serif}.win{background:var(--panel);border:2px solid var(--border-dark);max-width:720px;box-shadow:2px 2px 0 var(--shadow),inset 1px 1px 0 var(--border-light);margin:22px auto}.titlebar{background:linear-gradient(90deg,var(--accent),#00a);color:#fff;justify-content:space-between;align-items:center;padding:10px 12px;font-weight:800;display:flex}.titlebar small{opacity:.9;font-weight:600}.content{padding:16px}.panel{background:var(--panel2);border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 var(--border-light);padding:14px}label{display:block}input,select,textarea{border:2px solid var(--border-dark);width:100%;box-shadow:inset 1px 1px 0 var(--border-light);background:#fff;padding:10px;font-family:inherit;font-size:14px}textarea{resize:vertical}.btn{border:2px solid var(--border-dark);box-shadow:1px 1px 0 var(--shadow),inset 1px 1px 0 var(--border-light);background:var(--panel);cursor:pointer;padding:10px 12px;font-weight:800}.btn:active{box-shadow:inset 2px 2px 0 var(--shadow)}.btn.primary{background:#e6e6e6}.btn:disabled{opacity:.6;cursor:not-allowed}.stack{gap:12px;display:grid}.row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.badge{border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 var(--border-light);background:var(--panel2);padding:8px 10px;font-weight:800;display:inline-block}.toast{border:2px solid var(--border-dark);box-shadow:inset 1px 1px 0 var(--border-light);background:#fff5cc;margin-top:12px;padding:12px;font-weight:800}