:root{--accent: #e3b98a;--bg: #070914;--fg: #f4e9d8;--muted: #b9a7b8;--panel: #140f22cc}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100dvh;background:var(--bg);color:var(--fg);font:17px Instrument Sans,system-ui,sans-serif;overflow-x:hidden}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--fg);outline-offset:3px}#sky{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}@keyframes tw{50%{opacity:.25}}#stars circle{animation:tw 3s ease-in-out infinite}@keyframes dr{50%{transform:translate(-12px)}}.d1{animation:dr 14s ease-in-out infinite}.d2{animation:dr 10s ease-in-out infinite reverse}section{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}@keyframes draw{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}.ink{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.4s ease-out forwards}@keyframes fade{to{opacity:1}}.dots{opacity:0;animation:fade .8s 3s forwards}.glyph{width:min(300px,62vw);height:auto;overflow:visible}.glyph.small{width:110px;filter:drop-shadow(0 0 10px #f0c993aa)}.glyph.small .ink{animation-duration:.01s;animation-delay:0s!important}.glyph.small .dots{animation-delay:0s}.breath{transition:opacity 1.2s ease,filter 1.2s ease;opacity:.55;filter:drop-shadow(0 0 0 transparent)}.listen .breath,.think .breath{opacity:.8;filter:drop-shadow(0 0 6px #f0c99366)}.talk .breath{opacity:1;filter:drop-shadow(0 0 16px #f0c993) drop-shadow(0 0 36px #e3b98a88) brightness(1.25)}.wavebox{width:min(320px,70vw);height:auto;overflow:hidden}@keyframes wv{to{transform:translate(-80px)}}@keyframes amp{0%,to{transform:scaleY(.35)}25%{transform:scaleY(1.1)}50%{transform:scaleY(.6)}75%{transform:scaleY(1.25)}}@keyframes ampsoft{0%,to{transform:scaleY(.15)}50%{transform:scaleY(.4)}}.flat{transition:opacity .4s}.amp{transform-origin:160px 30px;opacity:0;transition:opacity .4s}.wave{animation:wv 1.1s linear infinite}.wave2{animation:wv 1.7s linear infinite}.talk .flat,.listen .flat{opacity:0}.talk .amp{opacity:1;animation:amp .9s ease-in-out infinite}.listen .amp{opacity:1;animation:ampsoft 1.4s ease-in-out infinite}header{display:flex;align-items:center;justify-content:space-between;padding:max(24px,env(safe-area-inset-top)) 28px 0}.brand{display:flex;align-items:baseline;gap:12px}#name{font-family:"Instrument Serif",serif;font-size:38px;line-height:1}#tif{font-family:Noto Sans Tifinagh,sans-serif;font-size:19px;letter-spacing:.16em;color:var(--accent)}.actions{display:flex;gap:10px}.icon{width:46px;height:46px;border-radius:50%;background:transparent;border:1.5px solid #f4e9d855;color:var(--fg);display:flex;align-items:center;justify-content:center}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:12px 24px;text-align:center}#label{font-size:13px;letter-spacing:.24em;color:var(--muted)}#you{margin:8px 0 0;color:var(--muted);max-width:720px;min-height:1.4em}#reply{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(26px,4.2vw,38px);line-height:1.12;max-width:760px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:38vh;overflow-y:auto}#status{min-height:1.3em;font-size:15px;color:var(--muted)}#status.err{color:#ffb4a1}#form{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px max(28px,env(safe-area-inset-bottom))}#input{width:100%;max-width:520px;min-width:0;height:54px;padding:0 22px;border-radius:27px;background:var(--panel);border:1.5px solid #f4e9d855;color:var(--fg);font:inherit}#mic{flex:0 0 auto;width:62px;height:62px;border-radius:50%;border:none;background:var(--accent);color:#1c1430;display:flex;align-items:center;justify-content:center;transition:box-shadow .3s}.listen #mic{box-shadow:0 0 0 6px #e3b98a44,0 0 24px var(--accent)}#mic:disabled{opacity:.5;cursor:default}#login{align-items:center;justify-content:center;gap:16px;padding:24px}.hello{margin:0;font-family:"Instrument Serif",serif;font-size:32px;text-align:center}#login-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px;padding:28px;border-radius:20px;background:var(--panel);border:1px solid #f4e9d833}#login-form label{font-size:13px;letter-spacing:.16em;color:var(--muted);margin-top:6px}#login-form input{height:50px;padding:0 18px;border-radius:25px;background:#0b0918;border:1.5px solid #f4e9d855;color:var(--fg);font:inherit}#login-btn{height:52px;margin-top:14px;border-radius:26px;border:none;background:var(--accent);color:#1c1430;font-weight:600;letter-spacing:.06em}#login-btn:disabled{opacity:.6}#login-error{margin:6px 0 0;min-height:1.2em;color:#ffb4a1;font-size:15px;text-align:center}#settings{width:min(100vw,420px);max-width:100vw;height:100%;max-height:100%;margin:0 0 0 auto;border:0;border-left:1px solid #f4e9d833;padding:1.2rem;background:#0e0b1a;color:var(--fg);overflow-y:auto}#settings::backdrop{background:#000a}.settings-head{display:flex;justify-content:space-between;align-items:center}.settings-head h2{margin:0;font-family:"Instrument Serif",serif;font-weight:400;font-size:30px}.settings-form label{display:flex;flex-direction:column;gap:.3rem;margin:.9rem 0;font-size:.85rem;letter-spacing:.1em;color:var(--muted)}.settings-form input:not([type=checkbox]),.settings-form select,.settings-form textarea{padding:.7rem;border-radius:12px;border:1px solid #f4e9d844;background:#0b0918;color:var(--fg);font:inherit;letter-spacing:normal}.settings-form input[type=color]{height:2.8rem;padding:.2rem}.settings-tool{flex-direction:row!important;align-items:center}.settings-error{color:#ffb4a1;min-height:1.2rem;font-size:.9rem}