:root{--cream:#efe7d3;--cream-2:#e8dec5;--cream-3:#f6f0de;--ink:#1f1a14;--ink-2:#3a2f22;--red:#a81e1e;--red-deep:#7d1515;--gold:#e4a72a;--gold-deep:#b8801a;--purple:#3d2660;--rule:#1f1a1459;--serif:"DM Serif Display","Playfair Display",Georgia,serif;--serif-text:"Fraunces",Georgia,serif;--sans:"Work Sans","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efe7d3;background:var(--cream);color:#1f1a14;color:var(--ink);font-family:Work Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--sans);font-size:15px;line-height:1.5}a{color:#a81e1e;color:var(--red);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}code{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono)}.wm{color:#e4a72a;color:var(--gold);font-family:"DM Serif Display",Playfair Display,Georgia,serif;font-family:var(--serif);font-weight:400;letter-spacing:.01em;line-height:.85;text-shadow:2px 2px 0 #1f1a14,-1px 0 0 #1f1a14,0 1px 0 #1f1a14,3px 3px 0 #1f1a14;text-shadow:2px 2px 0 var(--ink),-1px 0 0 var(--ink),0 1px 0 var(--ink),3px 3px 0 var(--ink)}.wm-block{background:#a81e1e;background:var(--red);border:2px solid #1f1a14;border:2px solid var(--ink);display:inline-block;padding:14px 22px 16px;position:relative}.wm-block:after,.wm-block:before{background:#1f1a14;background:var(--ink);content:"";height:2px;left:6px;position:absolute;right:6px}.wm-block:before{top:4px}.wm-block:after{bottom:4px}.frame{background:#f6f0de;background:var(--cream-3);border:2px solid #1f1a14;border:2px solid var(--ink);position:relative}.frame:before{border:1px solid #1f1a14;border:1px solid var(--ink);content:"";inset:4px;pointer-events:none;position:absolute}.frame-inner{position:relative;z-index:1}.rule-double{border-bottom:1px solid #1f1a14;border-bottom:1px solid var(--ink);border-top:1px solid #1f1a14;border-top:1px solid var(--ink);height:6px}.flourish{align-items:center;color:#1f1a14;color:var(--ink);display:flex;font-size:11px;gap:8px;letter-spacing:.3em}.flourish .tri{border-style:solid;display:inline-block;height:0;width:0}.flourish .tri.r{border-color:#0000 #0000 #0000 #1f1a14;border-color:#0000 #0000 #0000 var(--ink);border-width:5px 0 5px 7px}.flourish .tri.l{border-color:#0000 #1f1a14 #0000 #0000;border-color:#0000 var(--ink) #0000 #0000;border-width:5px 7px 5px 0}.kicker{color:#3a2f22;color:var(--ink-2);font-size:11px;letter-spacing:.22em}.btn,.kicker{font-family:Work Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--sans);font-weight:700;text-transform:uppercase}.btn{align-items:center;background:#e4a72a;background:var(--gold);border:2px solid #1f1a14;border:2px solid var(--ink);box-shadow:3px 3px 0 #1f1a14;box-shadow:3px 3px 0 var(--ink);color:#1f1a14;color:var(--ink);cursor:pointer;display:inline-flex;font-size:12px;gap:8px;letter-spacing:.14em;padding:12px 20px;position:relative;transition:transform .08s,box-shadow .08s,background .15s}.btn,.btn:hover{text-decoration:none}.btn:hover{background:#f0b933}.btn:active{box-shadow:1px 1px 0 #1f1a14;box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-red{background:#a81e1e;background:var(--red);color:#f6f0de;color:var(--cream-3)}.btn-red:hover{background:#c12424}.btn-ghost{background:#0000;box-shadow:none;padding:8px 14px}.btn-ghost:hover{background:#1f1a140f}.input,input.input,textarea.input{background:#f6f0de;background:var(--cream-3);border:2px solid #1f1a14;border:2px solid var(--ink);color:#1f1a14;color:var(--ink);font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:14px;letter-spacing:.06em;outline:none;padding:12px 14px;width:100%}.input:focus{background:#fff}.input::placeholder{color:#1f1a1466}.seal{align-items:center;background:#e4a72a;background:var(--gold);border:2px solid #1f1a14;border:2px solid var(--ink);border-radius:50%;color:#1f1a14;color:var(--ink);display:flex;flex-direction:column;font-family:Work Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--sans);font-weight:800;height:72px;justify-content:center;letter-spacing:.05em;line-height:1;position:relative;text-align:center;text-transform:uppercase;transform:rotate(-8deg);width:72px}.seal:before{border:1.5px dashed #1f1a14;border:1.5px dashed var(--ink);border-radius:50%;content:"";inset:4px;position:absolute}.seal .big{font-family:"DM Serif Display",Playfair Display,Georgia,serif;font-family:var(--serif);font-size:18px;font-weight:400}.seal .small{font-size:7px;margin-top:2px}.side-tag{background:#1f1a14;background:var(--ink);font-weight:900;letter-spacing:.3em;padding:10px 4px;text-align:center;transform:rotate(180deg);writing-mode:vertical-rl}.side-tag,.tag-pill{color:#f6f0de;color:var(--cream-3);font-family:Work Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-family:var(--sans);font-size:11px;text-transform:uppercase}.tag-pill{background:#3d2660;background:var(--purple);border:2px solid #1f1a14;border:2px solid var(--ink);font-weight:800;letter-spacing:.14em;line-height:1.2;padding:8px 12px}.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono)}.serif{font-family:Fraunces,Georgia,serif;font-family:var(--serif-text)}.center{text-align:center}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}.rec-dot{animation:rec-pulse 1s ease-in-out infinite;background:#a81e1e;background:var(--red);border-radius:50%;height:10px;width:10px}.app{background:var(--cream);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;width:100%}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--ink-2);display:block;font-size:11px;font-weight:700;letter-spacing:.22em;margin-bottom:.5rem;text-transform:uppercase}.form-control{background:var(--cream-3);border:2px solid var(--ink);color:var(--ink);font-family:var(--serif-text);font-size:15px;outline:none;padding:12px 14px;width:100%}.form-control:focus{background:#fff}.error-boundary{background:var(--cream-3);border:2px solid var(--ink);margin:3rem auto;max-width:720px;padding:2rem;text-align:center}.error-boundary-details{background:var(--cream-2);border:1px solid var(--ink);font-family:var(--mono);font-size:12px;margin:1rem 0;overflow-x:auto;padding:1rem;text-align:left}.error-message{background:#fce8e8;border:2px solid var(--red-deep);color:var(--red-deep);font-family:var(--serif-text);font-size:14px;margin-bottom:16px;padding:12px 16px}.audio-visualizer{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 8px #0003;height:100px;margin:15px 0;overflow:hidden;position:relative;width:100%}.visualizer-canvas{display:block;height:100%;width:100%}.level-indicator{background-color:#ffffff1a;bottom:0;height:5px;left:0;position:absolute;width:100%}.level-bar{background:linear-gradient(90deg,#4caf50,#ffc107,#f44336);height:100%;transition:width .1s ease-out}@media (max-width:768px){.audio-visualizer{height:80px}}@media (max-width:480px){.audio-visualizer{height:60px}}.pre-recording-checklist{background:var(--cream-3);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--sans);margin:30px auto;max-width:760px;padding:28px 30px 24px;position:relative;width:100%}.pre-recording-checklist:before{border:1px solid var(--ink);content:"";inset:4px;pointer-events:none;position:absolute}.pre-recording-checklist>*{position:relative;z-index:1}.pre-recording-checklist h2{color:var(--ink);font-family:var(--serif);font-size:30px;font-weight:400;margin:0 0 22px;text-align:left}.pre-recording-checklist h2:after{color:var(--red);content:" ◆"}.close-button{align-items:center;background:var(--cream-2);border:2px solid var(--ink);color:var(--ink);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;width:30px}.close-button:hover{background:var(--gold)}.progress-bar{display:flex;gap:12px;justify-content:space-between;margin-bottom:24px;position:relative}.progress-bar:before{background:var(--ink);content:"";height:2px;left:20px;opacity:.25;position:absolute;right:20px;top:18px;z-index:0}.progress-step{flex:1 1;flex-direction:column;position:relative;z-index:1}.progress-step,.step-number{align-items:center;display:flex}.step-number{background:var(--cream-3);border:2px solid var(--ink);color:var(--ink);font-family:var(--serif);font-size:18px;font-weight:400;height:36px;justify-content:center;margin-bottom:8px;width:36px}.step-title{color:var(--ink-2);font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.2;text-align:center;text-transform:uppercase}.progress-step.active .step-number{background:var(--red);box-shadow:2px 2px 0 var(--ink);color:var(--cream-3)}.progress-step.active .step-title{color:var(--red)}.progress-step.completed .step-number{background:var(--gold);color:var(--ink)}.progress-step.completed .step-title{color:var(--ink)}.step-container{background:var(--cream-2);border:2px solid var(--ink);margin-bottom:20px;min-height:240px;padding:20px 22px}.step-content{display:flex;flex-direction:column}.step-content h3{color:var(--ink);font-family:var(--serif);font-size:24px;font-weight:400;margin:0 0 10px}.step-content h3:before{color:var(--red);content:"◆ ";font-size:14px;letter-spacing:.2em}.step-content p{color:var(--ink-2);font-family:var(--serif-text);font-size:14px;line-height:1.5;margin-bottom:16px}.microphone-selection{margin:14px 0}.microphone-selection label{color:var(--ink-2);display:block;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:8px;text-transform:uppercase}.microphone-selection select{-webkit-appearance:none;appearance:none;background:var(--cream-3);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f1a14' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--ink);color:var(--ink);font-family:var(--mono);font-size:13px;margin-bottom:12px;padding:10px 12px;width:100%}.microphone-selection select:focus{background-color:#fff;outline:none}.microphone-access{margin:14px 0;text-align:left}.microphone-access p{color:var(--ink-2);margin-bottom:10px}.request-access{align-items:flex-start;display:flex;flex-direction:column;margin:16px 0}.request-access p{color:var(--red);font-family:var(--serif-text);margin-bottom:8px}.permission-error{background:#fce8e8;border:2px solid var(--red-deep);margin:12px 0;padding:10px 12px;width:100%}.permission-error p{color:var(--red-deep);font-weight:600;margin:0}.access-granted{align-items:flex-start;display:flex;flex-direction:column;margin:14px 0}.access-granted p{color:var(--ink);font-family:var(--serif-text);font-size:16px;font-weight:600;margin-bottom:14px}.continue-anyway-button,.continue-button,.next-button,.override-button,.previous-button,.request-access-button,.start-audio-test-button,.start-process-button{align-items:center;background:var(--gold);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:12px;font-weight:700;gap:8px;letter-spacing:.14em;padding:12px 20px;text-transform:uppercase;transition:transform .08s,box-shadow .08s,background .15s}.continue-anyway-button:hover,.continue-button:hover,.next-button:hover:not(:disabled),.override-button:hover,.previous-button:hover:not(:disabled),.request-access-button:hover,.start-audio-test-button:hover,.start-process-button:hover{background:#f0b933}.continue-anyway-button:active,.continue-button:active,.next-button:active:not(:disabled),.override-button:active,.previous-button:active:not(:disabled),.request-access-button:active,.start-audio-test-button:active,.start-process-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.continue-button,.next-button{background:var(--red);color:var(--cream-3)}.continue-button:hover:not(:disabled),.next-button:hover:not(:disabled){background:#c12424}.continue-button:disabled,.next-button:disabled,.override-button:disabled,.previous-button:disabled,.request-access-button:disabled,.start-audio-test-button:disabled,.start-process-button:disabled{cursor:not-allowed;opacity:.45}.previous-button{background:#0000;box-shadow:none;padding:8px 14px}.microphone-buttons{display:flex;gap:10px;margin-top:12px}.audio-check{align-items:flex-start;display:flex;flex-direction:column}.audio-check p{margin-bottom:16px;text-align:left}.audio-warning{margin-top:14px;text-align:left}.audio-warning p{color:var(--red);font-weight:600}.ready-to-record{padding:14px 0}.ready-to-record p{font-size:15px;margin-bottom:10px}.audio-level-info{align-items:flex-start;display:flex;flex-direction:column;margin-top:14px}.audio-level-label{align-items:center;display:flex;gap:12px;margin-top:8px}.audio-level-value{background:var(--cream-3);border:1.5px solid var(--ink);color:var(--red);font-family:var(--mono);font-weight:700;padding:2px 8px}.audio-level-status{color:var(--ink-2);font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.audio-level-warning{background:var(--cream-3);border:2px solid var(--ink);border-left:3px solid var(--red);margin-top:14px;padding:14px 16px}.audio-level-warning p{color:var(--red-deep);font-weight:600;margin:0 0 8px}.audio-level-warning ul{color:var(--ink-2);font-family:var(--serif-text);font-size:13px;margin-bottom:12px;padding-left:18px}.audio-level-warning li{margin-bottom:4px}.debug-info{background:var(--ink);color:var(--cream-3);font-family:var(--mono);font-size:11px;margin-top:10px;max-height:160px;overflow-y:auto;padding:10px;white-space:pre-wrap}.debug-info h4{color:var(--gold);font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.18em;margin:0 0 8px;text-transform:uppercase}.debug-info pre{margin:0;white-space:pre-wrap;word-break:break-word}.debug-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.debug-button{background:var(--cream-2);border:1.5px solid var(--ink);cursor:pointer;font-family:var(--mono);font-size:11px;padding:4px 10px}.debug-button:hover{background:var(--gold)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:16px}@media (max-width:768px){.pre-recording-checklist{margin:15px auto;padding:22px 18px}.progress-bar{margin-bottom:18px}.step-number{font-size:16px;height:30px;width:30px}.step-title{font-size:9px}.step-container{min-height:200px;padding:14px 16px}.navigation-buttons{flex-direction:column;gap:10px}.next-button,.previous-button{justify-content:center;width:100%}}.checklist-container{align-items:center;background:#1f1a148c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.debug-panel{background:var(--cream-3);border:2px solid var(--ink);bottom:70px;box-shadow:4px 4px 0 var(--ink);position:fixed;right:20px;width:320px;z-index:1000}.debug-panel-header{align-items:center;background:var(--cream-2);border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;padding:10px 14px}.debug-panel-header h3{color:var(--red);font-family:var(--serif);font-size:16px;font-weight:400;letter-spacing:.04em;margin:0}.close-btn{background:none;border:none;color:var(--ink);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}
/*# sourceMappingURL=main.82b802f3.css.map*/