:root{--bg:#e8d5b0;--surface:#fdfaf4;--surface-2:#f5ede0;--card:#fdfaf4;--border:#d4b896;--text:#2c1e0f;--text-muted:#6a4d2e;--accent:#c94030;--accent-hover:#df5242;--green:#3d6a28;--yellow:#a87010;--radius:16px;--radius-sm:10px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{min-height:100vh;color:var(--text);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}body{background-color:#c8a86a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E"),radial-gradient(ellipse at 0 0,rgba(42,18,3,.48) 0,transparent 50%),radial-gradient(ellipse at 100% 0,rgba(42,18,3,.48) 0,transparent 50%),radial-gradient(ellipse at 0 100%,rgba(42,18,3,.48) 0,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(42,18,3,.48) 0,transparent 50%),radial-gradient(ellipse at 50% 0,rgba(38,16,2,.2) 0,transparent 44%),radial-gradient(ellipse at 50% 100%,rgba(38,16,2,.2) 0,transparent 44%),radial-gradient(ellipse at 0 50%,rgba(38,16,2,.2) 0,transparent 44%),radial-gradient(ellipse at 100% 50%,rgba(38,16,2,.2) 0,transparent 44%),radial-gradient(ellipse at 50% 40%,#fef8e8 0,#f2dda8 30%,#d4a85e 62%,#8b5e22 100%);background-size:300px 300px,auto,auto,auto,auto,auto,auto,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background-image:url(/photos/background1.png);background-size:600px 300px;background-repeat:repeat;opacity:.08;pointer-events:none;z-index:0}#__next>div,.app,main{position:relative;z-index:1}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px 40px}.header{width:100%;max-width:480px;padding:52px 0 28px;text-align:center}.header h1{font-size:26px;font-weight:700;letter-spacing:-.5px}.header p{margin-top:8px;color:var(--text-muted);font-size:15px}.card{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:0 2px 24px rgba(100,65,20,.12)}.field{margin-bottom:20px}.field label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.field input,.field select{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:17px;font-family:var(--font);padding:14px 16px;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field select:focus{border-color:var(--accent)}.field input::placeholder{color:var(--text-muted)}.select-wrap{position:relative}.select-wrap:after{content:"▾";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:14px}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:none;border-radius:100px;font-family:var(--font);font-size:17px;font-weight:600;cursor:pointer;padding:18px 24px;transition:opacity .15s,transform .1s;-webkit-appearance:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:disabled:active{transform:none}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.ready-record-btn:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-green{background:var(--green);color:#fff}.btn-sm{font-size:15px;padding:13px 20px}.btn-row{display:flex;gap:12px;margin-top:20px}.btn-row .btn{flex:1 1}.recording-center{flex-direction:column;gap:24px;padding:8px 0}.pulse-ring,.recording-center{display:flex;align-items:center}.pulse-ring{position:relative;width:120px;height:120px;justify-content:center}.pulse-ring:before{width:100%;height:100%;background:rgba(201,64,48,.15);animation:pulse 1.5s ease-out infinite}.pulse-ring:after,.pulse-ring:before{content:"";position:absolute;border-radius:50%}.pulse-ring:after{width:80%;height:80%;background:rgba(201,64,48,.25);animation:pulse 1.5s ease-out .3s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes wake-pulse{0%,to{transform:scale(.95);opacity:.6}50%{transform:scale(1.08);opacity:1}}.record-dot{width:72px;height:72px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 30px rgba(201,64,48,.35)}.record-dot svg{width:32px;height:32px;fill:#fff}.timer{font-size:42px;font-weight:700;letter-spacing:-1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.volume-bar-container{width:100%;display:flex;align-items:center;gap:10px}.volume-label{font-size:12px;color:var(--text-muted);min-width:28px;text-align:right}.volume-track{flex:1 1;height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden}.volume-fill{height:100%;border-radius:3px;background:var(--green);transition:width .05s ease-out}.volume-fill.low{background:var(--yellow)}.volume-fill.verylow{background:var(--accent)}.volume-warning{font-size:13px;color:var(--yellow);text-align:center;min-height:18px}.playback-section{display:flex;flex-direction:column;gap:16px}audio{width:100%;border-radius:var(--radius-sm);outline:none}.status-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted);margin-bottom:20px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.uploading-center{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0;text-align:center}.spinner{width:52px;height:52px;border:3px solid var(--border);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.pulse-ring:after,.pulse-ring:before{animation:none;opacity:.4;transform:scale(1)}.spinner{animation:none;border-top-color:var(--border);opacity:.6}.btn,.ready-record-btn{transition:none}}.uploading-label{font-size:17px;font-weight:600}.uploading-sub{font-size:14px;color:var(--text-muted)}.success-center{flex-direction:column;gap:16px;padding:12px 0 4px;text-align:center}.check-icon,.success-center{display:flex;align-items:center}.check-icon{width:72px;height:72px;border-radius:50%;background:rgba(48,209,88,.15);justify-content:center}.check-icon svg{width:36px;height:36px;stroke:var(--green);stroke-width:2.5;fill:none}.success-title{font-size:22px;font-weight:700}.success-sub{font-size:15px;color:var(--text-muted);line-height:1.5}.transcript-box{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;font-size:15px;line-height:1.6;color:var(--text);text-align:left;margin-top:4px;max-height:200px;overflow-y:auto;word-break:break-word}.transcript-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.error-box{background:rgba(201,64,48,.07);border:1px solid rgba(201,64,48,.25);border-radius:var(--radius-sm);padding:16px;font-size:15px;color:var(--accent);margin-bottom:20px;line-height:1.5}.meta-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:100px;padding:5px 12px;font-size:13px;color:var(--text-muted)}.divider{height:1px;background:var(--border);margin:20px 0}.ready-record-btn{width:140px;height:140px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:var(--font);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 32px rgba(201,64,48,.3);transition:transform .1s,box-shadow .1s;margin:16px auto;-webkit-appearance:none}.ready-record-btn:active{transform:scale(.95);box-shadow:0 4px 16px rgba(201,64,48,.2)}.ready-record-btn svg{width:42px;height:42px;fill:#fff}.scroll-hint{font-size:13px;color:var(--text-muted);text-align:center;margin-top:16px}