/* صفحة الدخول: هوية SimSim OS (كحلي الليل وزمرد وعاجي وفضي). لا ذهبي: الذهبي للوفّر وحده.
   وضعان: مستقلة (بطاقة فوقها الجوهرة وزر اللغة)، ومضمَّنة داخل نافذة صفحة الواجهة (html.embed: خلفية شفافة، بلا بطاقة ولا عنوان). */
:root { --night:#040811; --card:#0b1529; --field:#0c1830; --line:#2a3b55; --ink:#e8f0ee; --label:#c9d6d2; --mute:#93a5aa; --emerald:#2EE6A6; --on-emerald:#022019; --bad:#ff7a7a; }
* { box-sizing: border-box; }
html, body { margin:0; }
body { min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--night); color:var(--ink); font:16px/1.7 "Segoe UI", Tahoma, sans-serif; padding:16px; }
main { width:100%; max-width:420px; background:var(--card); border:1px solid rgba(46,230,166,.28); border-radius:22px; padding:28px 24px 22px; }
.head { position:relative; text-align:start; margin-bottom:8px; padding-inline-end:64px; min-height:64px; }
.jewel { position:absolute; inset-inline-end:0; top:2px; width:46px; height:46px; border-radius:50%; background:radial-gradient(circle at 34% 30%, #c9ffe9 0, #2EE6A6 38%, #0b8f73 78%, #06513f 100%); box-shadow:0 0 22px rgba(46,230,166,.45); }
.brand { display:block; font:12px/1.4 Consolas, monospace; letter-spacing:.14em; color:var(--emerald); }
h1 { margin:2px 0 0; font-size:24px; font-weight:700; }
.lang { position:absolute; inset-inline-start:0; top:-6px; width:auto; margin:0; padding:2px 12px; border-radius:999px; border:1px solid var(--line); background:transparent; color:var(--label); font:13px/1.8 inherit; cursor:pointer; }
p { margin:6px 0 12px; color:var(--mute); font-size:14px; }
.note { margin:18px 0 0; text-align:center; font-size:13px; }
label { display:block; margin:14px 0 6px; font-size:15px; color:var(--label); }
input { width:100%; padding:11px 14px; border-radius:12px; border:1px solid var(--line); background:var(--field); color:var(--ink); font:inherit; direction:ltr; text-align:start; outline:none; }
input:focus { border-color:var(--emerald); box-shadow:0 0 0 3px rgba(46,230,166,.18); }
.go { margin-top:18px; width:100%; padding:11px; border:0; border-radius:999px; background:var(--emerald); color:var(--on-emerald); font:inherit; font-weight:700; cursor:pointer; }
.go:focus-visible, .lang:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
#err { color:var(--bad); min-height:1.7em; margin-top:10px; font-size:14px; }
.mono { direction:ltr; unicode-bidi:plaintext; font-family:Consolas, monospace; word-break:break-all; background:var(--field); border:1px solid var(--line); border-radius:12px; padding:8px 12px; display:block; margin:6px 0; color:var(--ink); }
section { display:none; } section.on { display:block; }
ul { margin:6px 0; padding:0 18px; columns:2; direction:ltr; font-family:Consolas, monospace; color:var(--ink); }
/* داخل نافذة صفحة الواجهة: النافذة نفسها هي البطاقة والعنوان */
html.embed, html.embed body { background:transparent; }
html.embed body { min-height:0; display:block; padding:2px; }
html.embed main { max-width:none; background:transparent; border:0; border-radius:0; padding:0; }
html.embed .head, html.embed [data-t="login_note"] { display:none; }   /* الجملة نفسها مكتوبة في النافذة تحت الإطار: لا تُكرَّر */
@media (max-width:380px) { main { padding:22px 16px 18px; } ul { columns:1; } }