:root{--bg:#fff8ee;--ink:#111;--muted:#5a5148;--line:#ded2c3;--surface:#fff;--hot:#ff4d8d;--sun:#ffd447;--blue:#64d2ff;--radius:10px}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;border:2px solid var(--ink);z-index:5}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,3rem);border-bottom:2px solid var(--ink);background:var(--bg)}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:950}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;flex:0 0 auto}.site-header nav,.site-footer nav{display:flex;gap:.85rem;flex-wrap:wrap}.site-header nav a,.site-footer nav a{font-weight:850;color:var(--ink)}.single-page{max-width:1120px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(1.2rem,4vw,2.6rem);align-items:start}.hero-copy{position:sticky;top:94px}.eyebrow{display:inline-flex;background:var(--sun);border:2px solid var(--ink);border-radius:999px;padding:.35rem .65rem;margin:0 0 1rem;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.06em}h1,h2{line-height:.96;letter-spacing:0;margin:0 0 1rem;color:var(--ink)}h1{font-size:clamp(3rem,8vw,6.8rem);max-width:720px}h2{font-size:clamp(1.45rem,3vw,2rem)}p{color:var(--muted);margin:0 0 1rem}.lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:560px;font-weight:650}.tool-shell{width:100%;background:var(--surface);border:2px solid var(--ink);border-radius:16px;box-shadow:10px 10px 0 var(--ink);padding:1rem}.dream-calculator{display:grid;gap:1rem}.input-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}label span{display:block;font-weight:900;margin-bottom:.28rem}select{width:100%;min-height:46px;border:2px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:700;padding:.6rem .7rem}select:focus{outline:4px solid rgba(255,77,141,.28)}.result{display:block}.result-card{display:grid;gap:.85rem;background:#111;color:#fff8ee;border-radius:12px;padding:1rem}.result-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.result-top span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:.76rem;font-weight:950;color:#ffd447}.result-top strong{display:block;font-size:clamp(2.1rem,6vw,4.6rem);line-height:.9;margin:.35rem 0}.rarity-pill{background:var(--hot);color:#111;border-radius:999px;padding:.42rem .7rem;font-weight:950;white-space:nowrap}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.metric{background:rgba(255,248,238,.1);border:1px solid rgba(255,248,238,.25);border-radius:9px;padding:.7rem}.metric span{display:block;color:#ffe1b5;font-size:.76rem;font-weight:900}.metric b{display:block;font-size:1.15rem;margin-top:.1rem}.breakdown{display:grid;gap:.45rem}.bar{display:grid;grid-template-columns:94px minmax(0,1fr) 54px;gap:.55rem;align-items:center}.bar i{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--sun),var(--hot))}.bar small{margin:0;text-align:right;color:#ffe1b5}.share-row{display:flex;gap:.6rem;flex-wrap:wrap}.button{border:2px solid #fff8ee;background:#fff8ee;color:#111;border-radius:8px;min-height:44px;padding:.65rem .9rem;font:inherit;font-weight:950;cursor:pointer}.button.secondary{background:transparent;color:#fff8ee}.simple-note{grid-column:2;background:rgba(255,255,255,.52);border-top:2px solid var(--ink);padding-top:1rem}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-top:1rem;padding:1.4rem clamp(1rem,4vw,3rem);border-top:2px solid var(--ink);background:#fff}.site-footer p{max-width:720px;font-size:.94rem}.footer-brand{margin-bottom:.5rem}@media(max-width:920px){.single-page{grid-template-columns:1fr}.hero-copy{position:static}.simple-note{grid-column:1}}@media(max-width:620px){.site-header{align-items:flex-start;flex-direction:column}.site-header nav{width:100%;display:flex;justify-content:space-between;gap:.55rem}.site-header nav a{font-size:.96rem}.single-page{padding:2rem 1rem}.input-stack,.result-grid{grid-template-columns:1fr}.bar{grid-template-columns:1fr}.bar small{text-align:left}.result-top{display:grid}.rarity-pill{width:max-content}.tool-shell{box-shadow:6px 6px 0 var(--ink);padding:.9rem}h1{font-size:clamp(2.7rem,15vw,3.7rem)}.site-footer{grid-template-columns:1fr}}