:root{--nb-bg:#fef3c7;--nb-surface:#fff;--nb-black:#111;--nb-yellow:#ffd803;--nb-pink:#ff6b9d;--nb-blue:#4d9de0;--nb-green:#7bd389;--nb-red:#ff5c5c;--border:3px solid var(--nb-black);--shadow:6px 6px 0 var(--nb-black);--shadow-sm:3px 3px 0 var(--nb-black)}*{box-sizing:border-box}body{background:var(--nb-bg);color:var(--nb-black);margin:0;font-family:Arial Black,Helvetica,sans-serif}.nb-card{background:var(--nb-surface);border:var(--border);box-shadow:var(--shadow);border-radius:0;padding:1.25rem}.nb-btn{border:var(--border);background:var(--nb-yellow);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:0;padding:.5rem 1rem;font-weight:800;transition:transform 50ms,box-shadow 50ms}.nb-btn:active{box-shadow:0 0 0 var(--nb-black);transform:translate(3px,3px)}.nb-btn.pink{background:var(--nb-pink)}.nb-btn.blue{background:var(--nb-blue)}.nb-btn.red{background:var(--nb-red)}.nb-btn.green{background:var(--nb-green)}.nb-input,.nb-select{border:var(--border);background:var(--nb-surface);border-radius:0;padding:.5rem;font-weight:700}.nb-title{text-transform:uppercase;text-shadow:3px 3px 0 var(--nb-yellow);margin:0 0 1rem;font-size:2rem}table.nb-table{border-collapse:collapse;width:100%}table.nb-table th,table.nb-table td{border:var(--border);text-align:left;padding:.5rem}table.nb-table th{background:var(--nb-blue)}