:root{--bg:#0b1020;--card:#161d33;--gold:#ffd11a;--ink:#eef1ff;--muted:#9aa5c7;--red:#ff5a4e;--green:#37d99a}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:radial-gradient(1200px 600px at 80% -10%,#1d2a4d 0%,var(--bg) 55%);color:var(--ink);min-height:100vh}
.moon{position:fixed;top:28px;right:36px;width:74px;height:74px;border-radius:50%;background:#f5f0d8;box-shadow:0 0 60px 18px rgba(245,240,216,.28)}
header{text-align:center;padding:56px 20px 8px}
h1{font-size:52px;margin:0;letter-spacing:1px}
.tagline{color:var(--muted);font-size:19px;line-height:1.5}
.tagline strong{color:var(--gold)}
main{max-width:760px;margin:0 auto;padding:10px 20px 30px;display:grid;gap:20px}
.card{background:var(--card);border:1px solid #2a3557;border-radius:16px;padding:22px 24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.card h2{margin-top:0;color:var(--gold);font-size:21px}
label{display:block;margin:14px 0;color:var(--muted);font-size:15px}
input{width:100%;margin-top:6px;padding:12px 14px;border-radius:10px;border:1px solid #33406b;background:#0e1428;color:var(--ink);font-size:16px}
button{background:var(--gold);color:#141414;border:0;border-radius:999px;padding:12px 22px;font-size:16px;font-weight:bold;cursor:pointer;margin-top:8px}
button:hover{filter:brightness(1.08)}
.ghost-btn{background:transparent;color:var(--ink);border:1px solid #44507c;font-weight:normal;padding:8px 14px;margin:6px 4px 0 0}
.examples{margin-top:14px;color:var(--muted);font-size:14px}
#results{list-style:none;padding:0;margin:0;display:grid;gap:12px}
#results li{background:#0e1428;border:1px solid #33406b;border-left:5px solid var(--gold);border-radius:10px;padding:14px 16px;font-size:20px;line-height:1.45}
.hint{color:var(--muted)}
#verdict{margin-top:14px;font-size:16px;line-height:1.6}
.bad{color:var(--red)} .good{color:var(--green)}
.chip{display:inline-block;background:#3a1620;border:1px solid var(--red);color:#ffb3ad;border-radius:999px;padding:2px 10px;margin:2px;font-size:14px}
footer{text-align:center;color:var(--muted);padding:6px 20px 36px;font-size:14px}
