:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f3ee;background:#101514;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0%,#24443b 0,#101514 44%),#101514}.site-header{max-width:1100px;margin:auto;padding:24px 24px 0;display:flex;justify-content:space-between;align-items:center}.brand{color:#e9c46a;text-decoration:none;font-weight:800;letter-spacing:.18em}.languages{display:flex;gap:8px}.languages a{color:#aebbb4;text-decoration:none;font-size:.75rem;padding:4px 6px}.languages a.active{color:#e9c46a;border-bottom:1px solid #e9c46a}.page{max-width:1100px;margin:0 auto;padding:70px 24px}.card,.admin-panel{background:#f5f3ee;color:#18211e;border-radius:24px;box-shadow:0 24px 70px #0006}.card{max-width:600px;margin:auto;padding:clamp(28px,7vw,72px)}.narrow{max-width:440px}.eyebrow{color:#a87519;letter-spacing:.18em;font-weight:800;font-size:.75rem}h1{font-size:3rem;line-height:.98;margin:16px 0}h2{margin:0 0 22px;font-size:1.5rem}.intro{color:#596760;font-size:1.1rem}.progress{height:4px;background:#dfe3dc;border-radius:9px;margin:40px 0}.progress span{display:block;height:100%;width:25%;background:#a87519;border-radius:9px;transition:width .3s}.step{display:none}.step.active{display:block}.step-label{color:#7b8780;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px}label{display:block;font-size:.85rem;font-weight:700;margin:18px 0;color:#405047}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cbd4cc;border-radius:10px;background:#fff;color:#18211e;font:inherit}button{font:inherit;cursor:pointer}.button{border:0;background:#1e4d42;color:#fff;padding:13px 20px;border-radius:10px;font-weight:700;margin-top:18px}.button.secondary{background:#dfe3dc;color:#1e4d42}.actions{display:flex;gap:12px;justify-content:space-between}.record-button{display:grid;place-items:center;margin:28px auto;border:0;background:#c75c43;color:#fff;width:160px;height:160px;border-radius:50%;font-weight:700}.record-button span{width:54px;height:54px;border-radius:50%;background:#f5f3ee;display:block;margin-bottom:8px}.timer{text-align:center;font:2.8rem ui-monospace,monospace}.audio-player{width:100%;margin:18px 0}.hidden{display:none!important}.help{color:#b33d2b}.share-row{display:flex;gap:8px}.share-row input{flex:1}.share-row .button{margin-top:7px}.video-wrap{position:relative;background:#18211e;border-radius:16px;overflow:hidden;margin:28px 0}.video-wrap video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.play-overlay{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:0;border-radius:50%;width:72px;height:72px;background:#e9c46a;color:#18211e;font-size:1.5rem}.notice{max-width:600px;margin:0 auto 20px;padding:12px 16px;border-radius:10px}.notice.success{background:#d5eadb;color:#1e4d42}.notice.error{background:#f5d8d1;color:#8e2e20}.admin-panel{padding:32px;max-width:1100px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px 10px;border-bottom:1px solid #dfe3dc;white-space:nowrap}.status{font-size:.75rem;padding:4px 8px;border-radius:20px}.status-pending{background:#f9e9bf}.status-downloaded{background:#cde3ed}.status-processed{background:#d5eadb}.link-button{border:0;background:none;color:#1e4d42;text-decoration:underline;padding:0}.spinner{height:36px;width:36px;border:4px solid #dfe3dc;border-top-color:#a87519;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}