:root{--ff-display:"Fraunces",Georgia,serif;--ff-body:"Satoshi",system-ui,sans-serif;--ff-mono:"JetBrains Mono",monospace;--fs-display:clamp(22px,3.5vw,36px);--fs-lg:clamp(17px,2vw,20px);--fs-base:clamp(14px,1.4vw,16px);--fs-sm:clamp(12px,1.1vw,13px);--fs-xs:clamp(10px,.9vw,11px);--c-bg:#fafaf8;--c-surface:#fff;--c-surface-muted:#f5f5f3;--c-border:#e8e8e6;--c-border-subtle:#f0f0ee;--c-text:#2d3436;--c-text-muted:#8b8b8b;--c-text-subtle:#b0b0b0;--c-accent:#7c9885;--c-accent-hover:#6b8575;--c-accent-light:#96ada0;--c-accent-muted:#e8ede9;--c-accent-glow:#7c988526;--c-success:#7c9885;--c-danger:#c5736e;--c-danger-muted:#fbf5f5;--c-brand:#0a4cbd;--c-brand-hover:#093f9e;--c-amber:#b07d3a;--c-amber-muted:#fbf6ee;--frame-fill:#f3f5f1;--motion-fast:.15s cubic-bezier(.4,0,.2,1);--motion-base:.28s cubic-bezier(.4,0,.2,1);--motion-slow:.45s cubic-bezier(.4,0,.2,1);--motion-gentle:.6s cubic-bezier(.25,.1,.25,1);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:36px;--space-2xl:56px;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-pill:9999px;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-button:0 4px 12px #7c988533;--shadow-button-hover:0 6px 20px #7c988540;--ink-fill:#2d3436;--ink-label:#fafaf8;--ink-hover:#434d4f;--ink-hover-shadow:0 5px 16px #0003;--fs-hero:clamp(48px,11vw,128px);--c-gold:#b8860b;--c-slate:#647488;--c-pillar-1:#8b8cf8;--c-pillar-2:#3ecbe0;--c-pillar-3:#e87faf;--c-pillar-4:#4ade96;--c-pillar-5:#f0b050;--ic-xs:14px;--ic-sm:16px;--ic-md:20px;--ic-lg:40px;--ic-stroke:1.75;--admin-max:1080px}@media (prefers-color-scheme:dark){:root{--c-bg:#141413;--c-surface:#1c1c1a;--c-surface-muted:#242422;--c-border:#2e2e2c;--c-border-subtle:#262624;--c-text:#f5f5f3;--c-text-muted:#9b9b99;--c-text-subtle:#6b6b69;--c-accent:#96ada0;--c-accent-hover:#a8bdb0;--c-accent-light:#b5c8bc;--c-accent-muted:#1e2820;--c-accent-glow:#96ada01f;--c-danger:#d4847f;--c-danger-muted:#2a1f1e;--c-brand:#0a4cbd;--c-brand-hover:#093f9e;--c-amber:#d6a35e;--c-amber-muted:#251f15;--frame-fill:#1f231e;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #00000040;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000059;--shadow-button:0 4px 16px #96ada026;--shadow-button-hover:0 6px 24px #96ada033;--ink-fill:#f5f5f3;--ink-label:#1a1c1c;--ink-hover:#e0e0db;--ink-hover-shadow:0 5px 18px #0000008c;--c-gold:#d4a012;--c-slate:#8a9aae;--c-pillar-1:#8788d6;--c-pillar-2:#46aebe;--c-pillar-3:#c97b9c;--c-pillar-4:#4fb582;--c-pillar-5:#cc9a4e}}.btn-ink{background:var(--ink-fill);color:var(--ink-label);border-radius:var(--r-pill);box-shadow:none;cursor:pointer;transition:background var(--motion-fast),box-shadow var(--motion-fast),color var(--motion-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.btn-ink:hover:not(:disabled){background:var(--ink-hover);box-shadow:var(--ink-hover-shadow)}.btn-ink:active:not(:disabled){background:var(--ink-hover);box-shadow:none}.btn-ink:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.btn-ink:disabled{opacity:.5;cursor:not-allowed}.btn-ink .btn-plus{opacity:.72;margin-left:-1px;font-size:1.18em;font-weight:400;line-height:0}@media (prefers-reduced-motion:reduce){.btn-ink{transition:none}}@media (pointer:coarse),(max-width:768px){button,[role=button],[role=tab],select,summary,a.cta,a.btn-ink,.btn-ink{min-height:44px}.x,.note-x,.del,.input-close-external,.block-tools button{min-width:44px;min-height:44px}}html,body{font-family:var(--ff-body);font-size:var(--fs-base);background-color:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.55;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--c-border)transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-subtle)}::-webkit-scrollbar-corner{background:0 0}body:before{content:"";pointer-events:none;opacity:.18;z-index:9999;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse 120% 100% at 70% 0%,var(--c-accent-glow)0%,transparent 60%),radial-gradient(ellipse 100% 80% at 30% 100%,var(--c-accent-glow)0%,transparent 55%);width:100%;height:100%;position:fixed;top:0;left:0}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.interview-container{max-width:840px;min-height:100svh;padding:var(--space-xl);gap:var(--space-xl);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);margin:0 auto;display:grid;position:relative}@media (max-width:768px){.interview-container{padding:var(--space-lg);padding-top:max(var(--space-lg),env(safe-area-inset-top,0px));padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom,0px));gap:var(--space-lg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring-1{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.45;transform:scale(1.02)}}@keyframes pulse-ring-2{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.35;transform:scale(1.025)}}@keyframes pulse-ring-3{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.03)}}@keyframes pulse-gentle{0%,to{opacity:1}50%{opacity:.7}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.play-pause-button{background:var(--c-accent);color:#fff;cursor:pointer;width:80px;height:80px;box-shadow:var(--shadow-button);transition:all var(--motion-base);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.play-pause-button svg{opacity:.95;width:32px;height:32px}.play-pause-button:hover:not(:disabled){box-shadow:var(--shadow-button-hover);background:var(--c-accent-hover);transform:scale(1.03)}.play-pause-button:active:not(:disabled){transform:scale(.98)}.play-pause-button:disabled{opacity:.5;cursor:not-allowed}.play-pause-button.listening{animation:3s ease-in-out infinite breathe}.play-pause-button.speaking{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.play-pause-button.paused{opacity:.6;background:var(--c-surface-muted);box-shadow:var(--shadow-sm)}.play-pause-button.completed{background:var(--c-success)}.breathing-ring-container{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.breathing-ring{border:1px solid var(--c-accent);pointer-events:none;will-change:transform,opacity;border-radius:50%;position:absolute}.breathing-ring.ring-1{opacity:.35;width:110px;height:110px;transition:all var(--motion-gentle)}.breathing-ring.ring-2{opacity:.25;width:145px;height:145px;transition:all var(--motion-gentle)}.breathing-ring.ring-3{opacity:.15;width:180px;height:180px;transition:all var(--motion-gentle)}.breathing-ring.idle{opacity:.12}.breathing-ring.listening.ring-1{animation:3.5s ease-in-out infinite pulse-ring-1}.breathing-ring.listening.ring-2{animation:3.5s ease-in-out .3s infinite pulse-ring-2}.breathing-ring.listening.ring-3{animation:3.5s ease-in-out .6s infinite pulse-ring-3}.breathing-ring.speaking{transition:transform .12s ease-out,opacity .12s ease-out}.breathing-ring.disconnected,.breathing-ring.paused{opacity:.08;border-style:dashed}.segmented-progress{align-items:center;gap:var(--space-md);flex:1;display:flex}.progress-segments{flex:1;gap:4px;display:flex}.progress-segment{background:var(--c-border);height:4px;transition:all var(--motion-base);border-radius:2px;flex:1;position:relative;overflow:hidden}.progress-segment:after{content:"";background:var(--c-accent);transform-origin:0;transition:transform var(--motion-slow);border-radius:2px;position:absolute;inset:0;transform:scaleX(0)}.progress-segment.filled:after{transform:scaleX(1)}.progress-segment.current{background:var(--c-accent-muted)}.progress-segment.current:after{animation:2.5s ease-in-out infinite pulse-gentle;transform:scaleX(1)}.progress-label{font-family:var(--ff-body);font-size:var(--fs-xs);color:var(--c-text-subtle);white-space:nowrap;letter-spacing:.02em;font-weight:500}.duration-estimate{font-family:var(--ff-body);font-size:var(--fs-sm);color:var(--c-text-muted);letter-spacing:.02em;padding:var(--space-xs)var(--space-md);background:var(--c-surface-muted);border-radius:var(--r-sm)}.quote-block{max-width:480px;padding-left:var(--space-lg);text-align:left;flex-shrink:0;min-height:80px;max-height:160px;position:relative}.quote-block:before{content:"";background:var(--c-accent);opacity:.6;border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.quote-label{font-family:var(--ff-body);font-size:var(--fs-xs);color:var(--c-text-subtle);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm);font-weight:500}.quote-text{font-family:var(--ff-display);font-size:var(--fs-display);color:var(--c-text);-webkit-line-clamp:3;text-overflow:ellipsis;font-optical-sizing:auto;letter-spacing:-.01em;-webkit-box-orient:vertical;margin:0;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.input-zone{padding:var(--space-xl)0;justify-content:center;align-items:center;display:flex;position:relative}.input-morph-container{justify-content:center;align-items:center;gap:var(--space-sm);display:flex;position:relative}.input-close-external{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-subtle);cursor:pointer;width:36px;height:36px;transition:all var(--motion-fast);box-shadow:var(--shadow-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.input-close-external:hover{color:var(--c-text);background:var(--c-surface-muted);border-color:var(--c-text-subtle)}.input-morph-wrapper{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-sm);transition:width var(--motion-slow)cubic-bezier(.4,0,.2,1),border-radius var(--motion-base),box-shadow var(--motion-base);justify-content:center;align-items:center;display:flex;overflow:hidden}.input-morph-wrapper.collapsed{cursor:pointer;border-radius:26px;width:52px;height:52px}.input-morph-wrapper.collapsed:hover{border-color:var(--c-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input-morph-wrapper.expanded{border-radius:var(--r-md);width:340px;height:52px}.input-morph-wrapper.expanded:focus-within{border-color:var(--c-accent);box-shadow:var(--shadow-md),0 0 0 3px var(--c-accent-muted)}.input-icon{color:var(--c-text-muted);transition:all var(--motion-fast);justify-content:center;align-items:center;display:flex}.input-morph-wrapper.collapsed:hover .input-icon{color:var(--c-accent)}.input-content{align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);width:100%;height:100%;display:flex;overflow:hidden}.text-input{font-family:var(--ff-body);color:var(--c-text);padding:var(--space-xs);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.text-input::placeholder{color:var(--c-text-subtle)}.send-button{background:var(--c-accent);border-radius:var(--r-sm);color:#fff;cursor:pointer;transition:background var(--motion-fast),opacity var(--motion-fast);opacity:.9;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:flex}.send-button:hover:not(:disabled){opacity:1;background:var(--c-accent-hover)}.send-button:disabled{opacity:.4;cursor:not-allowed}.exit-button{top:var(--space-xl);right:var(--space-xl);background:var(--c-surface);border:1px solid var(--c-border);width:40px;height:40px;color:var(--c-text-subtle);cursor:pointer;transition:all var(--motion-fast);z-index:100;box-shadow:var(--shadow-xs);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.exit-button:hover{color:var(--c-danger);border-color:var(--c-danger);background:var(--c-danger-muted)}@media (max-width:768px){.exit-button{top:var(--space-lg);right:var(--space-lg)}}.skip-button{align-items:center;gap:var(--space-xs);padding:var(--space-sm)var(--space-md);border:1px solid var(--c-border);border-radius:var(--r-pill);color:var(--c-text-muted);font-family:var(--ff-body);font-size:var(--fs-sm);cursor:pointer;transition:all var(--motion-fast);background:0 0;font-weight:500;display:inline-flex}.skip-button:hover:not(:disabled){color:var(--c-text);border-color:var(--c-text-muted);background:var(--c-surface)}.skip-button:disabled{opacity:.4;cursor:not-allowed}.status-label{font-family:var(--ff-body);font-size:var(--fs-xs);color:var(--c-text-subtle);text-align:center;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--space-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exit-modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--space-2xl);box-shadow:var(--shadow-lg);text-align:center;width:100%;max-width:400px}.exit-modal h3{font-family:var(--ff-display);margin:0 0 var(--space-md)0;font-size:var(--fs-lg);color:var(--c-text);font-weight:400}.exit-modal p{margin:0 0 var(--space-xl)0;font-size:var(--fs-base);color:var(--c-text-muted);line-height:1.6}.modal-buttons{gap:var(--space-md);justify-content:center;display:flex}.modal-button{padding:var(--space-sm)var(--space-xl);border-radius:var(--r-pill);font-family:var(--ff-body);font-size:var(--fs-sm);cursor:pointer;transition:all var(--motion-fast);min-width:100px;font-weight:500}.modal-button.cancel{background:var(--c-surface-muted);border:1px solid var(--c-border);color:var(--c-text)}.modal-button.cancel:hover{background:var(--c-border)}.modal-button.confirm{background:var(--c-danger);color:#fff;border:none}.modal-button.confirm:hover{filter:brightness(1.05)}.withdraw-link{margin:var(--space-md)auto 0;font-family:var(--ff-body);font-size:var(--fs-xs);color:var(--c-text-subtle);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline;display:block}.withdraw-link:hover{color:var(--c-danger)}.completion-message{animation:.6s ease-out fadeIn}@media (max-width:768px){.breathing-ring-container{width:160px;height:160px}.breathing-ring.ring-1{width:95px;height:95px}.breathing-ring.ring-2{width:120px;height:120px}.breathing-ring.ring-3{width:150px;height:150px}.play-pause-button{width:70px;height:70px}.play-pause-button svg{width:28px;height:28px}.quote-block{padding-left:var(--space-md)}.input-morph-wrapper.expanded{width:calc(100vw - 80px);max-width:340px}.modal-buttons{gap:var(--space-sm);flex-direction:column}.modal-button{width:100%}.progress-segments{gap:3px}}@media (max-width:480px){.progress-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible,button:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}input:focus-visible{outline:none}