:root{--bg-card:rgba(255,251,245,0.9);--bg-field:rgba(255,255,255,0.62);--border-soft:rgba(82,58,33,0.12);--border-strong:rgba(82,58,33,0.18);--text-primary:#221a14;--text-muted:#6b5c4b;--text-soft:#958778;--accent:#d2691e;--accent-pressed:#b95f1d;--accent-disabled:#bba48d;--success:#3c8a61;--error:#b2514b;--shadow-card:0 24px 60px rgba(71,48,23,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;background:linear-gradient(180deg,rgba(201,179,158,.92),rgba(232,220,206,.88) 16%,rgba(247,241,232,1) 46%,rgba(250,246,240,1));color:var(--text-primary)}.page,body{min-height:100vh}.page{display:grid;place-items:center;padding:1.5rem 1rem 2rem}.card{width:min(100%,460px);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:32px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.55rem}.hero{display:grid;grid-gap:.55rem;gap:.55rem;text-align:center;margin-bottom:1.2rem}.eyebrow{margin:0;color:#8f5b2b;font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.title{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,8vw,3rem);line-height:.92;letter-spacing:-.04em}.subtitle{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.45}.form{display:grid;grid-gap:1rem;gap:1rem}.discovery-fields,.field-group{display:grid;grid-gap:.75rem;gap:.75rem}.field{display:grid;grid-gap:.4rem;gap:.4rem}.field>span{font-size:.86rem;color:var(--text-muted)}button,input{width:100%;border-radius:18px;border:1px solid var(--border-strong);background:var(--bg-field);color:var(--text-primary);min-height:3.2rem;padding:0 1rem;font-size:1rem}input::placeholder{color:var(--text-soft)}button:focus-visible,input:focus-visible{outline:2px solid rgba(210,105,30,.92);outline-offset:2px}.action-row,.segmented-control{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;gap:.7rem}.secondary-button,.segment-button{min-height:4rem;border:1px solid var(--border-strong);background:rgba(255,255,255,.55);color:var(--text-primary);font-weight:650;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.secondary-button:disabled,.segment-button:disabled{border-color:rgba(82,58,33,.12);color:rgba(34,26,20,.38);cursor:not-allowed}.segment-button{min-height:3rem;border-radius:999px;font-size:.95rem}.segment-button--active{border-color:rgba(210,105,30,.42);background:rgba(210,105,30,.12)}.audio-state{border-radius:18px;border:1px solid var(--border-soft);padding:.85rem 1rem;background:rgba(255,255,255,.48)}.audio-state p,.audio-state span{margin:0}.audio-state p{font-size:.96rem;font-weight:650}.audio-state span{display:block;margin-top:.2rem;color:var(--text-muted);font-size:.82rem}.audio-state--live{border-color:rgba(210,105,30,.24);background:rgba(210,105,30,.08)}.audio-state--ready{border-color:rgba(60,138,97,.24);background:rgba(60,138,97,.08)}.audio-state--error{border-color:rgba(178,81,75,.24);background:rgba(178,81,75,.08)}.error-text{margin:-.15rem 0 0;color:var(--error);font-size:.84rem;line-height:1.4}.submit-stack{display:grid;grid-gap:.55rem;gap:.55rem;margin-top:.2rem}.submit-button{border:0;background:var(--accent);color:#fffaf2;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:transform .16s ease,background .16s ease}.submit-button:hover:not(:disabled){background:var(--accent-pressed);transform:translateY(-1px)}.submit-button:disabled{background:var(--accent-disabled);cursor:wait}.submit-button--submitted{background:var(--success)}.submit-button--submitted:hover:not(:disabled){background:#367c57}.submit-feedback{margin:0;font-size:.86rem;line-height:1.45}.submit-feedback--submitted{color:#5a7f66}.submit-feedback--error{color:var(--error)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tech-details{margin-top:.25rem}.tech-details summary{cursor:pointer;font-size:.82rem;color:var(--text-soft)}.tech-details pre{margin:.55rem 0 0;padding:.75rem;border-radius:14px;background:rgba(71,48,23,.08);font-size:.72rem;overflow-x:auto}@media (min-width:768px){.page{padding:2.5rem 1.5rem}.card{padding:1.7rem}}