:root{--bg: #000000;--card: #0c0d12;--card-2: #12141c;--line: rgba(255, 255, 255, .07);--line-2: rgba(255, 255, 255, .13);--ink: #f2f3f7;--muted: #7c8194;--accent: #7c6cff;--accent-2: #4dd6c1;--glow: rgba(124, 108, 255, .35);--me: #171a26;--bot: #0e1016;--red: #ff5c64;--green: #4dd6a1;--gold: #d4b06a;--arabic: "SF Arabic", "Noto Naskh Arabic", "Geeza Pro", serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(900px 500px at 85% -10%,rgba(124,108,255,.14),transparent 60%),radial-gradient(700px 400px at 10% 110%,rgba(77,214,193,.08),transparent 60%),var(--bg);color:var(--ink);font-family:var(--arabic)}button,input{font:inherit}.hidden{display:none!important}.home{min-height:100%;padding:28px 18px 60px}.home-head{display:flex;justify-content:center;padding:22px 0 30px}.home-groups{width:min(760px,100%);margin:0 auto;display:flex;flex-direction:column;gap:30px}.home-group h2{margin:0 0 12px;color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.12em}a{text-decoration:none;color:inherit}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cards a,.cards button{position:relative;display:flex;flex-direction:column;align-items:center;gap:9px;padding:18px 12px;color:var(--ink);background:linear-gradient(180deg,var(--card-2),var(--card));border:1px solid var(--line);border-radius:16px;font-size:15.5px;cursor:pointer;text-align:center;transition:border-color .18s,transform .12s,box-shadow .18s}.cards a:hover,.cards button:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:0 8px 30px #0009,0 0 0 1px var(--line-2) inset}.cards a:active,.cards button:active{transform:translateY(0)}.cards a .dot,.cards button .dot{position:absolute;top:11px;left:12px;width:7px;height:7px;background:var(--accent-2);border-radius:50%;box-shadow:0 0 8px var(--accent-2)}.card-icon{font-size:27px;line-height:1;filter:saturate(.9)}.vocab-entry{align-self:stretch;padding:15px;color:var(--ink);background:linear-gradient(90deg,#7c6cff29,#4dd6c11a);border:1px solid var(--line-2);border-radius:16px;font-size:16px;cursor:pointer;transition:box-shadow .2s}.vocab-entry:hover{box-shadow:0 0 24px var(--glow)}.vocab{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.vocab-body{overflow-y:auto;width:min(760px,100%);margin:0 auto;padding:18px}.vocab-count{color:var(--muted);font-size:12px;direction:ltr}.vocab-list{display:flex;flex-direction:column}.vocab-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:12px 4px;border-bottom:1px solid var(--line)}.vocab-head{display:flex;align-items:baseline;justify-content:space-between;gap:22px;min-width:0}.vocab-tools{display:flex;gap:6px}.vocab-tool{padding:5px 8px;background:var(--card-2);border:1px solid var(--line);border-radius:10px;font-size:14px;line-height:1;cursor:pointer}.vocab-tool:hover{border-color:var(--line-2);box-shadow:0 0 14px var(--glow)}.vocab-ex{grid-column:1 / -1;padding:9px 11px;color:var(--ink);background:var(--card-2);border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.9}.vocab-ar{font-size:18px;line-height:2;font-weight:600;flex:0 0 auto}.vocab-en{color:var(--muted);font-size:14px;text-align:left;flex:1 1 auto;padding-left:6px;line-height:1.7}.vocab-row.known .vocab-ar{color:var(--accent-2)}.vocab-row.known:after{content:"✓";color:var(--accent-2);font-size:13px}.chat{height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-top{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0c0d12bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.chat-title{color:var(--muted);font-size:14.5px;letter-spacing:.03em}main{min-height:0}.conversation{height:100%;overflow-y:auto;scroll-behavior:smooth}.messages{width:min(760px,100%);margin:0 auto;padding:24px 18px 40px}.message{width:fit-content;max-width:min(82%,590px);margin-bottom:12px;animation:rise .22s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.message.user{margin-right:auto}.message.assistant{margin-left:auto}.message p{margin:0;padding:11px 15px;border-radius:16px;background:var(--bot);border:1px solid var(--line);font-size:17px;line-height:1.75;white-space:pre-wrap}.message.user p{background:var(--me);border-color:#7c6cff40}.message.temporary{opacity:.55}.correction{margin-top:6px;padding:10px 13px;background:var(--card);border:1px solid var(--line);border-right:3px solid var(--red);border-radius:12px}.correction-sentence{margin:0 0 3px!important;padding:0!important;border:0!important;background:none!important;color:var(--green)!important;font-size:15px!important;font-weight:700}.correction-item{margin:2px 0 0!important;padding:0!important;border:0!important;background:none!important;color:var(--muted)!important;font-size:13px!important}.correction-item del{color:var(--red)}.correction-item strong{color:var(--green)}.review{margin-top:6px;display:flex;gap:8px}.review button{width:38px;height:38px;border:0;border-radius:50%;font-size:17px;cursor:pointer;color:#fff}.review .ok{background:var(--green)}.review .no{background:var(--red)}.composer{display:flex;flex-direction:column;align-items:center;gap:9px;padding:10px 14px calc(16px + env(safe-area-inset-bottom));background:#0c0d12bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.status{height:20px;color:var(--muted);font-size:12px;text-align:center;letter-spacing:.02em}.input-row{width:min(720px,100%);margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px}.mode-toggle{width:42px;height:42px;display:grid;place-items:center;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:50%;font-size:17px;cursor:pointer;transition:border-color .18s,color .18s}.mode-toggle:hover{color:var(--ink);border-color:var(--line-2)}.mode-spacer{width:42px;flex:none}.mic-button{width:78px;height:78px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),#5a4fd4);box-shadow:0 0 32px var(--glow),0 10px 26px #0000008c;transition:transform .12s,box-shadow .2s}.mic-button:hover{transform:scale(1.03)}.mic-button.active{background:linear-gradient(135deg,var(--red),#c9353c);box-shadow:0 0 34px #ff5c6466;animation:pulse 1.2s ease-out infinite}.mic-button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.mic-icon{position:relative;width:14px;height:21px;border:2px solid currentColor;border-radius:8px}.mic-icon:before{content:"";position:absolute;right:-7px;bottom:-8px;width:24px;height:14px;border:2px solid currentColor;border-top:0;border-radius:0 0 13px 13px}.mic-icon:after{content:"";position:absolute;right:5px;bottom:-12px;width:2px;height:5px;background:currentColor}#typeRow #textInput{flex:1}#textInput{width:100%;min-width:0;padding:13px 16px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;outline:none;font-size:16px;transition:border-color .18s,box-shadow .18s}#textInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cff2e}.sound-mark{height:58px;display:flex;align-items:center;gap:6px;opacity:.85}.sound-mark i{display:block;width:7px;height:22px;background:linear-gradient(180deg,var(--accent),var(--accent-2));border-radius:4px}.sound-mark i:nth-child(2),.sound-mark i:nth-child(4){height:42px}.sound-mark i:nth-child(3){height:58px}body[data-state=speaking] .sound-mark i{animation:wave .8s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:0 0 #ff5c6466}to{box-shadow:0 0 0 16px #ff5c6400}}@keyframes wave{to{transform:scaleY(.5)}}@media (max-width: 560px){.message{max-width:90%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.write{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.write-body{overflow-y:auto;width:min(760px,100%);margin:0 auto;padding:18px;display:flex;flex-direction:column;gap:12px}.write-pick{display:flex;flex-wrap:wrap;gap:7px}.write-chip{padding:7px 12px;color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:999px;font-size:13px;cursor:pointer}.write-chip:hover{border-color:var(--line-2)}.write-chip.on{color:var(--ink);background:linear-gradient(90deg,#7c6cff3d,#4dd6c124);border-color:var(--line-2)}.write-ask{padding:15px 17px;background:linear-gradient(90deg,#7c6cff24,#4dd6c114);border:1px solid var(--line-2);border-radius:14px;font-size:17px;line-height:2}.write-row{display:flex;align-items:center;gap:9px}.write-row .write-send{flex:1 1 auto}.write-text{width:100%;padding:13px 15px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:14px;font:inherit;outline:none}.write-text{line-height:2.1;resize:vertical}.write-topic:focus,.write-text:focus{border-color:var(--line-2);box-shadow:0 0 18px var(--glow)}.write-send{align-self:stretch;padding:14px;color:var(--ink);background:linear-gradient(90deg,#7c6cff38,#4dd6c124);border:1px solid var(--line-2);border-radius:14px;font-size:16px;cursor:pointer}.write-send:hover{box-shadow:0 0 24px var(--glow)}.write-status{min-height:18px;color:var(--muted);font-size:13px}.write-out{display:flex;flex-direction:column;gap:12px}.write-block,.write-group{padding:13px 15px;background:var(--card);border:1px solid var(--line);border-radius:14px}.write-block-title,.write-group-title{margin-bottom:7px;color:var(--muted);font-size:12.5px}.write-block-body{font-size:16px;line-height:2.1}.write-block.ok{border-color:var(--accent-2)}.write-err{padding:9px 0;border-top:1px solid var(--line)}.write-err-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.write-bad{color:#ff8598;text-decoration:line-through}.write-good{color:var(--accent-2)}.write-why{margin-top:4px;color:var(--muted);font-size:13.5px;line-height:1.8}