:root{color:#fff4e6;background:#1a101f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:radial-gradient(circle at top,#6f365f55,#0000 38rem),linear-gradient(#1a101f,#100b14 65%,#09070b);margin:0}button,textarea{font:inherit}.app{width:min(720px,100%);margin:0 auto;padding:20px 14px 96px}.hero{text-align:center;padding:22px 8px}.sigil{background:linear-gradient(135deg,#f2c879,#9e5cb2);border-radius:22px;place-items:center;width:64px;height:64px;margin:0 auto 10px;display:grid;box-shadow:0 16px 45px #0008}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#e7b86f;margin:0 0 6px;font-size:.72rem;font-weight:800}.hero h1{color:#fff7de;margin:0;font-family:Georgia,serif;font-size:clamp(2.6rem,14vw,5rem);line-height:.9}.subtitle{color:#d7c4d6;max-width:34rem;margin:12px auto 0}.panel,.reading,.error{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1c;border-radius:28px;margin:14px 0;padding:18px;box-shadow:0 20px 60px #0005}.compact{padding:16px}label{color:#efd69c;margin-bottom:8px;font-weight:800;display:block}textarea{color:#fff4e6;resize:vertical;background:#0b0710cc;border:1px solid #fff2;border-radius:20px;width:100%;min-height:92px;padding:14px;font-size:1rem}textarea:focus{outline:2px solid #d99dff66}.segmented{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.segmented button,.actions button,.row button,.history{color:#fff3de;background:#ffffff10;border:1px solid #ffffff24;border-radius:16px;min-height:44px;padding:12px 10px}.segmented .active,.actions .primary{color:#1b0d20;background:linear-gradient(135deg,#f0be67,#a75ccc);border:0;font-weight:900}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions button,.row button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.cards{gap:12px;display:grid}.card{background:#130c18d9;border:1px solid #ffffff18;border-radius:24px;grid-template-columns:104px 1fr;align-items:center;gap:14px;padding:12px;display:grid}.card-img{color:#e4bd74;background:linear-gradient(135deg,#2d1935,#0d0910);border-radius:16px;place-items:center;height:142px;font-size:3rem;display:grid;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%}.position{color:#e7b86f;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.78rem;font-weight:800}.card h2,.reading h2,.row h2{color:#fff7de;margin:.15rem 0 .35rem;font-family:Georgia,serif}.card p{color:#d9c6d3;margin:.2rem 0}.reading .overview{color:#f6e6ce;font-size:1.05rem}.mini-list{gap:10px;margin:14px 0;display:grid}.mini-list div{background:#00000026;border-radius:16px;padding:12px}.mini-list strong,.mini-list span{display:block}.mini-list span{color:#d8c6d8;margin-top:4px}blockquote{color:#f4ddaa;border-left:3px solid #e7b86f;margin:16px 0 0;padding-left:14px;font-style:italic}.error{color:#ffe2e6;background:#6e1830}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.history{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:8px;display:flex}.history span{color:#c8b5c8;font-size:.82rem}@media (width<=520px){.app{padding-inline:10px}.card{border-radius:20px;grid-template-columns:86px 1fr}.card-img{height:122px}.actions,.segmented{grid-template-columns:1fr}.history{flex-direction:column;align-items:flex-start}}