:root{--paper:#f4f4f1;--surface:#ffffff;--ink:#17181c;--muted:#5c5e64;--faint:#8b8d94;--line:#e3e3df;--accent:#2748c9;--accent-soft:#e7ebfb;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,"Helvetica Neue",Arial,"Noto Sans Hebrew",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,"JetBrains Mono",Menlo,Consolas,"Liberation Mono","Noto Sans Hebrew",monospace}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;display:flex;flex-direction:column;height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}.arr{display:inline-block}[dir=rtl] .arr{transform:scaleX(-1)}.app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}header{flex:0 0 auto;justify-content:space-between;gap:12px;padding:15px 22px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:30}.brand,header{display:flex;align-items:center}.brand{gap:10px;min-width:0}.brand-logo{flex:0 0 auto;height:26px;width:auto;display:block}.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.lang{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}.lang button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--muted);padding:7px 11px;line-height:1;transition:background .15s,color .15s}.lang button.active{background:var(--accent);color:#fff}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--surface);width:38px;height:38px;border-radius:7px;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:border-color .15s,color .15s}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:52px 22px 38px;border-bottom:1px solid var(--line)}.hero-inner{max-width:680px;margin:0 auto}.hero-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:20px;display:flex;align-items:center}.hero-eyebrow:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:1px;-webkit-margin-end:10px;margin-inline-end:10px}.hero-title{font-family:var(--sans);font-size:42px;line-height:1.08;letter-spacing:-.025em;font-weight:600;color:var(--ink);margin:0 0 18px;max-width:18ch}.hero-sub{font-size:17px;line-height:1.55;color:var(--muted);margin:0;max-width:52ch}main{flex:1 1 auto;overflow-y:auto;scroll-behavior:smooth}.thread{max-width:680px;margin:0 auto;padding:36px 22px 28px;gap:26px}.thread,.turn{display:flex;flex-direction:column}.turn{gap:7px;animation:rise .3s ease both}.turn.user{align-items:flex-end}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.07em;color:var(--faint);display:flex;align-items:center;gap:6px}.eyebrow .num{color:var(--accent);font-weight:600}.bubble p{margin:0 0 10px}.bubble p:last-child{margin-bottom:0}.turn.user .bubble{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:11px 14px;max-width:90%}.lead-line{font-size:21px;line-height:1.42;letter-spacing:-.005em}.em{font-family:var(--serif);font-style:italic}[dir=rtl] .em{font-family:var(--sans);font-style:normal;color:var(--accent);font-weight:600}.stat{margin-top:18px;display:flex;align-items:baseline;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.stat .big{font-family:var(--serif);font-size:48px;line-height:.9;color:var(--accent);font-weight:500}.stat .lbl{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--muted);max-width:170px;line-height:1.4}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--sans);font-size:13.5px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 13px;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip .arr{font-family:var(--mono);color:var(--faint);transition:color .15s}.chip:hover .arr{color:var(--accent)}.typing{display:inline-flex;gap:5px;padding:4px 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:blink 1.3s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.send-cta{margin-top:16px;align-self:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:var(--accent);color:#fff;font-family:var(--sans);font-weight:600;font-size:14px;padding:11px 18px;border-radius:5px;display:inline-flex;align-items:center;gap:9px;transition:opacity .15s,transform .05s}.send-cta:hover{opacity:.92}.send-cta:active{transform:translateY(1px)}.send-cta:disabled{opacity:.5;cursor:default}.send-cta .arr{font-family:var(--mono)}.composer-wrap{flex:0 0 auto;border-top:1px solid var(--line);background:var(--paper)}.composer{max-width:680px;margin:0 auto;padding:15px 22px 9px}.inputbar{display:flex;align-items:flex-end;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:8px 8px 8px 15px;transition:border-color .15s,box-shadow .15s}.inputbar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.inputbar textarea{flex:1 1 auto;border:0;background:transparent;resize:none;font-family:var(--sans);font-size:15.5px;color:var(--ink);line-height:1.45;max-height:140px;padding:7px 0}.inputbar textarea:focus{outline:0}.inputbar textarea::placeholder{color:var(--faint)}.send-btn{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:36px;height:36px;border-radius:5px;background:var(--accent);display:grid;place-items:center;transition:opacity .15s,transform .05s}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.35;cursor:default}[dir=rtl] .send-btn svg{transform:scaleX(-1)}.composer .foot{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--faint);padding:10px 0 4px}.scrim{position:fixed;inset:0;background:rgba(23,24,28,.34);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;z-index:40}.scrim.open{opacity:1;visibility:visible}.drawer{position:absolute;inset-block:0;inset-inline-start:0;width:min(330px,85vw);background:var(--paper);box-shadow:0 0 40px rgba(0,0,0,.16);transform:translateX(-104%);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}[dir=rtl] .drawer{transform:translateX(104%)}.scrim.open .drawer{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 15px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:600}.drawer nav{padding:10px;display:flex;flex-direction:column}.drawer nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;display:flex;align-items:baseline;gap:12px;text-align:start;font-family:var(--sans);font-size:18px;color:var(--ink);padding:14px 12px;border-radius:6px;transition:background .14s}.drawer nav button:hover{background:var(--accent-soft)}.drawer nav .num{font-family:var(--mono);font-size:12px;color:var(--accent);min-width:22px;font-weight:600}.drawer nav .marr{-webkit-margin-start:auto;margin-inline-start:auto;font-family:var(--mono);color:var(--faint);opacity:0;transition:opacity .14s}.drawer nav button:hover .marr{opacity:1}.drawer .note{margin-top:auto;padding:16px 18px;font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--faint);line-height:1.5;border-top:1px solid var(--line)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}@media (max-width:560px){header{padding:13px 15px}.hero{padding:34px 16px 26px}.hero-title{font-size:29px}.hero-sub{font-size:15.5px}.thread{padding:26px 16px 22px}.composer{padding:13px 16px 7px}.lead-line{font-size:18.5px}.stat .big{font-size:40px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}