*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#22285a,#080d1c 65%);color:#eaf8ff;font:16px system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.wrap{max-width:930px;margin:auto;padding:40px 18px 90px}.eyebrow{color:#67e8f9;letter-spacing:.16em;font-size:.78rem;font-weight:800}h1{font-size:clamp(2rem,6vw,3.4rem);margin:12px 0;background:linear-gradient(90deg,#6ceaff,#d89cff);color:transparent;background-clip:text}h2{margin:0 0 14px}p{color:#b5c6df;line-height:1.6}a{color:#78e6fa}nav{display:flex;gap:14px;margin:24px 0;flex-wrap:wrap}nav a,.btn{display:inline-block;text-decoration:none;padding:11px 16px;border-radius:10px;background:#183655;border:1px solid #397899;color:#e9faff}.panel{background:linear-gradient(130deg,#152743,#171e37);border:1px solid #3b537b;box-shadow:0 12px 35px #0005;border-radius:18px;padding:25px;margin:22px 0}.recorder{background:#0c172c;border:1px solid #35547b;border-radius:15px;padding:22px;text-align:center;margin-bottom:20px}#timer{font-size:2rem;font-weight:800;color:#80f0ff;font-variant-numeric:tabular-nums}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0;align-items:center;justify-content:center}button,.primary{border:1px solid #48b6d1;background:#194866;color:#fff;border-radius:10px;padding:12px 17px;font:inherit;font-weight:750;cursor:pointer}.primary{background:linear-gradient(105deg,#079dc4,#7651d4);width:100%;margin-top:12px}button:disabled{opacity:.4;cursor:not-allowed}label{display:block;margin:16px 0;font-weight:650}input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #486387;background:#0b182b;color:#fff;border-radius:10px;padding:13px;font:inherit}input[type=file]{font-size:.9rem}.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;line-height:1.5}.check input{margin-top:6px}.fine{font-size:.84rem;color:#99b2cc}.error{padding:16px;border:1px solid #d87987;background:#4c1c34;border-radius:10px}.trap{position:absolute;left:-9999px}.itemhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.pill{background:#194d63;border-radius:50px;padding:6px 12px;color:#8feeff;font-size:.76rem}.item audio{width:100%;margin-top:12px}.item .controls{justify-content:flex-start}.item .controls button,.item .controls .btn{font-size:.85rem;padding:9px 11px}.logout{text-align:right}footer{margin-top:30px;color:#90acc6;text-align:center}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}@media(max-width:600px){.panel{padding:17px}.wrap{padding-top:25px}}