:root{--paper: #f2dfbd;--paper-deep: #ead2aa;--ink: #352235;--muted: #806979;--rust: #b95239;--rust-soft: #dd8063;--wine: #4b2339;--line: rgba(75, 35, 57, .18);--glass: rgba(255, 249, 239, .62)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;min-height:100dvh}body{color:var(--ink);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.22),transparent 36%),linear-gradient(145deg,#f7e9cf 0%,var(--paper) 48%,#efd9b5 100%);font-family:DM Sans,Noto Sans Arabic,sans-serif;overflow:hidden}button,textarea{font:inherit}button{color:inherit}.shell{position:relative;min-height:100svh;min-height:100dvh;isolation:isolate}.shell:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(24px,4vw,64px)}.brand-lockup{display:flex;align-items:center;gap:10px;color:var(--wine);text-decoration:none}.brand-mark{width:32px;height:32px;overflow:visible;flex:0 0 auto;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.brand-lockup:hover .brand-mark{transform:rotate(-4deg) scale(1.035)}.brand-pebble{fill:#4b233913;stroke:currentColor;stroke-width:1.55}.brand-eyes{fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round}.wordmark{position:relative;color:var(--wine);font:500 clamp(1.5rem,2.1vw,2rem)/1 "Newsreader","Noto Sans Arabic",serif;letter-spacing:.005em}.wordmark-en{transform:translateY(1px)}.wordmark-ar{display:none;font-family:Noto Sans Arabic,sans-serif;font-weight:600;letter-spacing:0}.signature-o{position:relative;display:inline-block;margin-inline:.005em;font-weight:400}.signature-o:after{content:"";position:absolute;left:50%;bottom:-.12em;width:.17em;height:.17em;border-radius:50%;background:var(--rust);transform:translate(-50%) scale(.72);opacity:.82}.signature-o.second:after{transform:translate(-50%) scale(.48);opacity:.62}.top-actions{display:flex;align-items:center;gap:18px}.language-toggle,.sound-toggle{border:0;background:transparent;cursor:pointer;color:var(--muted)}.language-toggle{padding:8px;font-size:.95rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:transparent;transition:.25s ease}.language-toggle:hover{color:var(--wine);text-decoration-color:currentColor}.sound-toggle{display:flex;align-items:center;gap:7px;font-size:.78rem;padding:8px 0}.sound-toggle svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.presence{min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:68px 22px 94px}.canvas-wrap{position:relative;width:min(54vw,520px);aspect-ratio:1/.9;display:grid;place-items:center;margin-top:-4vh;cursor:pointer}#tatoCanvas{width:100%;height:100%;display:block;position:relative;z-index:2}.renderer-fallback:after{content:"";position:absolute;inset:25%;border:1.5px solid rgba(75,35,57,.45);border-radius:48% 52% 46% 54%;animation:aura 7s ease-in-out infinite}.aura{position:absolute;inset:20%;border-radius:50%;background:#c45b3d1f;filter:blur(50px);transform:scale(.7);animation:aura 7s ease-in-out infinite}@keyframes aura{50%{transform:scale(1.08);opacity:.55}}.conversation{width:min(680px,92vw);min-height:108px;display:grid;place-items:center;align-content:center;text-align:center;margin-top:clamp(-48px,-5vh,-28px)}.eyebrow{margin:0 0 9px;color:var(--rust);font-size:.95rem;letter-spacing:.03em;transition:opacity .35s}h1{margin:0;font:400 clamp(1.85rem,3.2vw,3.15rem)/1.08 "Newsreader","Noto Sans Arabic",serif;letter-spacing:-.03em}.reply{max-width:660px;font:400 clamp(1.45rem,2.25vw,2.2rem)/1.22 "Newsreader","Noto Sans Arabic",serif;animation:rise .6s cubic-bezier(.2,.8,.2,1)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.composer{width:min(660px,92vw);height:58px;margin-top:18px;display:flex;align-items:center;gap:8px;padding:8px 9px 8px 23px;border:1px solid rgba(122,68,54,.26);border-radius:999px;background:var(--glass);box-shadow:0 10px 32px #5b30260f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:.3s ease}.composer:focus-within{background:#fffbf5cc;border-color:#9d463173;box-shadow:0 14px 38px #5b30261a;transform:translateY(-1px)}textarea{resize:none;flex:1;width:100%;max-height:110px;border:0;outline:0;background:transparent;color:var(--ink);font-size:1rem;line-height:1.45;overflow:auto;padding:8px 0}textarea::placeholder{color:#927b83}.mic,.send{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;cursor:pointer}.mic{border:0;background:transparent;color:var(--muted)}.send{border:0;background:var(--rust);color:#fff8ed;transition:.25s ease}.send:hover{background:#a84732;transform:scale(1.04)}.mic:hover{background:#4b233912;color:var(--wine)}.mic.active{background:var(--wine);color:#fff;animation:pulse 1.6s ease infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #4b233900}0%,to{box-shadow:0 0 #4b23392e}}.mic svg,.send svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.listening-label{color:var(--muted);margin:10px 0 -30px;font-size:.85rem}.footer{position:fixed;z-index:10;bottom:0;left:0;right:0;min-height:65px;padding:16px clamp(22px,4vw,64px) 19px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.76rem}.footer nav{display:flex;gap:22px}.footer button{border:0;padding:5px 0;background:transparent;cursor:pointer;color:inherit;border-bottom:1px solid transparent}.footer button:hover{color:var(--wine);border-color:currentColor}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;margin:0;padding:0;border:0;color:var(--ink);background:transparent;overflow:visible}.sheet::backdrop{background:#2d182547;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet-inner{position:relative;width:min(720px,calc(100% - 24px));margin:0 auto 12px;padding:42px clamp(28px,6vw,64px) 38px;border-radius:28px;background:#fff8ec;box-shadow:0 24px 80px #30182233}.sheet-close{position:absolute;top:18px;right:22px;border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:var(--muted)}.sheet h2{font:400 clamp(1.8rem,3vw,2.5rem)/1.1 "Newsreader","Noto Sans Arabic",serif;margin:0 0 16px}.sheet p{font-size:.98rem;line-height:1.65;color:#5c4855;margin:0 0 12px}.sheet a{color:var(--rust);font-weight:600}.sheet .urgent-card{border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[dir=rtl] body{font-family:Noto Sans Arabic,DM Sans,sans-serif}html[dir=rtl] .wordmark-en{display:none}html[dir=rtl] .wordmark-ar{display:inline}html[dir=rtl] h1,html[dir=rtl] .reply,html[dir=rtl] .sheet h2{font-family:Noto Sans Arabic,serif;letter-spacing:0}html[dir=rtl] .composer{padding:8px 23px 8px 9px}html[dir=rtl] .sheet-close{right:auto;left:22px}@media(max-width:680px){body{min-width:320px}.shell{height:100svh;height:100dvh;overflow:hidden}.topbar{padding:calc(17px + env(safe-area-inset-top)) 18px 12px}.brand-lockup{gap:8px}.brand-mark{width:29px;height:29px}.wordmark{font-size:1.45rem}.top-actions{gap:10px}.language-toggle,.sound-toggle{min-height:40px}.sound-toggle span{display:none}.presence{height:100svh;height:100dvh;min-height:0;justify-content:flex-start;padding:clamp(66px,10dvh,88px) 16px calc(91px + env(safe-area-inset-bottom))}.canvas-wrap{width:min(88vw,41dvh,380px);flex:0 0 auto;margin-top:0;aspect-ratio:1/.94}.conversation{margin-top:clamp(-36px,-4.2dvh,-18px);min-height:clamp(82px,14dvh,108px);width:min(92vw,620px)}.eyebrow{margin-bottom:6px;font-size:.88rem}h1{font-size:clamp(1.52rem,7vw,2rem);line-height:1.08}.reply{font-size:clamp(1.28rem,6vw,1.72rem);line-height:1.18}.composer{width:92vw;height:54px;margin-top:8px;padding:7px 7px 7px 18px}.mic,.send{width:38px;height:38px}.footer{min-height:76px;padding:8px 16px calc(10px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;gap:3px;background:linear-gradient(to top,#f2dfbdfa 55%,#f2dfbd00)}.footer nav{gap:15px;flex-wrap:wrap;justify-content:center}.private-note{order:2;opacity:.82}}@media(max-width:680px)and (max-height:700px){.topbar{padding-top:calc(11px + env(safe-area-inset-top))}.presence{padding-top:58px;padding-bottom:79px}.canvas-wrap{width:min(74vw,35dvh,270px)}.conversation{min-height:72px;margin-top:-24px}.eyebrow{font-size:.8rem;margin-bottom:3px}h1{font-size:1.42rem}.reply{font-size:1.24rem}.composer{height:50px;margin-top:5px}.mic,.send{width:36px;height:36px}.footer{min-height:66px;font-size:.72rem}}@media(max-width:390px){.topbar{padding-inline:14px}.brand-lockup{gap:6px}.brand-mark{width:27px;height:27px}.wordmark{font-size:1.32rem}.composer{width:94vw}.footer nav{gap:11px}}@media(max-height:700px)and (min-width:681px){.canvas-wrap{width:min(42vw,390px);margin-top:-7vh}.conversation{margin-top:-45px;min-height:82px}.composer{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}