:root{--paper: #faf9f7;--card: #ffffff;--ink: #15151c;--muted: #74747f;--line: #e7e5e1;--violet: #5b3fd6;--violet-soft: #efeaff;--vital: #17b890;--danger: #c0392b;--r: 14px;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.wrap{max-width:720px;margin:0 auto;padding:24px 20px 72px}.vital{height:22px;width:100%;overflow:hidden;opacity:.7}.vital svg{width:100%;height:22px;display:block}.vital path{stroke:var(--vital);stroke-width:1.6;fill:none;stroke-dasharray:400;stroke-dashoffset:400;animation:trace 2.4s ease-out forwards}@keyframes trace{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.vital path{animation:none;stroke-dashoffset:0}}.brand{display:flex;align-items:baseline;gap:8px;font-weight:700;font-size:19px;letter-spacing:-.02em}.brand span{color:var(--violet)}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}h1{font-size:30px;line-height:1.25;margin:10px 0 6px;letter-spacing:-.02em}h2{font-size:20px;margin:0 0 4px;letter-spacing:-.01em}p.sub{color:var(--muted);margin:0 0 24px;line-height:1.7}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;color:var(--ink)}textarea{min-height:84px;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:2px solid var(--violet);outline-offset:1px;border-color:transparent}.btn{width:100%;padding:14px;border:0;border-radius:10px;background:var(--violet);color:#fff;font-size:15px;font-weight:600;margin-top:22px}.btn:hover{background:#4a32b8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--violet);border:1px solid var(--line);margin-top:10px}.btn.ghost:hover{background:var(--violet-soft)}.link{background:none;border:0;color:var(--violet);font-size:14px;font-weight:600;padding:0;margin-top:16px}.msg{margin-top:16px;font-size:14px;line-height:1.6}.msg.err{color:var(--danger)}.msg.ok{color:var(--vital)}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px}.signout{background:none;border:0;color:var(--muted);font-size:13px}.signout:hover{color:var(--ink)}.topic{width:100%;text-align:right;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:10px;display:block}.topic:hover{border-color:var(--violet);background:var(--violet-soft)}.topic b{display:block;font-size:15px;margin-bottom:5px}.topic small{color:var(--muted);font-size:13px;line-height:1.6}.score{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--violet);border:1px solid var(--violet);border-radius:20px;padding:2px 8px;float:left}.output{white-space:pre-wrap;line-height:1.9;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;margin-top:20px}.steps{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.1em;margin-bottom:4px}.center{text-align:center;padding:60px 20px;color:var(--muted)}