:root{color-scheme:dark;--bg:#101b1c;--panel:#1b2b2c;--gold:#e9c27b;--ink:#f5f0e6;--muted:#bdc8c3}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#294342 0%,var(--bg) 64%);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);line-height:1.55}header{max-width:1050px;margin:auto;padding:22px 22px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-family:Georgia,serif;font-size:1.2rem;color:var(--gold);font-weight:bold}.brand span{color:#f6f0e5}.nav{color:var(--muted);text-decoration:none;font-size:.9rem}.container{max-width:950px;margin:auto;padding:42px 20px 65px;text-align:center}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:.78rem;overflow-wrap:anywhere}h1{font-family:Georgia,serif;font-size:clamp(2rem,7vw,5.2rem);font-weight:normal;line-height:1.08;margin:18px 0}h1 span{color:var(--gold)}h1,h2,.brand{overflow-wrap:anywhere}.intro{max-width:630px;margin:20px auto 34px;color:var(--muted);font-size:1.08rem}.panel{max-width:640px;margin:0 auto;background:rgba(27,43,44,.96);border:1px solid #526254;border-radius:22px;padding:28px;box-shadow:0 24px 70px #0005}.panel label{display:block;text-align:left;margin-bottom:8px;font-weight:650}.panel input,textarea{width:100%;min-width:0;max-width:100%;background:#f7f3eb;color:#142021;border:0;border-radius:10px;padding:16px;font:inherit;font-size:1.08rem;min-height:56px}button,.cta{background:var(--gold);color:#172222;border:0;border-radius:10px;padding:15px 22px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block;min-height:48px;white-space:normal}.panel button{width:100%;margin-top:16px;min-height:54px}.hint{color:var(--muted);font-size:.84rem;margin:12px 0 0}.result{margin:25px auto 0;max-width:640px;border:1px solid #9a8056;background:#243535;border-radius:22px;padding:28px;scroll-margin-top:20px}[hidden]{display:none!important}.symbol{font-size:3.7rem}.result h2{font:normal clamp(1.9rem,5vw,2.8rem) Georgia,serif;color:var(--gold);margin:8px 0}.result p{margin:9px 0}.detail{color:var(--muted)}.cta{margin-top:18px}.small{font-size:.85rem;color:var(--muted)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:55px;text-align:left}.feature{border-top:1px solid #667365;padding:18px 5px}.feature h3{font:normal 1.3rem Georgia,serif;color:var(--gold)}.feature p{color:var(--muted);font-size:.93rem}footer{border-top:1px solid #435452;text-align:center;padding:28px;color:var(--muted);font-size:.85rem}footer a{color:var(--gold)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.actions button{flex:1 1 140px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid white;outline-offset:4px}#error:empty,#share-status:empty{display:none}textarea{min-height:130px}@media(max-width:650px){.features{grid-template-columns:1fr}.container{padding-top:28px}.panel,.result{padding:22px}.nav{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
:root{--accent:#e9c27b}.container{max-width:1060px}.result{max-width:960px;padding:30px;text-align:left;border-color:#80724f;background:linear-gradient(145deg,#263b39,#172829);box-shadow:0 24px 80px #0005}.result[data-element=fire]{--accent:#f2ae75}.result[data-element=water]{--accent:#9dd1e6}.result[data-element=wood]{--accent:#c4d29a}.result[data-element=metal]{--accent:#dfdfd7}.result[data-element=earth]{--accent:#e9c27b}.result-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-bottom:1px solid #ffffff20;padding-bottom:20px;margin-bottom:28px}.result-topline .eyebrow{color:var(--accent);letter-spacing:.17em}.collection-mark{font-size:.65rem;letter-spacing:.15em;color:var(--muted)}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:35px;align-items:center}.artwork-column{min-width:0}.medallion-frame{max-width:350px;margin:auto;aspect-ratio:1;background:#faf8ef;border-radius:14px;padding:12px;border:1px solid #d6c8aa;display:grid;place-items:center;box-shadow:0 10px 30px #0003;overflow:hidden}.medallion-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.art-status{color:#2a3936;text-align:center;max-width:250px;font-size:.95rem;padding:15px}.result .art-caption{margin:14px 0 0;text-align:center;color:var(--muted);font-size:.72rem}.result .result-kicker{font-family:Georgia,serif;font-style:italic;color:var(--muted);margin:0 0 10px;font-size:1.1rem}.result h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;color:var(--accent);margin:0 0 24px}.identity-facts{display:flex;flex-wrap:wrap;gap:15px 28px;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid #ffffff20}.identity-facts dt{font-size:.65rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.identity-facts dd{margin:0;font-size:1.05rem;font-weight:600}.result .detail{font-size:.84rem}.result .calendar-note{font-size:.85rem;color:var(--muted);margin-top:12px}.result .cta{display:block;text-align:center;background:var(--accent);margin-top:24px}.result .small{font-size:.72rem;line-height:1.5;margin-top:12px}.share-bar{margin-top:30px;padding-top:24px;border-top:1px solid #ffffff20;display:grid;grid-template-columns:1fr;gap:15px}.share-bar h3{font:normal 1.4rem Georgia,serif;margin:0;color:var(--ink)}.share-bar p{font-size:.78rem;color:var(--muted)}.share-bar .actions{margin-top:0;justify-content:flex-start;gap:10px}.actions button{background:transparent;border:1px solid #8c9a8e;color:var(--ink);padding:11px 16px;font-size:.85rem;flex:1 1 110px;min-width:0}.actions button:first-child{background:var(--accent);border-color:var(--accent);color:#152322}.actions button:disabled{opacity:.4;cursor:default}#share-status{font-size:.85rem;color:var(--accent);margin-top:16px}.result textarea{margin-top:12px}#sign:focus{outline:none}@media(max-width:650px){.result{padding:20px}.result-grid{grid-template-columns:minmax(0,1fr);gap:27px}.medallion-frame{max-width:310px}.result-topline{gap:8px;margin-bottom:22px;padding-bottom:16px}.collection-mark{font-size:.6rem}.result h2{font-size:clamp(1.9rem,8vw,2.8rem);margin-bottom:20px}.identity-facts{gap:15px 25px}.share-bar{margin-top:24px}.art-caption{font-size:.67rem}.result .cta{padding:14px 12px}.result-topline .eyebrow{font-size:.69rem}.share-bar h3{font-size:1.25rem}}@media(min-width:850px){.share-bar{grid-template-columns:1fr 1.3fr;align-items:center}}