body{display:flex;flex-direction:column;min-height:100svh;overflow-x:hidden}.landscape{opacity:.5}.wave-independent{animation:none!important;will-change:auto}.minimal-brand{position:relative;z-index:1;padding:60px 24px 0;display:flex;justify-content:center;width:100%;max-width:none}.minimal-brand a{display:block;width:clamp(220px,31vw,390px);color:#f0eee6}.hero-logo{width:100%;height:auto;overflow:visible}.minimal-main{position:relative;z-index:1;flex:1;min-height:400px;display:grid;place-items:center;padding:30px 20px 80px}.wave-orb{width:clamp(280px,36vw,400px);height:auto;aspect-ratio:1;display:block;padding:0;border:0;background:transparent!important;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;outline-offset:0}.wave-orb svg{display:block;width:100%;height:100%;overflow:visible}.core-aura{fill:#b9cdb1;opacity:.025}.wave-orb .core{transition:filter .3s;filter:drop-shadow(0 0 18px #b9cdb10a)}.wave-orb:hover .core{filter:drop-shadow(0 0 18px #b9cdb116)}.wave-orb:focus-visible{outline:1px solid #b9cdb160;outline-offset:4px}.quiet-center{background:radial-gradient(ellipse at 50% 43%,#111615ed 5%,#111615ac 38%,transparent 80%)}@media(max-width:600px){.minimal-brand{padding-top:56px}.minimal-main{padding-bottom:75px;min-height:400px}.wave-orb{width:min(360px,88vw)}}@media(prefers-reduced-motion:reduce){.wave-orb .core{transition:none}}

body.embedded{min-height:330px;height:330px;overflow:hidden}body.embedded .minimal-brand{display:none}body.embedded .minimal-main{min-height:330px;padding:0}body.embedded .wave-orb{width:300px}body.embedded .landscape,body.embedded .quiet-center{display:none}

.minimal-brand{position:relative}.essential-actions{position:absolute;left:42px;top:48px;display:flex;gap:12px}.essential-icon{width:42px;height:42px;min-height:42px;display:grid;place-items:center;background:#1b261d88;color:#afc1a5;border:1px solid #34423188;border-radius:50%;padding:10px;cursor:pointer}.essential-icon svg{width:20px;height:20px}.essential-icon:hover{background:#2b3b2d;color:#e0ecd7}.minimal-main{position:relative}.write-action{position:absolute;bottom:38px;left:calc(50% - 21px);background:transparent;border-color:transparent}.essential-icon:focus-visible{outline:2px solid #b9cdb1;outline-offset:4px}#minimal-dialog{background:#1b261e;color:#e1ecd8;border:1px solid #41563d;border-radius:18px;padding:30px;width:min(390px,calc(100vw - 40px));font-family:Sahel,sans-serif}#minimal-dialog::backdrop{background:#0b110bd9;backdrop-filter:blur(6px)}#minimal-dialog h2{font-size:28px;margin:15px 0}#minimal-dialog p{font-size:13px;line-height:2;color:#adbea5}.close-dialog{margin-right:auto;border:0;background:transparent}.embedded .essential-actions,.embedded .write-action{display:none}@media(max-width:600px){.minimal-brand{padding-top:72px}.essential-actions{left:20px;top:16px;gap:10px}.essential-icon{width:38px;height:38px;min-height:38px;padding:9px}.write-action{left:calc(50% - 19px);bottom:30px}}
/* Quiet icon feedback: hover/focus, held press, and a short click afterglow. */
.essential-icon{transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.essential-icon:hover,.essential-icon:focus-visible{color:#e2f0d5;background:#304531;border-color:#75966a;box-shadow:0 0 14px #adc99a12}
.essential-icon:active,.essential-icon.is-clicked{color:#142217;background:#c0d9af;border-color:#d9eccd;box-shadow:0 0 18px #b9d5a725}
@media(prefers-reduced-motion:reduce){.essential-icon{transition:none}}

.minimal-brand{flex-direction:column;align-items:center;gap:16px}.capture-instruction{font-family:Sahel,Vazirmatn,sans-serif;font-size:12px;font-weight:400;line-height:1.9;color:#99ab90;margin:0;text-align:center}.embedded .capture-instruction{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#compose-dialog{width:min(620px,calc(100vw - 36px));max-height:calc(100svh - 40px);overflow:auto;border:1px solid #40553c;border-radius:22px;background:#18231b;color:#e4eddb;padding:30px;font-family:Sahel,sans-serif}#compose-dialog::backdrop{background:#08100bdd;backdrop-filter:blur(8px)}.compose-close{margin-right:auto;background:transparent;border:0}#compose-title,#saved-title{font-family:Lalezar,Sahel,sans-serif;font-size:30px;font-weight:400;margin:6px 0 22px}#idea-text{display:block;width:100%;min-height:180px;resize:vertical;border:1px solid #3b5138;background:#121c15;color:#e5eddf;border-radius:14px;padding:18px;font-family:Sahel,sans-serif;font-size:16px;line-height:2.1;outline-offset:3px}#idea-text::placeholder{color:#84977b}#idea-text:focus{outline:1px solid #b9cdb1}.compose-meta{display:flex;justify-content:space-between;gap:14px;color:#94a88b;font-size:11px;min-height:28px;margin:10px 0 12px}.compose-buttons{display:flex;gap:12px;flex-wrap:wrap}.compose-buttons button{font-family:Sahel,sans-serif;font-size:13px}.compose-buttons .compose-cancel{background:transparent;color:#b4c7aa;border-color:#3c5036}#save-idea:disabled{opacity:.4;cursor:default}.local-note{font-size:11px;color:#8d9f83;line-height:1.8;margin:18px 0 0}#save-error{color:#efc7a8;font-size:13px;line-height:2}#saved-text{font-size:16px;line-height:2.2;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;border:1px solid #34472f;border-radius:14px;background:#121c15;margin:20px 0 26px}.saved-label{font-size:12px;color:#c1d8ae}@media(max-width:600px){#compose-dialog{padding:20px}#idea-text{font-size:16px}#compose-title,#saved-title{font-size:27px}.compose-buttons button{font-size:12px;padding:10px 14px}}
.voice-live{position:fixed;left:20px;right:20px;bottom:24px;text-align:center;font-family:Sahel,sans-serif;font-size:13px;color:#d8e9ca;pointer-events:none;z-index:3}.wave-orb{touch-action:none}body[data-voice-recording=true] .core-aura{opacity:.12!important}#voice-dialog{background:#18231b;color:#e4eddb;border:1px solid #40553c;border-radius:22px;padding:28px;width:min(520px,calc(100vw - 36px));max-height:calc(100svh - 40px);overflow:auto;font-family:Sahel,sans-serif}#voice-dialog::backdrop{background:#08100bdd;backdrop-filter:blur(8px)}.voice-close{margin-right:auto;background:transparent;border:0}#voice-title{font-size:30px;margin:10px 0 16px}#voice-message{font-size:14px;color:#becfb4;line-height:2}#voice-preview{padding:20px 0 8px}#voice-player{width:100%;height:42px}.voice-duration{font-size:12px;color:#9eb391;text-align:center}.voice-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;align-items:center}.voice-actions button{font-family:Sahel,sans-serif;font-size:13px}.voice-actions .subtle{background:transparent;color:#b6caaa;border-color:#3c5036}.voice-actions a{font-size:12px;color:#b9cdb1;padding:10px 0}#voice-error{font-size:13px;line-height:2;color:#efc7a8}.voice-actions button:disabled{opacity:.45}.voice-actions [hidden]{display:none}

.voice-access-action{position:fixed;z-index:2;bottom:38px;left:calc(50% + 15px);background:transparent;border-color:transparent}.write-action{left:calc(50% - 57px)}.embedded .voice-access-action{display:none}@media(max-width:600px){.voice-access-action{bottom:30px;left:calc(50% + 12px)}.write-action{left:calc(50% - 50px)}}
.transcription-loader{display:none;transform-origin:200px 200px;animation:transcription-turn 1.8s linear infinite}body[data-voice-state=processing] .transcription-loader{display:block}@keyframes transcription-turn{to{transform:rotate(360deg)}}.record-cancel{position:fixed;z-index:4;bottom:76px;left:calc(50% - 21px);color:#cfddc4;background:#243029;border-color:#4b5d42}.record-cancel[hidden]{display:none}body[data-voice-state=requesting] .write-action,body[data-voice-state=recording] .write-action,body[data-voice-state=processing] .write-action,body[data-voice-state=requesting] .voice-access-action,body[data-voice-state=recording] .voice-access-action,body[data-voice-state=processing] .voice-access-action{visibility:hidden}body[data-voice-state=processing] .wave-orb{cursor:progress}#voice-transcript h3{font-family:Sahel,sans-serif;font-size:12px;font-weight:400;color:#b6caaa}#voice-transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:2.2;background:#121c15;border:1px solid #354830;padding:18px;border-radius:12px}@media(prefers-reduced-motion:reduce){.transcription-loader{animation:none;stroke-dasharray:18 8}}

/* One stable local dock: text, voice and cancel share the same alignment. */
.minimal-main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 20px 28px;gap:0}
.minimal-main .wave-orb{width:min(400px,82vw,44svh);flex-shrink:0}
.capture-controls{display:flex;align-items:center;justify-content:center;gap:16px;width:160px;height:44px;min-height:44px;margin-top:10px;position:relative}
.capture-controls .write-action,.capture-controls .voice-access-action,.capture-controls .record-cancel{position:static;left:auto;bottom:auto;margin:0;flex-shrink:0}
.capture-controls .record-cancel{position:absolute;left:calc(50% - 21px);top:1px}
.minimal-main .voice-live{position:static;left:auto;right:auto;bottom:auto;min-height:24px;height:24px;margin:10px 0 0;font-size:12px;line-height:24px}
.minimal-main .voice-live[hidden]{display:block;visibility:hidden}
.embedded .capture-controls,.embedded .voice-live{display:none}
@media(max-width:600px){.capture-controls .record-cancel{left:calc(50% - 19px);top:3px}.capture-controls{gap:16px}.minimal-main{padding:14px 20px 24px}}
.minimal-main .wave-orb{width:clamp(280px,36vw,400px)}
@media(max-width:600px){.minimal-main .wave-orb{width:min(360px,88vw)}}
/* Shared entrance for every modal, including the returned transcript. */
dialog[open]{animation:elhaam-dialog-in .38s cubic-bezier(.2,.75,.25,1) both}
dialog[open]::backdrop{animation:elhaam-backdrop-in .38s ease both}
@keyframes elhaam-dialog-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes elhaam-backdrop-in{from{background-color:transparent;backdrop-filter:blur(0)}to{background-color:#08100bdd;backdrop-filter:blur(8px)}}
#voice-transcript:not([hidden]),#saved-idea:not([hidden]){animation:elhaam-content-in .42s ease both}
@keyframes elhaam-content-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,#voice-transcript:not([hidden]),#saved-idea:not([hidden]){animation:none}}
#account-dialog{width:min(440px,calc(100vw - 36px));max-height:calc(100svh - 40px);overflow:auto;background:#19251d;color:#e2ecd9;border:1px solid #41543b;border-radius:24px;padding:24px 30px 30px;font-family:Sahel,sans-serif}#account-dialog::backdrop{background:#08100bdd;backdrop-filter:blur(8px)}.account-close{margin-right:auto;background:transparent;border:0}.account-symbol{display:grid;place-items:center;width:58px;height:58px;border:1px solid #496043;border-radius:50%;background:#25382a;color:#bed5ae;margin:6px auto 20px}.account-symbol svg{width:28px;height:28px}#account-title{font-family:Lalezar,Sahel,sans-serif;font-size:29px;font-weight:400;line-height:1.6;text-align:center;margin:0 0 12px}.account-intro{font-size:14px;line-height:2;color:#afc0a6;text-align:center;margin:0 0 26px}#google-signin{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #d4d7d0;border-radius:12px;background:#f1f3ed;color:#253029;font-family:Sahel,sans-serif;font-size:14px;cursor:default}#google-signin svg{width:21px;height:21px}#google-signin:hover{background:#fff}.account-note{font-size:11px;line-height:2;text-align:center;color:#8fa184;margin:18px 0}.account-guest{display:block;margin:4px auto 0;background:transparent;border:0;color:#b1c5a5;font-size:12px;font-family:Sahel,sans-serif;min-height:40px}.account-guest:hover{background:#293e2e}.account-profile-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px}.profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#b9cdb1;color:#223321;font-size:23px}.profile-demo-label{font-size:10px;color:#9cb68f;padding:4px 9px;border:1px solid #41573a;border-radius:12px}#profile-title{font-size:32px;margin:0 0 14px}.profile-name{font-size:16px;margin:0 0 5px}.profile-email{font-family:Sahel,sans-serif;text-align:right;font-size:13px;color:#9aaf8f;margin:0 0 24px}.account-menu{border-top:1px solid #344830;border-bottom:1px solid #344830;margin:20px 0}.account-menu button{width:100%;display:flex;align-items:center;gap:12px;padding:17px 0;background:transparent;border:0;border-radius:0;color:#cbdec0;font-family:Sahel,sans-serif;font-size:14px;min-height:55px}.account-menu button+button{border-top:1px solid #30412d}.account-menu button:hover{background:#243828}.account-menu svg{width:20px;height:20px;flex-shrink:0}.account-menu span+svg{margin-right:auto;width:16px}.profile-switch{margin-right:auto;display:block;width:32px;height:18px;border:1px solid #637e55;border-radius:10px;background:#6d8a5e;position:relative}.profile-switch:after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:#e4efd9;top:2px;right:2px;transition:transform .2s}#profile-motion[aria-checked=false] .profile-switch{background:#29352a;border-color:#4a5a43}#profile-motion[aria-checked=false] .profile-switch:after{transform:translateX(-12px)}.profile-signout{background:transparent;border:0;color:#c0bc9f;font-family:Sahel,sans-serif;font-size:12px;width:100%;padding:10px;border-radius:10px}.profile-signout:hover{background:#34392a}#account-dialog button:focus-visible{outline:2px solid #bdd3af;outline-offset:4px}#account-dialog [hidden]{display:none!important}@media(max-width:600px){#account-dialog{padding:20px 24px 24px}#account-title{font-size:27px}.account-intro{font-size:13px}}@media(prefers-reduced-motion:reduce){.profile-switch:after{transition:none}}
