:root{--c-primary: #2b7fd9;--c-primary-d: #2368b6;--c-accent: #2bb9a8;--c-bg: #f4f7fb;--c-card: #ffffff;--c-text: #0f2847;--c-muted: #587b8e;--c-border: #d9e2eb;--c-success: #10b981;--c-warning: #f59e0b;--c-danger: #ef4444;--c-danger-d: #dc2626;--grad: linear-gradient(135deg, #2b7fd9 0%, #2bb9a8 100%);--grad-soft: linear-gradient(135deg, rgba(43, 127, 217, .12), rgba(43, 185, 168, .12));--radius: 14px;--radius-sm: 10px;--shadow-card: 0 4px 20px -4px rgba(43, 127, 217, .15);--shadow-lg: 0 18px 50px -12px rgba(15, 40, 71, .22);--shadow-btn: 0 6px 18px -6px rgba(43, 127, 217, .5);--ease: cubic-bezier(.22, .61, .36, 1);--ring: 0 0 0 3px rgba(43, 127, 217, .35);--fs-xs: .78rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.5rem;--fs-2xl: 2rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--fs-base);line-height:1.55;color:var(--c-text);background-color:var(--c-bg);background-image:radial-gradient(720px 520px at 12% -8%,rgba(43,127,217,.18),transparent 60%),radial-gradient(680px 560px at 100% 0%,rgba(43,185,168,.16),transparent 58%),radial-gradient(900px 700px at 50% 120%,rgba(43,127,217,.1),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--c-primary)}.shell{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:clamp(1.25rem,4vw,3rem) 1.25rem}.shell--recorder{align-items:center}.card{width:100%;max-width:540px;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:clamp(1.5rem,4vw,2.5rem)}.card--wide{max-width:880px}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.brand-badge{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#fff;background:var(--grad);box-shadow:var(--shadow-btn);flex:none}.brand-badge .icon{width:24px;height:24px}.wordmark{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.1}.wordmark .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.subtitle{margin:0 0 1.75rem;color:var(--c-muted);font-size:var(--fs-sm)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.field>.label{font-size:var(--fs-sm);font-weight:600;color:var(--c-text)}input[type=email],input[type=text],input[type=password]{width:100%;font:inherit;color:var(--c-text);background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.7rem .85rem;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}input::placeholder{color:#9bb0bd}input:focus-visible{outline:none;border-color:var(--c-primary);box-shadow:var(--ring)}.consent{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--fs-sm);color:var(--c-muted);background:var(--grad-soft);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:.8rem .9rem;margin-bottom:1.4rem;cursor:pointer}.consent input{margin-top:.15rem;width:1.05rem;height:1.05rem;accent-color:var(--c-primary);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);padding:.72rem 1.1rem;cursor:pointer;transition:transform .12s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);-webkit-user-select:none;user-select:none}.btn .icon{width:18px;height:18px}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{color:#fff;background:var(--grad);box-shadow:var(--shadow-btn)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px -8px #2b7fd999}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--block{width:100%}.btn--lg{padding:.85rem 1.25rem;font-size:var(--fs-lg)}.btn--outline{color:var(--c-primary);background:#fff;border-color:var(--c-border)}.btn--outline:hover:not(:disabled){border-color:var(--c-primary);background:#2b7fd90f}.btn--ghost{color:var(--c-muted);background:transparent}.btn--ghost:hover:not(:disabled){color:var(--c-text);background:#0f28470d}.btn--success{color:#fff;background:var(--c-success)}.btn--success:hover:not(:disabled){background:#0ea271;transform:translateY(-1px)}.btn--danger{color:#fff;background:var(--c-danger)}.btn--danger:hover:not(:disabled){background:var(--c-danger-d);transform:translateY(-1px)}.btn--icon{padding:.6rem;border-radius:var(--radius-sm)}.btn--icon .icon{width:20px;height:20px}.progress-hint{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--c-accent);margin-bottom:.75rem}.prompt-card{background:var(--grad-soft);border:1px solid var(--c-border);border-radius:var(--radius);padding:1.3rem 1.4rem;margin-bottom:1.6rem}.prompt-text{margin:0;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--c-text)}.record-stage{display:flex;flex-direction:column;align-items:center;gap:1rem}.rec-btn{position:relative;width:88px;height:88px;border-radius:50%;border:none;cursor:pointer;color:#fff;background:var(--grad);box-shadow:var(--shadow-btn);display:grid;place-items:center;transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.rec-btn .icon{width:34px;height:34px;position:relative;z-index:1}.rec-btn:hover:not(:disabled){transform:scale(1.04)}.rec-btn:focus-visible{outline:none;box-shadow:var(--shadow-btn),var(--ring)}.rec-btn:disabled{opacity:.55;cursor:not-allowed}.rec-btn[data-recording=true]{background:var(--c-danger);box-shadow:0 6px 18px -6px #ef444499}.rec-btn[data-recording=true]:before,.rec-btn[data-recording=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(239,68,68,.55);animation:pulse-ring 1.8s var(--ease) infinite}.rec-btn[data-recording=true]:after{animation-delay:.9s}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.rec-timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-xl);letter-spacing:.02em;color:var(--c-text);min-height:1.4em}.rec-timer[data-recording=true]{color:var(--c-danger)}.rec-hint{font-size:var(--fs-sm);color:var(--c-muted);text-align:center;max-width:36ch}.mic-test-row{display:flex;justify-content:center}.meter{width:100%}.meter-track{position:relative;height:16px;border-radius:999px;background:#eef3f8;border:1px solid var(--c-border);overflow:hidden;container-type:inline-size}.meter-fill{position:absolute;inset:0 auto 0 0;width:0%;overflow:hidden;transition:width .05s linear}.meter-fill-inner{position:absolute;inset:0 auto 0 0;width:100cqw;height:100%;background:linear-gradient(90deg,#10b981,#34d399 55%,#f59e0b 80%,#ef4444)}.meter-peak{position:absolute;top:-2px;bottom:-2px;width:3px;border-radius:2px;background:var(--c-text);transform:translate(-50%);opacity:0;transition:left .08s linear,opacity .2s var(--ease);pointer-events:none}.meter-ticks span{position:absolute;top:0;bottom:0;width:1px;background:#0f28472e;transform:translate(-50%)}.meter-scale{position:relative;height:1.1rem;margin-top:.3rem;font-size:.68rem;color:var(--c-muted);font-variant-numeric:tabular-nums}.meter-scale span{position:absolute;transform:translate(-50%)}.meter-readout{display:flex;justify-content:space-between;align-items:baseline;margin-top:.5rem}.meter-label{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}.meter-label[data-zone=good]{color:var(--c-success)}.meter-label[data-zone=loud]{color:var(--c-danger)}.meter-label[data-zone=low]{color:var(--c-warning)}.meter-db{font-size:var(--fs-xs);color:var(--c-muted);font-variant-numeric:tabular-nums}.review{margin-top:1.6rem;display:flex;flex-direction:column;gap:1rem}audio{width:100%;height:40px}.review-actions{display:flex;gap:.75rem}.review-actions .btn{flex:1}.badge{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);font-weight:600;border-radius:999px;padding:.4rem .8rem;border:1px solid transparent}.badge .icon{width:16px;height:16px}.badge--ok{color:#047857;background:#10b9811f;border-color:#10b9814d}.badge--warn{color:#b45309;background:#f59e0b1f;border-color:#f59e0b4d}.badge--info{color:var(--c-primary-d);background:#2b7fd91a;border-color:#2b7fd940}.badge--err{color:var(--c-danger-d);background:#ef44441a;border-color:#ef44444d}.status-line{min-height:1.6rem;margin-top:1rem}.status-line:empty{margin-top:0}.done-state{text-align:center;padding:1rem 0 .5rem}.done-check{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 1.1rem;border-radius:50%;color:#fff;background:var(--grad);box-shadow:var(--shadow-btn)}.done-check .icon{width:36px;height:36px}.done-state h2{margin:0 0 .4rem;font-size:var(--fs-xl)}.done-state p{margin:0;color:var(--c-muted)}.admin-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.token-form{display:flex;gap:.6rem;flex:1 1 320px;min-width:0}.token-form input{flex:1;min-width:0}.queue-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.queue-head h2{margin:0;font-size:var(--fs-lg)}.count-badge{display:inline-flex;align-items:center;min-width:1.6rem;height:1.6rem;padding:0 .55rem;border-radius:999px;font-size:var(--fs-sm);font-weight:700;color:#fff;background:var(--grad)}.queue-list{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 720px){.queue-list{grid-template-columns:1fr 1fr}}.queue-card{display:flex;flex-direction:column;gap:.85rem;background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.1rem 1.2rem;transition:box-shadow .2s var(--ease),transform .25s var(--ease),opacity .25s var(--ease)}.queue-card.leaving{opacity:0;transform:scale(.96) translateY(-6px)}.queue-card .qc-text{margin:0;font-size:var(--fs-lg);font-weight:600;line-height:1.4}.qc-meta{display:flex;flex-wrap:wrap;gap:.4rem .65rem;font-size:var(--fs-xs);color:var(--c-muted)}.qc-meta span{display:inline-flex;align-items:center}.qc-meta span+span:before{content:"·";margin-right:.65rem;color:var(--c-border)}.qc-actions{display:flex;align-items:center;gap:.6rem;margin-top:auto}.qc-actions .btn{flex:1}.qc-actions .btn--icon{flex:0 0 auto}.qc-card-audio{margin:0}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--c-muted)}.empty-state .icon{width:40px;height:40px;color:var(--c-accent);margin-bottom:.75rem}.empty-state h2{margin:0 0 .35rem;color:var(--c-text);font-size:var(--fs-lg)}.empty-state p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden,[hidden]{display:none!important}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(14px);animation:fade-up .6s var(--ease) forwards}.reveal-1{animation-delay:.05s}.reveal-2{animation-delay:.14s}.reveal-3{animation-delay:.23s}.reveal-4{animation-delay:.32s}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}