:root{--bg:#faf9f5;--side:#f3f1ea;--card:#fff;--ink:#1f1e1d;--mute:#73726c;--line:#e6e3d8;--hover:#ebe8dd;--user:#eeece3;--acc:#c96442;--ok:#2f7a55;--half:#b7791f;--bad:#b3402a;--f:"Fraunces","IBM Plex Sans Arabic",serif;--b:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#262624;--side:#1f1e1d;--card:#30302e;--ink:#ece9e1;--mute:#a09e96;--line:#3b3a37;--hover:#33322f;--user:#33322f;--acc:#d97757;--ok:#5fb98a;--half:#e0a84a;--bad:#e5806a}}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font:400 15px/1.65 var(--b);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,.logo,.score{font-family:var(--f);font-weight:500}button{cursor:pointer;border:0;background:var(--ink);color:var(--bg);padding:.55rem 1.05rem;border-radius:10px;font-weight:500}button:disabled{opacity:.4;cursor:default}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.ghost:hover:not(:disabled){background:var(--hover)}button.sm{padding:.3rem .8rem;font-size:13px;border-radius:8px;display:inline-flex;align-items:center;gap:.35rem}button.link{background:none;color:var(--mute);padding:.2rem .4rem;text-decoration:underline;font-weight:400}button.icon{background:none;color:var(--ink);padding:.4rem;border-radius:8px;display:grid;place-items:center}button.icon:hover{background:var(--hover)}input,textarea,select{width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.65rem .9rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 20%,transparent)}.logo{font-size:1.45rem;font-weight:600;letter-spacing:-.02em}.logo i{color:var(--acc);font-style:normal}.hint{display:block;color:var(--mute);font-size:13px;margin-top:.4rem}.err{background:color-mix(in srgb,var(--bad) 12%,var(--card));border-inline-start:3px solid var(--bad);padding:.6rem .9rem;margin:1rem;border-radius:8px;cursor:pointer}.wrap{max-width:860px;margin:0 auto;padding:1rem 1.25rem 2rem}.top{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.hero h1{font-size:clamp(2.4rem,9vw,4rem);line-height:1.08;letter-spacing:-.03em;margin:16vh 0 1rem;max-width:12em}.hero p{color:var(--mute);max-width:32em;margin-bottom:2rem}.app{display:flex;height:100dvh}.side{width:268px;flex:none;background:var(--side);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;padding:.75rem;gap:.25rem}.brand{padding:.4rem .5rem .8rem}.newchat{display:flex;gap:.6rem;align-items:center;padding:.55rem .75rem;border-radius:10px;text-decoration:none;font-weight:500;background:var(--card);border:1px solid var(--line);color:var(--ink)}.newchat:hover{border-color:var(--mute)}.side nav{display:grid;gap:2px;margin:.75rem 0 .5rem}.side nav a,.rc,.acct{display:flex;gap:.65rem;align-items:center;padding:.5rem .75rem;border-radius:10px;text-decoration:none;color:var(--ink)}.side nav a:hover,.rc:hover,.acct:hover{background:var(--hover)}.side nav a.active,.rc.active{background:var(--hover);font-weight:500}.cap{font-size:12px;color:var(--mute);padding:.25rem .75rem}.recents{flex:1;min-height:0;overflow-y:auto}.rc{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--mute)}.rc.active{color:var(--ink)}.acct{border-top:1px solid var(--line);border-radius:0 0 10px 10px;padding-top:.85rem;margin-top:.25rem}.ava{width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;font:600 13px var(--b);overflow:hidden;flex:none}.ava img{width:100%;height:100%;object-fit:cover}.main{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column}.bar,.scrim{display:none}@media (max-width:860px){.side{position:fixed;inset-block:0;inset-inline-start:0;z-index:20;transform:translate(-100%);transition:transform .2s;width:82%;max-width:300px}:root[dir=rtl] .side{transform:translate(100%)}.app.open .side{transform:none}.app.open .scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:10}.bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;position:sticky;top:0;background:var(--bg);z-index:5;border-bottom:1px solid var(--line);flex:none}}.page{width:100%;max-width:940px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.phead{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.phead h1,.setup h1,.settings h1{font-size:1.8rem}.newc{display:grid;gap:.5rem;grid-template-columns:1fr 1fr auto;margin:.5rem 0 1rem}.chips{display:flex;gap:.4rem;overflow-x:auto;padding:.25rem 0;margin:.5rem 0}.chip{background:none;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:.25rem .95rem;white-space:nowrap;font-weight:400}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.listhead{margin:.5rem 0 1rem}.desc{color:var(--mute);margin-bottom:.5rem}.add{display:flex;gap:.5rem;margin-top:.5rem}.add button{white-space:nowrap}.grid{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1.25rem}.empty{color:var(--mute);padding:2rem 0;grid-column:1/-1}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card .body{padding:.8rem .9rem;display:grid;gap:.35rem;flex:1;align-content:start}.card h3{font:500 .98rem/1.35 var(--b);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{font-size:13px;color:var(--mute)}.acts{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.35rem}.acts .icon{margin-inline-start:auto}.chatpage{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:780px;margin:0 auto;padding:0 1.25rem}.welcome{margin:auto;width:100%;display:grid;gap:1.5rem}.hello{font-size:clamp(1.8rem,5vw,2.6rem);text-align:center;letter-spacing:-.02em}.chathead{display:flex;align-items:center;gap:.6rem;padding:.8rem 0;border-bottom:1px solid var(--line);flex:none}.chathead h2{flex:1;min-width:0;font:500 1rem var(--b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linked{display:flex;gap:.4rem;flex-wrap:wrap;padding:.6rem 0 0;flex:none}.linked span{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:.05rem .7rem;color:var(--mute);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msgs{flex:1;min-height:0;overflow-y:auto;padding:1.25rem 0;display:flex;flex-direction:column;gap:1.5rem}.msg{white-space:pre-wrap;overflow-wrap:anywhere}.msg.user{align-self:flex-end;background:var(--user);padding:.6rem 1rem;border-radius:18px;max-width:85%}.msg.model{line-height:1.8}.msg.bad{color:var(--bad)}.ts{background:var(--hover);color:var(--acc);padding:0 .45rem;border-radius:6px;font-size:12px;text-decoration:none;margin-inline:.15rem}.typing{display:flex;gap:4px;padding:.4rem 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:b 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes b{50%{opacity:.25}}.composer{position:relative;flex:none;margin:0 0 1rem;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:.45rem;padding-inline-start:1rem;display:flex;align-items:flex-end;gap:.5rem;box-shadow:0 2px 12px #0000000a}.composer:focus-within{border-color:var(--acc)}.composer textarea{border:0;background:none;box-shadow:none;resize:none;padding:.5rem 0;max-height:200px;border-radius:0}.composer textarea:focus{box-shadow:none}.send{width:36px;height:36px;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--acc);color:#fff;flex:none}.pop{position:absolute;bottom:calc(100% + 8px);inset-inline:0;background:var(--card);border:1px solid var(--line);border-radius:14px;list-style:none;padding:.3rem;box-shadow:0 8px 24px #00000018;z-index:3}.pop button{display:flex;gap:.7rem;align-items:center;width:100%;text-align:start;background:none;color:var(--ink);padding:.4rem;border-radius:10px;font-weight:400}.pop button:hover{background:var(--hover)}.pop img{width:56px;height:32px;object-fit:cover;border-radius:4px}.setup,.qcard,.result,.settings{width:min(640px,calc(100% - 2.5rem));margin:1.75rem auto}.setup,.settings{display:grid;gap:1.1rem}.setup label,.settings label,.lbl{display:grid;gap:.35rem;font-size:13px;color:var(--mute)}.seg{display:flex;flex-wrap:wrap;gap:.4rem}.seg button{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:.35rem .9rem;border-radius:99px;font-weight:400}.seg button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.qcard{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.5rem;display:grid;gap:1.1rem;box-shadow:0 2px 16px #0000000a}.qhead{display:flex;align-items:center;gap:1rem;font-size:13px;color:var(--mute)}.dots{display:flex;gap:6px;flex-wrap:wrap;flex:1}.dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid var(--mute);background:none}.dots button.done{background:var(--ink);border-color:var(--ink)}.dots button.cur{outline:2px solid var(--acc);outline-offset:2px}.qcard h2{font:500 1.3rem/1.45 var(--f)}.opts{list-style:none;padding:0;display:grid;gap:.5rem}.opts button{display:flex;gap:.8rem;width:100%;text-align:start;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-weight:400}.opts button:hover{border-color:var(--mute)}.opts button.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--card))}.opts b{color:var(--acc);font-weight:600;min-width:1.1em}.nav2{display:flex;justify-content:space-between}.score{font-size:5.5rem;line-height:1}.score small{font-size:1.8rem;color:var(--mute)}.result ol{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:.9rem}.result li{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--bad);border-radius:12px;padding:.9rem 1rem;display:grid;gap:.3rem}.result li.ok{border-inline-start-color:var(--ok)}.result li.half{border-inline-start-color:var(--half)}.result h3{font:500 1rem/1.4 var(--b)}.mine{color:var(--mute);font-style:italic}.corr{color:var(--ok);font-size:13px}.big{width:96px;height:96px;border-radius:50%;object-fit:cover}@media (max-width:560px){.newc,.grid{grid-template-columns:1fr}}.fld{display:grid;gap:.35rem}.chk{display:flex;gap:.5rem;align-items:center;font-size:13px;color:var(--mute);cursor:pointer}.chk input{width:auto}a.btnlink{border:1px solid var(--line);border-radius:8px;padding:.3rem .8rem;text-decoration:none;color:var(--ink);font-size:13px}a.btnlink:hover{background:var(--hover)}.banner{background:color-mix(in srgb,var(--acc) 12%,var(--card));border:1px solid var(--line);padding:.55rem .9rem;margin:.75rem 1rem;border-radius:10px;font-size:14px}.badge{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:.1rem .7rem;color:var(--ok)}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem;display:grid;gap:.7rem}.panel h3{font:500 1rem var(--b)}.mono,.trow code{font-family:ui-monospace,Menlo,monospace;font-size:12px}.trow{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.trow code{color:var(--mute);word-break:break-all}.tag{font-size:12px;border-radius:99px;padding:.1rem .7rem;border:1px solid var(--line)}.okc{color:var(--ok)}.badc{color:var(--bad)}.admin{display:grid;gap:1rem}.lh{display:flex;align-items:center;gap:.25rem}.lh h2{font-size:1.4rem;flex:1;min-width:0}.picker{display:grid;gap:.4rem;margin:.5rem 0 1rem}.prow{display:flex;gap:.7rem;align-items:center;width:100%;text-align:start;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.4rem;font-weight:400}.prow:hover{border-color:var(--mute)}.prow span{flex:1;min-width:0}.prow img{width:64px;height:36px;object-fit:cover;border-radius:6px}.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.vpick{display:grid;gap:.35rem;text-align:start;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:.4rem;font-weight:400;font-size:13px;line-height:1.35;align-content:start}.vpick img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.vpick span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vpick.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc)}.note{background:color-mix(in srgb,var(--acc) 10%,var(--card));border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;margin:1rem 0}.note p{margin-top:.25rem}.qtitle{font:500 1.1rem/1.4 var(--b);margin-bottom:.5rem}.hlist{display:grid;gap:.5rem;margin-top:.5rem}.hrow{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;text-decoration:none;color:var(--ink)}.hrow:hover{border-color:var(--mute)}.hrow div{display:grid;min-width:0}.hrow span:not(.pill){font-size:12px;color:var(--mute)}.pill{background:var(--ink);color:var(--bg);border-radius:99px;padding:.1rem .75rem;font-weight:500;white-space:nowrap}.result .phead,.setup .phead{margin-bottom:.5rem}.sidesearch input{padding:.4rem .75rem;font-size:13px;border-radius:10px;margin-bottom:.35rem}.rcwrap{position:relative;display:flex;flex-wrap:wrap;align-items:center}.rcwrap .rc{flex:1;min-width:0;display:flex;gap:.4rem;align-items:center}.rcwrap .rc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rcwrap .more{opacity:0}.rcwrap:hover .more,.rcwrap .more:focus-visible{opacity:1}@media (hover:none){.rcwrap .more{opacity:1}}.rcedit{padding:.35rem .6rem;border-radius:8px;font-size:14px}.menu{flex-basis:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.25rem;margin:.15rem 0 .35rem}.menu button{display:flex;gap:.6rem;align-items:center;width:100%;background:none;color:var(--ink);font-weight:400;padding:.45rem .6rem;border-radius:8px;text-align:start;font-size:14px}.menu button:hover{background:var(--hover)}.menu .danger{color:var(--bad)}.chatpage{flex:1 0 auto;min-height:auto}.msgs{overflow:visible;min-height:auto;padding:1.25rem 0 .5rem;flex:1}.end{scroll-margin-bottom:130px}.dock{position:sticky;bottom:0;margin-top:auto;padding-top:1.25rem;background:linear-gradient(transparent,var(--bg) 35%)}.dock .composer{margin-bottom:.75rem}.chathead{flex-wrap:wrap}
