.ecoute-main{padding-bottom:60px}.ecoute-hero{padding:74px 0 30px}.ecoute-hero h1{font-size:clamp(3rem,7vw,5.3rem);max-width:760px}.ecoute-hero h1 span{color:var(--green)}.ecoute-hero .lead{max-width:790px}.ecoute-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.ecoute-pill{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:999px;border:1px solid rgba(8,123,92,.22);background:rgba(222,245,237,.78);color:#145f4b;font-size:.78rem;font-weight:800}.ecoute-pill.neutral{border-color:var(--line);background:rgba(255,255,255,.4);color:var(--muted)}.ecoute-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px;padding:18px 0}.ecoute-card{border:1px solid var(--glass-highlight);border-radius:24px;padding:26px;background:var(--card);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}.ecoute-card h2{font-size:clamp(1.55rem,3vw,2.2rem);margin:4px 0 14px}.ecoute-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ecoute-step{margin-top:5px;color:var(--muted);font-size:.75rem;font-weight:750}.ecoute-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.ecoute-controls .button{cursor:pointer;font:inherit}.ecoute-controls .button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ecoute-controls .quiet{background:rgba(236,243,245,.7)}.ecoute-status{display:inline-block;color:var(--muted);font-size:.86rem;margin:4px 0}.preview-frame{position:relative;min-height:270px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(50,90,101,.18);border-radius:18px;background:linear-gradient(145deg,rgba(6,24,31,.96),rgba(14,45,53,.88));color:#effaf6}.preview-frame video{width:100%;height:auto;max-height:460px;object-fit:contain;display:none}.preview-frame.is-active video{display:block}.preview-frame.is-active .preview-placeholder{display:none}.preview-placeholder{display:grid;justify-items:center;gap:8px;padding:32px;text-align:center}.preview-placeholder span{font-size:2.6rem;color:#80dbc1}.preview-placeholder small{color:#b6cbc9}.ecoute-note,.ecoute-card small{display:block;margin:12px 0 0;color:var(--muted);font-size:.78rem}.privacy-card{align-self:start}.privacy-card ul{padding-left:20px;color:var(--muted)}.privacy-card li{padding:5px 0}.ecoute-boundary{display:grid;gap:5px;margin-top:20px;padding:15px;border:1px solid rgba(8,123,92,.2);border-radius:14px;background:rgba(226,245,237,.55)}.ecoute-boundary strong{font-size:.9rem}.ecoute-boundary span{color:var(--muted);font-size:.83rem}.assistant-card{grid-column:1/-1}.ecoute-label{display:block;margin:16px 0 7px;font-size:.88rem;font-weight:800}.ecoute-label span{font-weight:500;color:var(--muted)}.assistant-card textarea,.assistant-card input[type=password]{width:100%;border:1px solid rgba(50,90,101,.3);border-radius:14px;padding:13px 15px;background:rgba(255,255,255,.7);color:var(--ink);font:inherit;resize:vertical}.assistant-card textarea{min-height:100px}.assistant-card .context-input{min-height:72px}.assistant-card textarea:focus-visible,.assistant-card input:focus-visible{outline:3px solid var(--green);outline-offset:2px}.access-details{margin:15px 0;color:var(--muted)}.access-details summary{cursor:pointer;font-size:.84rem;font-weight:800;color:var(--green)}.consent-row{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:var(--muted);font-size:.84rem}.consent-row input{flex:none;width:18px;height:18px;margin:2px 0;accent-color:var(--green)}.answer-panel{min-height:100px;margin-top:10px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.48);white-space:pre-wrap;overflow-wrap:anywhere}.answer-placeholder{color:var(--muted)}.ecoute-footer{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:24px 0;color:var(--muted);font-size:.84rem}.ecoute-footer a{font-weight:800;color:var(--green)}[data-theme=dark] .ecoute-card{background:rgba(11,31,39,.72);border-color:rgba(176,219,214,.17)}[data-theme=dark] .ecoute-pill{background:rgba(21,105,84,.34);color:#b9f6e5}[data-theme=dark] .ecoute-pill.neutral,[data-theme=dark] .answer-panel{background:rgba(8,28,35,.62);color:#edf8f6}[data-theme=dark] .assistant-card textarea,[data-theme=dark] .assistant-card input[type=password]{background:rgba(7,23,30,.85);color:#edf8f6;border-color:rgba(176,219,214,.28)}[data-theme=dark] .ecoute-boundary{background:rgba(11,58,50,.42);border-color:rgba(83,228,189,.26)}[data-theme=dark] .ecoute-controls .quiet{background:rgba(8,28,35,.8);color:#edf8f6;border-color:rgba(176,219,214,.26)}
@media(max-width:850px){.ecoute-hero{padding-top:52px}.ecoute-layout{grid-template-columns:1fr}.assistant-card{grid-column:auto}.ecoute-card{padding:20px}.ecoute-card-heading{display:block}.ecoute-step{display:block}.preview-frame{min-height:220px}.ecoute-controls .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ecoute-card,.ecoute-controls .button{transition:none}}
.ecoute-auth-main{max-width:760px;margin-inline:auto;padding-top:clamp(38px,8vh,88px)}.ecoute-auth-card{padding:clamp(24px,5vw,44px)}.ecoute-auth-card h1{font-size:clamp(2.2rem,6vw,3.5rem);letter-spacing:-.045em;margin:10px 0}.ecoute-auth-form{display:grid;gap:8px;margin-top:26px}.ecoute-auth-form .ecoute-label{margin:8px 0 0}.ecoute-auth-form input{width:100%;min-height:48px;padding:12px 14px;border:1px solid rgba(50,90,101,.3);border-radius:13px;background:rgba(255,255,255,.82);color:var(--ink);font:inherit}.ecoute-auth-form input:focus-visible{outline:3px solid var(--green);outline-offset:2px}.ecoute-auth-form button{justify-self:start;margin-top:14px;min-height:46px;cursor:pointer;font:inherit}.ecoute-auth-form button:disabled{opacity:.6;cursor:wait}.ecoute-auth-form .ecoute-status{min-height:1.4em}.ecoute-auth-card .ecoute-note{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}[data-theme=dark] .ecoute-auth-form input{background:rgba(7,23,30,.85);color:#edf8f6;border-color:rgba(176,219,214,.28)}
.ecoute-login-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin:22px 0 14px;border:1px solid var(--line);border-radius:16px;background:rgba(225,235,237,.58)}.ecoute-method-button{min-height:46px;padding:9px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-weight:750;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.ecoute-method-button:hover{color:var(--ink);transform:translateY(-1px)}.ecoute-method-button.is-selected{background:rgba(255,255,255,.88);color:var(--ink);border-color:rgba(50,90,101,.12);box-shadow:0 3px 10px rgba(9,33,41,.1)}.ecoute-method-button:focus-visible{outline:3px solid var(--green);outline-offset:2px}.ecoute-method-button:disabled{cursor:wait}.ecoute-login-stage{display:grid;perspective:1100px;transform-style:preserve-3d;overflow:hidden}.ecoute-login-stage>.ecoute-auth-form{grid-area:1/1;align-content:start;margin:0;padding:clamp(18px,3vw,26px);border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.5);backface-visibility:hidden;transform-origin:left center}.ecoute-login-stage>.ecoute-auth-form[hidden]{display:none}.ecoute-login-stage h2{font-size:1.1rem;margin:0 0 8px}.ecoute-login-stage .ecoute-status{overflow-wrap:anywhere}[data-theme=dark] .ecoute-login-switch{background:rgba(6,22,29,.8);border-color:rgba(176,219,214,.2)}[data-theme=dark] .ecoute-method-button{color:#afc5c6}[data-theme=dark] .ecoute-method-button.is-selected{background:rgba(25,64,73,.92);color:#edf8f6;border-color:rgba(176,219,214,.14);box-shadow:0 3px 10px rgba(0,0,0,.28)}[data-theme=dark] .ecoute-login-stage>.ecoute-auth-form{background:rgba(11,31,39,.66);border-color:rgba(176,219,214,.2)}@media(max-width:620px){.ecoute-login-switch{gap:3px;padding:4px}.ecoute-method-button{padding-inline:8px;font-size:.9rem}.ecoute-login-stage>.ecoute-auth-form{padding:18px}}
@media(prefers-reduced-motion:reduce){.ecoute-method-button{transition:none}}
.ecoute-login-switch{position:relative;isolation:isolate;grid-template-columns:1fr 1fr;gap:0;min-height:52px;padding:5px;overflow:hidden;border-radius:16px;background:rgba(216,228,231,.72);box-shadow:inset 0 1px 2px rgba(25,50,58,.08)}.ecoute-toggle-thumb{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border:1px solid rgba(255,255,255,.86);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,252,252,.82));box-shadow:0 2px 6px rgba(16,42,50,.12),inset 0 1px 0 rgba(255,255,255,.96);transition:transform .46s cubic-bezier(.2,.8,.2,1.18)}.ecoute-login-switch[data-active="passcode"] .ecoute-toggle-thumb{transform:translateX(100%)}.ecoute-method-button,.ecoute-method-button.is-selected{position:relative;z-index:1;min-width:0;min-height:40px;padding:7px 9px;border:0;border-radius:10px;background:transparent!important;box-shadow:none!important;color:var(--muted);font-size:clamp(.82rem,2.8vw,.95rem);line-height:1.2;font-weight:760;white-space:nowrap;transition:color .2s ease,transform .16s ease}.ecoute-method-button.is-selected{color:var(--ink)}.ecoute-method-button:hover{color:var(--ink);transform:scale(.99)}.ecoute-method-button:active{transform:scale(.97)}.ecoute-method-button:disabled{opacity:1}.ecoute-login-stage{overflow:clip}.ecoute-login-stage>.ecoute-auth-form{transform-style:preserve-3d;backface-visibility:hidden}.ecoute-login-stage>.ecoute-auth-form[hidden]{display:none}[data-theme=dark] .ecoute-login-switch{background:rgba(5,22,29,.8);border-color:rgba(176,219,214,.24);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .ecoute-toggle-thumb{background:linear-gradient(180deg,rgba(53,82,89,.98),rgba(36,65,72,.96));border-color:rgba(199,228,225,.18);box-shadow:0 2px 7px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14)}[data-theme=dark] .ecoute-method-button,[data-theme=dark] .ecoute-method-button.is-selected{color:#a9c1c2}[data-theme=dark] .ecoute-method-button.is-selected{color:#f3fbfa}@media(max-width:420px){.ecoute-login-switch{min-height:48px;padding:4px}.ecoute-toggle-thumb{top:4px;bottom:4px;left:4px;width:calc(50% - 4px)}.ecoute-method-button,.ecoute-method-button.is-selected{min-height:38px;padding:6px 5px;font-size:.82rem}}@media(prefers-reduced-motion:reduce){.ecoute-toggle-thumb,.ecoute-method-button,.ecoute-login-stage>.ecoute-auth-form{transition:none!important;animation:none!important}}