:root{--paper:#f3eee4;--card:#fbf8f1;--ink:#1d1b18;--mute:#7a7367;--line:#d9d1c1;--acc:#c8431b;--ok:#2f6b4f;--half:#b7791f;--f:"Fraunces","IBM Plex Sans Arabic",serif;--b:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);font:400 15px/1.6 var(--b)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:.5rem 1rem;border-radius:2px}button:disabled{opacity:.45;cursor:default}button.ghost{background:none;color:var(--ink);border-color:var(--line)}button.sm{padding:.2rem .7rem;font-size:13px}button.link{background:none;border:0;color:var(--mute);padding:.2rem;text-decoration:underline}input,textarea,select{width:100%;background:var(--card);border:1px solid var(--line);border-radius:2px;padding:.6rem .8rem}:focus-visible{outline:2px solid var(--acc);outline-offset:1px}h1,h2,h3,.logo,.score{font-family:var(--f)}.wrap{max-width:860px;margin:0 auto;padding:0 1.25rem 4rem}header,.top{display:flex;align-items:center;gap:.75rem;padding:1.1rem 0;flex-wrap:wrap}header{border-bottom:1px solid var(--ink)}.top{justify-content:space-between}.logo{font-weight:700;font-size:1.7rem;letter-spacing:-.02em}.logo i{color:var(--acc);font-style:normal}nav{display:flex;gap:1.25rem;margin-inline-end:auto;margin-inline-start:1rem}nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mute);padding:.2rem 0;border-radius:0}nav button.on{color:var(--ink);border-color:var(--acc)}.err{background:#f6dfd6;border-inline-start:3px solid var(--acc);padding:.6rem .9rem;margin:1rem 0}.hero h1{font-size:clamp(2.4rem,9vw,4.5rem);line-height:1.05;letter-spacing:-.03em;margin:18vh 0 1rem;max-width:12em}.hero p{color:var(--mute);max-width:32em;margin-bottom:2rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 1rem;align-items:center}.chip{background:none;color:var(--ink);border-color:var(--line);border-radius:99px;padding:.25rem .9rem}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chipin{width:9rem;border-radius:99px;padding:.25rem .9rem;background:none}.add{display:flex;gap:.5rem}.add button{white-space:nowrap}.hint{display:block;color:var(--mute);margin-top:.4rem}.vids{list-style:none;padding:0;margin-top:1.5rem;border-top:1px solid var(--ink)}.vids li{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.vids img{width:132px;height:74px;object-fit:cover;border-radius:2px;flex:none}.vids h3{font-size:1.05rem;line-height:1.3;font-weight:500}.vids p,.vids em{color:var(--mute);font-size:13px}.acts{display:flex;gap:.5rem;margin-top:.4rem;align-items:center}.empty{color:var(--mute);padding:2rem 0}.chat{display:flex;flex-direction:column;padding-top:1.5rem}.msgs{display:flex;flex-direction:column;gap:1rem;min-height:52vh;padding-bottom:1rem}.msg{white-space:pre-wrap;max-width:88%}.msg.user{align-self:flex-end;background:var(--ink);color:var(--paper);padding:.6rem .9rem;border-radius:2px}.msg.model{border-inline-start:3px solid var(--acc);padding-inline-start:1rem}.msg.bad{color:var(--acc)}.ts{background:var(--ink);color:var(--paper);padding:0 .4rem;border-radius:2px;font-size:12px;text-decoration:none;margin-inline:.15rem}.composer{position:sticky;bottom:0;display:flex;gap:.5rem;background:var(--paper);padding:.75rem 0}.pop{position:absolute;bottom:100%;inset-inline:0;list-style:none;padding:0;background:var(--card);border:1px solid var(--ink)}.pop button{display:flex;gap:.7rem;align-items:center;width:100%;text-align:start;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0}.pop button:hover{background:var(--paper)}.pop img{width:56px;height:32px;object-fit:cover}.setup{display:grid;gap:1rem;padding-top:1.5rem;max-width:520px}.setup label,.lbl{display:grid;gap:.3rem;font-size:13px;color:var(--mute)}.qcard{margin-top:1.5rem;background:var(--card);border:1px solid var(--ink);padding:1.5rem;display:grid;gap:1rem}.qhead{display:flex;align-items:center;gap:1rem;font-size:13px;color:var(--mute)}.bar{flex:1;height:3px;background:var(--line)}.bar i{display:block;height:100%;background:var(--acc)}.qcard h2{font-size:1.4rem;line-height:1.3;font-weight:500}.opts{list-style:none;padding:0;display:grid;gap:.5rem}.opts button{display:flex;gap:.9rem;width:100%;text-align:start;background:var(--paper);color:var(--ink);border-color:var(--line)}.opts button.on{border-color:var(--acc);background:#fff}.opts b{color:var(--acc);font-family:var(--f)}.nav2{display:flex;justify-content:space-between}.result{padding-top:1.5rem}.score{font-size:6rem;font-weight:700;line-height:1;letter-spacing:-.04em}.score small{font-size:2rem;color:var(--mute)}.result ol{list-style:none;padding:0;margin:2rem 0;display:grid;gap:1.25rem}.result li{border-inline-start:3px solid var(--acc);padding-inline-start:1rem}.result li.ok{border-color:var(--ok)}.result li.half{border-color:var(--half)}.result h3{font-size:1.05rem;font-weight:500}.mine{color:var(--mute);font-style:italic}@media (max-width:560px){.vids img{width:96px;height:54px}.msg{max-width:100%}}