:root{--gold-light: #e8cc7a;--gold-mid: #d4af5c;--gold-base: #c49a30;--gold-deep: #9a7520;--gold-shadow: rgba(196, 154, 48, .18);--ivory-100: #fdfaf4;--ivory-200: #f7f1e3;--ivory-300: #ede4cf;--ivory-400: #ddd2b8;--ink-dark: #2a2318;--ink-mid: #5c4f38;--ink-light: #8c7d64;--ink-faint: #b0a490;--grad-gold: linear-gradient(135deg, #e8cc7a 0%, #c49a30 50%, #9a7520 100%);--grad-gold-soft: linear-gradient(135deg, #f0d98c 0%, #d4af5c 50%, #b8902a 100%);--grad-ivory: linear-gradient(160deg, #fdfaf4 0%, #f0e8d2 100%);--shadow-sm: 0 2px 8px rgba(42, 35, 24, .06);--shadow-md: 0 8px 32px rgba(42, 35, 24, .1);--shadow-gold: 0 0 40px rgba(196, 154, 48, .22);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--ease-luxury: cubic-bezier(.22, 1, .36, 1);--font-display: "EB Garamond", Georgia, serif;--font-body: "Montserrat", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--grad-ivory);color:var(--ink-dark);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;line-height:1.6}.noise-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px}.main-content,.site-header,.site-footer{position:relative;z-index:1}.site-header{padding:clamp(1.5rem,5vw,2.5rem) clamp(1.25rem,6vw,3rem) 0;text-align:center}.header-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.wordmark{display:flex;flex-direction:column;align-items:center;gap:.2rem}.wordmark-main{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:400;letter-spacing:.12em;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.15}.wordmark-sub{font-family:var(--font-body);font-size:clamp(.6rem,1.8vw,.72rem);font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-light)}.header-rule{width:min(280px,60vw);height:1px;background:linear-gradient(90deg,transparent,var(--gold-mid) 40%,var(--gold-mid) 60%,transparent);opacity:.5}.main-content{display:flex;flex-direction:column;align-items:center;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,6vw,3rem);gap:clamp(2rem,4.5vw,3.2rem);max-width:720px;margin:0 auto}.hero-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.ornament{display:flex;justify-content:center}.top-ornament{margin-bottom:.25rem}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,7.5vw,4.2rem);font-weight:400;line-height:1.12;color:var(--ink-dark);letter-spacing:.015em}.hero-subtitle{font-family:var(--font-body);font-size:clamp(.9rem,2.4vw,1.04rem);font-weight:300;letter-spacing:.03em;color:#524b42;max-width:54ch;line-height:1.9}.mic-section{position:relative;display:flex;align-items:center;justify-content:center;width:clamp(260px,60vw,340px);height:clamp(260px,60vw,340px);margin-top:-25px}.mic-outer-ring,.mic-middle-ring{position:absolute;border-radius:50%;border:1px solid rgba(212,175,55,.45);pointer-events:none;opacity:0;transition:opacity .8s var(--ease-luxury)}.mic-outer-ring{inset:0;animation:ring-pulse 3.5s ease-in-out infinite;animation-play-state:paused}.mic-middle-ring{inset:12%;animation:ring-pulse 3.5s ease-in-out 1s infinite;animation-play-state:paused}@keyframes ring-pulse{0%,to{transform:scale(1);opacity:0}45%{transform:scale(1.04);opacity:.3}65%{transform:scale(1.06);opacity:.12}}.mic-section.listening .mic-outer-ring,.mic-section.listening .mic-middle-ring{animation-play-state:running;opacity:1}.thinking-ring{position:absolute;inset:7%;border-radius:50%;border:1.5px solid transparent;border-top-color:#d4af37bf;border-right-color:#d4af3733;pointer-events:none;opacity:0;transition:opacity 1s var(--ease-luxury)}.mic-section.thinking .thinking-ring{opacity:1;animation:thinking-rotate 5s linear infinite}@keyframes thinking-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mic-btn{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;width:clamp(184px,46vw,230px);height:clamp(184px,46vw,230px);border-radius:50%;border:none;cursor:pointer;outline:none;touch-action:manipulation;background:var(--ivory-100);box-shadow:0 0 0 1.5px #d4af37,0 14px 44px #d4af372e,inset 0 1px #ffffffeb,inset 0 -1px #d4af3714;transition:transform .5s var(--ease-luxury),box-shadow .5s var(--ease-luxury),background .5s var(--ease-luxury);overflow:hidden}.mic-btn:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 38% 28%,rgba(212,175,55,.14) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .5s var(--ease-luxury)}.mic-btn:hover:before,.mic-btn:focus-visible:before{opacity:1}.mic-btn:hover,.mic-btn:focus-visible{transform:scale(1.035);box-shadow:0 0 0 2px #e8cc7a,0 22px 60px #d4af3738,0 0 48px #d4af3729,inset 0 1px #fffffff5,inset 0 -1px #d4af371a}.mic-btn:active{transform:scale(.97);box-shadow:0 0 0 1.5px #d4af37,0 6px 20px #d4af3724,inset 0 1px #fffc}.mic-btn.active{background:radial-gradient(ellipse at center,var(--ivory-200) 60%,var(--ivory-300) 100%);box-shadow:0 0 0 2px #d4af37,0 18px 52px #d4af3747,0 0 48px #d4af372e,inset 0 1px #ffffffe6;animation:mic-breathe 3s ease-in-out infinite}.mic-btn.speaking{box-shadow:0 0 0 2.5px #d4af37,0 20px 60px #d4af375c,0 0 72px #d4af3747,inset 0 1px #ffffffe6}@keyframes mic-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}.mic-btn:focus-visible{outline:3px solid #e8cc7a;outline-offset:8px}.mic-icon{color:#d4af37;transition:color .5s var(--ease-luxury);display:flex;align-items:center;justify-content:center;margin-top:-.25rem}.mic-btn.active .mic-icon,.mic-btn.speaking .mic-icon{color:var(--gold-deep)}.mic-label{font-family:var(--font-body);font-size:clamp(.56rem,1.5vw,.64rem);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mid);text-align:center;line-height:1.45;padding:0 1rem;transition:color .4s var(--ease-luxury)}.mic-btn.active .mic-label,.mic-btn.speaking .mic-label{color:var(--gold-deep)}.status-section{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-top:-15px}.status-label{font-family:var(--font-body);font-size:.6rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint)}.status-row{display:flex;align-items:center;gap:.55rem}.status-dot{display:block;width:7px;height:7px;border-radius:50%;background:#6dbb7a;opacity:.75;transition:background .6s var(--ease-luxury),opacity .6s var(--ease-luxury),box-shadow .6s var(--ease-luxury);flex-shrink:0}.status-dot.listening{background:#d4af37;opacity:1;box-shadow:0 0 6px #d4af3780;animation:dot-gold-pulse 2s ease-in-out infinite}.status-dot.thinking{background:#c49a30;opacity:1;box-shadow:0 0 4px #c49a3066;animation:dot-gold-pulse 2.8s ease-in-out infinite}.status-dot.speaking{background:#d4af37;opacity:1;box-shadow:0 0 10px #d4af37a6;animation:dot-glow 1.8s ease-in-out infinite}.status-dot.connecting{background:#a89a80;opacity:.8;animation:dot-connecting 1.4s ease-in-out infinite}@keyframes dot-connecting{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.4}}.status-dot.complete{background:var(--gold-mid);opacity:.8}.status-dot.error{background:#c05c3a;opacity:.85}@keyframes dot-gold-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.45);opacity:.65}}@keyframes dot-glow{0%,to{box-shadow:0 0 6px #d4af3780}50%{box-shadow:0 0 14px #d4af37d9}}.status-text{font-family:var(--font-body);font-size:clamp(.62rem,1.6vw,.7rem);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-light);transition:color .5s var(--ease-luxury)}.status-text.listening,.status-text.thinking,.status-text.speaking{color:var(--gold-deep)}.status-text.complete{color:var(--ink-mid)}.status-text.error{color:#9a3c20}.transcript-section{width:100%;max-width:600px}.transcript-body{background:#fdfaf4a6;border:1px solid rgba(212,175,55,.28);border-radius:var(--radius-lg);min-height:clamp(200px,32vw,280px);padding:clamp(1.65rem,4.4vw,2.5rem);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-sm),inset 0 1px #ffffffd9;overflow-y:auto;scroll-behavior:smooth;display:flex;flex-direction:column;gap:1.1rem}.transcript-entry{animation:entry-in .7s var(--ease-luxury) both}.transcript-entry.user-entry{padding-left:1.25rem;border-left:2px solid var(--ivory-400)}@keyframes entry-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-role{display:none}.entry-role.show{display:block;font-family:var(--font-body);font-size:.58rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.25rem}.entry-role.user{color:var(--ink-faint)}.entry-text{font-family:var(--font-display);font-size:clamp(1rem,2.6vw,1.15rem);font-weight:400;color:var(--ink-dark);line-height:1.7;letter-spacing:.01em}.entry-text.user-text{font-family:var(--font-body);font-size:clamp(.82rem,2.2vw,.92rem);font-weight:300;color:var(--ink-mid);line-height:1.75}.site-footer{position:relative;z-index:1;padding:0 clamp(1.25rem,6vw,3rem) clamp(1.5rem,4vw,2.5rem);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-rule{width:min(280px,60vw);height:1px;background:linear-gradient(90deg,transparent,var(--ivory-400) 40%,var(--ivory-400) 60%,transparent)}.footer-text{display:flex;flex-direction:column;align-items:center;gap:.35rem}.footer-brand{font-family:var(--font-display);font-size:clamp(.85rem,2vw,1rem);font-weight:400;letter-spacing:.18em;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-family:var(--font-body);font-size:.58rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#6b645a}@media(min-width:640px){.hero-subtitle{max-width:52ch}.transcript-body{padding:2rem}}@media(min-width:1024px){.main-content{padding-top:3rem;gap:4rem}.mic-section{width:380px;height:380px}.mic-btn{width:230px;height:230px}}@media(prefers-reduced-motion:reduce){.mic-outer-ring,.mic-middle-ring,.mic-btn.listening{animation:none!important}.status-dot.listening,.status-dot.processing{animation:none!important;opacity:1}.transcript-entry{animation:none!important}*{transition-duration:.01ms!important}}@media print{.mic-section,.status-section,.site-header,.site-footer,.noise-overlay{display:none}}