@import "https://fonts.googleapis.com/css2?family=Gloock&family=Noto+Serif+SC:wght@500;700&family=Outfit:wght@400;600;800&display=swap";:root{--ink:#17130d;--paper:#f5ead7;--red:#df3f2f;--blue:#163b65;--gold:#d89d37;--muted:#7d705f}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:#17130d;margin:0;font-family:Outfit,Noto Serif SC,serif;overflow:hidden}.page{background:radial-gradient(circle at 20% 20%,#ffefcc 0 12%,#0000 28%),linear-gradient(135deg,#24150d,#102335 58%,#431711);grid-template-columns:420px 1fr;gap:22px;min-height:100vh;padding:28px;display:grid}.halo{filter:blur(26px);opacity:.55;pointer-events:none;border-radius:999px;position:fixed}.h1{background:#df3f2f;width:360px;height:360px;top:-90px;right:12%}.h2{background:#d89d37;width:280px;height:280px;bottom:-90px;left:18%}.panel,.chat{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5ead7e0;border:1px solid #ffffff47;position:relative;box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff8c}.panel{border-radius:34px;flex-direction:column;padding:30px;display:flex;overflow:hidden}.panel:before{content:"";pointer-events:none;border:1px dashed #17130d2e;border-radius:24px;position:absolute;inset:14px}.brand{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.sigil{background:var(--ink);width:54px;height:54px;color:var(--paper);border-radius:18px;place-items:center;display:grid;transform:rotate(-6deg)}.brand b{font-size:22px}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;display:block}.panel h1{letter-spacing:-.04em;margin:44px 0 16px;font-family:Gloock,Noto Serif SC,serif;font-size:54px;line-height:.98}.sub{color:#5e5142;font-family:Noto Serif SC,serif;line-height:1.8}.meters{gap:14px;margin-top:20px;display:grid}.meterTop{justify-content:space-between;font-size:13px;display:flex}.meterTop b{color:var(--blue)}.bar{background:#dfd1bc;border-radius:99px;height:10px;margin-top:7px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--red),var(--gold));border-radius:99px;height:100%;transition:all .45s;display:block}.resultCard{color:#f8ecd8;background:#17130d;border-radius:24px;grid-template-columns:22px 1fr;gap:4px 10px;margin-top:auto;padding:18px;display:grid}.resultCard strong{grid-column:1/3;font-size:42px;line-height:1}.resultCard em{color:#d8c7a9;grid-column:1/3;font-style:normal}.reset{color:#17130d;cursor:pointer;background:#fff4dd;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:14px 16px;font-weight:800;display:flex}.chat{border-radius:34px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.chatTop{background:#fff6e2a8;border-bottom:1px solid #17130d1f;align-items:center;gap:14px;height:82px;padding:0 24px;display:flex}.chatTop b{font-size:20px}.chatTop span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;display:block}.ok{color:#1d6c47;margin-left:auto}.messages{flex-direction:column;flex:1;gap:16px;padding:28px;display:flex;overflow:auto}.msg{white-space:pre-wrap;border-radius:24px;max-width:min(680px,88%);padding:18px 20px;font-family:Noto Serif SC,serif;font-size:16px;line-height:1.65;animation:.28s both pop}.msg.bot{background:#fff8e9;border-top-left-radius:6px;align-self:flex-start;box-shadow:0 10px 30px #24150d1c}.msg.user{color:#fff7e8;background:#163b65;border-top-right-radius:6px;align-self:flex-end}.chips{flex-wrap:wrap;gap:10px;padding:0 24px 16px;display:flex}.chips button{cursor:pointer;background:#fff6e4;border:1px solid #17130d2e;border-radius:999px;padding:10px 14px;font-weight:700}.chips button:hover{color:#fff6e4;background:#17130d}.composer{background:#fff6e2b8;border-top:1px solid #17130d1a;gap:12px;padding:18px 22px 22px;display:flex}input{background:#fffaf0;border:0;border-radius:22px;outline:2px solid #0000;flex:1;padding:0 18px;font:600 16px Outfit,Noto Serif SC}input:focus{outline-color:#d89d37}.composer button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:20px;place-items:center;width:54px;display:grid}.composer button:disabled{opacity:.35}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (width<=860px){body{overflow:auto}.page{grid-template-columns:1fr;padding:14px}.panel h1{font-size:38px}.chat{min-height:68vh}.panel{min-height:auto}.resultCard{margin-top:22px}}.meter small{color:#6d5e4c;margin-top:6px;font-family:Noto Serif SC,serif;font-size:12px;line-height:1.45;display:block}.typing{opacity:.72}.wand{color:#df3f2f;margin-left:auto}.chatTop .ok{margin-left:0}
