:root{font-family:Inter,system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;color:#e8f4ff;background:#080d16;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0%,#15233c 0%,#090f1a 42%,#080d16 100%)}button,select,input{font:inherit}button{cursor:pointer}.shell{max-width:1220px;margin:auto;padding:24px}header,.brand,.header-right,.subheader,.actions,.ticks,footer{display:flex;align-items:center;justify-content:space-between}.brand{justify-content:start;gap:12px}.mark{display:grid;place-items:center;background:linear-gradient(140deg,#19c4dc,#4273fb);width:45px;height:45px;border-radius:13px;font-weight:900;font-size:27px;color:#061321}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:#52ddec}h1{font-size:20px;margin:2px 0 0;letter-spacing:.4px}h1 b{color:#4ce2f1}h2{font-size:23px;margin:5px 0}h3{margin:0 0 10px}.header-right{gap:16px}.status{font-size:13px;color:#80e9b7}.fb{background:#203960;border:1px solid #315a9b;padding:10px 15px;color:#dbeaff;text-decoration:none;border-radius:12px;font-weight:750;font-size:13px}.fb:hover{background:#30548b}.notice{color:#fbd9a3;background:#43301855;border:1px solid #71532b;border-radius:10px;margin:22px 0;padding:11px 15px;font-size:13px}main{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:22px;align-items:start}.card{background:linear-gradient(145deg,#162338,#101b2d);border:1px solid #273850;border-radius:19px;padding:22px;box-shadow:0 20px 45px #0002}.tag{color:#55ebed;background:#1b3d47;border:1px solid #316975;padding:7px 11px;border-radius:8px;font-size:11px;font-weight:900}canvas{width:100%;height:132px;margin-top:12px;border-bottom:1px solid #243348}.freq{text-align:center;margin:15px 0 7px}.freq span{font-size:57px;font-weight:850;letter-spacing:-3px}.freq small{color:#91b2cc;font-size:19px;margin-left:9px}input[type=range]{width:100%;accent-color:#3dd8ea;cursor:pointer}.ticks{font-size:11px;color:#7e9bb3}.presets{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.presets button{border:1px solid #354863;background:#223149;color:#b7cde0;padding:9px 13px;border-radius:9px;font-size:12px}.presets .selected{background:#1d5362;border-color:#51dded;color:#e5ffff}.actions{gap:12px}.actions button{flex:1;padding:17px 12px;border-radius:12px;border:0;font-size:16px;font-weight:900}.stop{background:#2a3549;color:#d8e1ee}.play{background:linear-gradient(115deg,#38cbd8,#49b4f1);color:#071423}.controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 9px}.controls label{font-size:12px;color:#a9bcd3;display:flex;flex-direction:column;gap:11px}.controls label:first-child{grid-column:span 2}.controls label b{color:#6aebf1}select{color:#e8f4ff;background:#202f46;border:1px solid #39506e;padding:11px 9px;border-radius:8px;width:100%}.hint{font-size:12px;line-height:1.6;color:#94adc6;margin:16px 0 0}.library>h2{margin:0 0 15px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.sound{border:1px solid #2c415c;background:linear-gradient(140deg,#1a2b40,#172238);text-align:left;color:white;padding:16px;min-height:110px;border-radius:14px;transition:.15s}.sound.active{border-color:#4be5ee;box-shadow:inset 0 0 0 1px #4be5ee,0 0 25px #34d4e71a}.sound:hover{background:#223952}.sound .emoji{font-size:23px;display:block;margin-bottom:11px}.sound strong{display:block;font-size:13px}.sound small{display:block;margin-top:5px;color:#8ea9bf;font-size:11px}.instructions{margin-top:18px}.instructions p{font-size:12px;line-height:1.8;color:#a4b7cd;margin:0 0 10px}footer{margin-top:24px;border-top:1px solid #253348;padding-top:17px;color:#7c94b0;font-size:11px}footer a{color:#58d7ef;text-decoration:none}@media(max-width:800px){.shell{padding:14px}.brand h1{font-size:16px}.header-right{gap:5px}.fb{font-size:11px;padding:8px}.status{font-size:10px}main{grid-template-columns:1fr}.card{padding:17px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notice{margin:16px 0}.freq span{font-size:49px}}