:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0c0a09;color:#fef3c7}body{margin:0;min-height:100vh;display:flex;justify-content:center;padding:2rem}.app{width:100%;max-width:900px;display:flex;flex-direction:column;gap:1.5rem}.panel{border-radius:12px;padding:1.5rem;background:#facc1514;border:1px solid rgba(250,204,21,.2)}.note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.note-btn{border:none;border-radius:8px;padding:.85rem .5rem;font-size:1rem;font-weight:600;background:#facc15;color:#1c1917;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.note-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.slider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}label{display:flex;flex-direction:column;gap:.35rem}input[type=range]{accent-color:#f97316}