:root{--accent:#e88b35;--accent-dark:color-mix(in srgb,var(--accent) 62%,#000);--ink:#262116;--muted:#716957;--line:#c6b99f;--key:#fdf8ed;--key2:#d8cbb5;--key-edge:#b8aa90;--desk:#f6f2e8;--device:#eee3d0;--panel:#d9cdb5;--lcd-a:#edf1cf;--lcd-b:#dfe6c5;--lcd-ink:#25301d;--shadow:rgba(92,69,37,.35);--mono:"Share Tech Mono",monospace;color-scheme:light}html[data-theme=dark]{--ink:#f5efe2;--muted:#c4b8a6;--line:rgba(255,255,255,.13);--key:#646779;--key2:#484c5c;--key-edge:#1c1f2a;--desk:#17171e;--device:#2a2c38;--panel:#323542;--lcd-a:#f4c96a;--lcd-b:#e09830;--lcd-ink:#4a280a;--shadow:rgba(0,0,0,.72);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}:where(a,button,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{margin:0;padding:clamp(10px,2.3vw,34px);color:var(--ink);font-family:IBM Plex Sans Arabic,system-ui,Tahoma,sans-serif;background:radial-gradient(900px 480px at 15% 0%,rgba(232,139,53,.13),transparent 60%),var(--desk)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.device{max-width:1160px;margin:0 auto;border:1px solid var(--line);border-radius:clamp(24px,4vw,46px);padding:clamp(16px,2.6vw,32px);background:linear-gradient(180deg,color-mix(in srgb,var(--device) 30%,#fff),var(--device));box-shadow:0 38px 90px -42px var(--shadow),inset 0 1px #ffffff40}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:clamp(16px,2.5vw,28px)}.brand{display:flex;align-items:center;gap:12px;min-width:0;font-weight:900}.logo{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#2b1605;background:linear-gradient(180deg,#ffc46b,var(--accent));box-shadow:inset 0 1px #ffffff80,0 4px 0 var(--accent-dark);font:900 30px var(--mono);flex-shrink:0}.brand-title{line-height:1.25}.brand-title span{display:block;color:var(--muted);font-size:12px;font-weight:700}.controls{display:flex;align-items:center;gap:9px;flex-shrink:0}.solar{display:flex;gap:4px;width:clamp(110px,18vw,220px);padding:7px 9px;border-radius:10px;background:linear-gradient(180deg,#2d210e,#4a3516);box-shadow:inset 0 2px 5px #0000008c}.solar i{flex:1;height:20px;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);border:1px solid rgba(255,255,255,.09)}.btn{display:inline-grid;place-items:center;min-width:46px;min-height:44px;padding:0 14px;border:1px solid var(--key-edge);border-radius:13px;color:var(--ink);background:linear-gradient(180deg,var(--key),var(--key2));box-shadow:inset 0 1px #ffffff38,0 3px 0 var(--key-edge);font-weight:900;cursor:pointer;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 4px 0 var(--key-edge)}.btn:active{transform:translateY(2px);box-shadow:inset 0 3px 5px #0000002e,0 1px 0 var(--key-edge)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.crumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;color:var(--muted);font-weight:800;font-size:14px}.crumb a{color:var(--accent)}.screen{padding:clamp(14px,2.4vw,26px);border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:inset 0 2px 12px #00000021}.lcd{border-radius:18px;padding:clamp(16px,2.6vw,26px);color:var(--lcd-ink);background:repeating-linear-gradient(0deg,rgba(0,0,0,.04) 0 1px,transparent 1px 5px),linear-gradient(150deg,var(--lcd-a),var(--lcd-b));box-shadow:inset 0 4px 14px #0003}.lcd-tick{animation:lcdTick .22s ease}@keyframes lcdTick{0%{opacity:.3}to{opacity:1}}.lcd-top{display:flex;justify-content:space-between;gap:12px;direction:ltr;font:700 clamp(10px,1.3vw,12px) var(--mono);letter-spacing:.1em;opacity:.78}.lcd-top span:last-child{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcd-line{display:flex;align-items:flex-end;gap:12px;direction:ltr;flex-wrap:wrap}.lcd strong{display:block;margin-top:6px;font:400 clamp(40px,7vw,76px) var(--mono);line-height:.95;overflow-wrap:anywhere}.lcd em{padding-bottom:10px;font-style:normal;font-weight:900}.lcd p{margin:6px 0 0;font-size:clamp(14px,2vw,18px);font-weight:800;line-height:1.7}.currency-bar{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid var(--key-edge);border-radius:12px;background:linear-gradient(180deg,var(--key2),var(--key))}.currency-bar label{color:var(--muted);font-weight:900;white-space:nowrap;font-size:14px}.currency-bar select{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-weight:800;font-size:14px;cursor:pointer}form{margin-top:14px}.fields,.rows{display:grid;grid-template-columns:1fr;gap:12px}label{display:grid;gap:7px;color:var(--muted);font-weight:900}input,select{width:100%;min-height:54px;border:1px solid var(--key-edge);border-radius:13px;outline:0;padding:12px 14px;color:var(--ink);background:linear-gradient(180deg,var(--key2),var(--key));box-shadow:inset 0 2px 5px #0000001f;font-weight:900}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}input[type=date]{direction:ltr;text-align:start}input::placeholder{color:var(--muted);opacity:.65}.rows{margin-top:14px}.row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--key-edge);border-radius:13px;background:linear-gradient(180deg,var(--key),var(--key2))}.row span{color:var(--muted);font-weight:800}.row strong{direction:ltr;text-align:left;font-weight:900}.actions{display:flex;gap:12px;margin-top:14px;align-items:center;justify-content:space-between}.live{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-weight:800;font-size:14px}.live-dot{flex-shrink:0;width:9px;height:9px;border-radius:99px;background:#3fa650;animation:livePulse 2.2s ease-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #3fa65073}70%{box-shadow:0 0 0 8px #3fa65000}to{box-shadow:0 0 #3fa65000}}.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.share-label{color:var(--muted);font-weight:900;font-size:14px;margin-inline-end:2px}.share-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 16px;border:1px solid var(--key-edge);border-radius:12px;background:linear-gradient(180deg,var(--key),var(--key2));box-shadow:inset 0 1px #fff3,0 3px 0 var(--key-edge);font-weight:800;font-size:14px;cursor:pointer;color:var(--ink);transition:transform .1s,box-shadow .1s}.share-btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff4d,0 4px 0 var(--key-edge)}.share-btn:active{transform:translateY(2px);box-shadow:inset 0 3px 5px #00000026,0 1px 0 var(--key-edge)}.share-btn.whatsapp{background:linear-gradient(180deg,#2ee06f,#149a58);color:#fff;border-color:#0e6b3c;box-shadow:inset 0 1px #ffffff4d,0 3px #0b5530}.share-btn.whatsapp:hover{box-shadow:inset 0 1px #fff6,0 4px #0b5530}.below{padding:clamp(32px,5vw,64px) 0 8px;display:grid;gap:28px}.article-card{padding:clamp(18px,2.5vw,30px);border:1px solid var(--line);border-radius:18px;background:#ffffff24}html[data-theme=dark] .device{background:linear-gradient(180deg,#323542,var(--device));box-shadow:0 38px 90px -35px #000000d9,inset 0 1px #ffffff12}html[data-theme=dark] .screen{background:var(--panel);box-shadow:inset 0 2px 16px #0006}html[data-theme=dark] .lcd{background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 5px),linear-gradient(150deg,var(--lcd-a),var(--lcd-b))}html[data-theme=dark] .article-card{background:#ffffff12;border-color:#ffffff1c}html[data-theme=dark] .article-card h1,html[data-theme=dark] .article-card h2,html[data-theme=dark] .article-card h3{color:var(--ink)}html[data-theme=dark] .formula-box{background:#e88b351a;border-color:#e88b3547;color:var(--lcd-a)}html[data-theme=dark] details{border-color:#ffffff1a}html[data-theme=dark] details>p{color:var(--muted)}html[data-theme=dark] .share-btn,html[data-theme=dark] .chip{background:linear-gradient(180deg,var(--key),var(--key2));border-color:#ffffff1a;color:var(--ink)}.article-card h1{margin:0 0 12px;font-size:clamp(24px,4vw,44px);line-height:1.2}.article-card p,.article-card li{color:var(--muted);line-height:1.85;font-weight:700;margin:0}.article-card h2{margin:20px 0 10px;font-size:clamp(18px,2.5vw,26px)}.article-card h3{margin:16px 0 8px;font-size:clamp(16px,2vw,20px)}.article-card ol,.article-card ul{padding-inline-start:20px;margin:8px 0}.article-card li{margin-bottom:6px}.formula-box{padding:16px 18px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);font-family:var(--mono);font-size:clamp(13px,1.8vw,16px);line-height:1.8;direction:ltr;text-align:left;white-space:pre-wrap;overflow-x:auto}.example-box{padding:14px 18px;border-radius:12px;background:#ffffff38;border:1px solid var(--line);white-space:pre-line;line-height:1.8;color:var(--muted);font-weight:700}html[data-theme=dark] .example-box{background:#ffffff12;border-color:#ffffff1a;color:var(--muted)}.mistakes-list li{color:var(--muted)}details{border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-bottom:8px}summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-weight:900;cursor:pointer;list-style:none;user-select:none}summary::-webkit-details-marker{display:none}summary:after{content:"▾";flex-shrink:0;font-size:16px;transition:transform .2s;color:var(--muted)}details[open] summary:after{transform:rotate(180deg)}details>p{padding:0 18px 16px;margin:0;color:var(--muted);font-weight:700;line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--key-edge);border-radius:13px;background:linear-gradient(180deg,var(--key),var(--key2));font-weight:900;font-size:14px;box-shadow:inset 0 1px #fff3,0 3px 0 var(--key-edge);transition:transform .1s}.chip:hover{transform:translateY(-1px)}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;font-weight:700}@media(min-width:720px){.fields,.rows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){body{padding:8px}.device{border-radius:26px;padding:12px}.top{align-items:flex-start}.solar{width:112px;padding:7px}.solar i{height:18px}.brand-title span{display:none}.row{flex-wrap:wrap}.actions{flex-direction:column-reverse;align-items:stretch}.actions .btn{min-height:46px}.live{justify-content:center}.share-bar{display:grid;grid-template-columns:1fr 1fr}.share-label{grid-column:1/-1;margin:0}.share-btn.whatsapp{grid-column:1/-1;min-height:50px;font-size:15.5px}}