.demo{position:relative}.card{position:relative;z-index:1;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 24px 24px;box-shadow:0 30px 80px var(--shadow),-50px 0 140px var(--glow-a),30px -50px 140px var(--glow-b),50px 50px 140px var(--glow-c)}.card .top{display:flex;justify-content:space-between;align-items:center;white-space:nowrap;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);font-weight:600}.details-link{font:inherit;text-transform:uppercase;font-weight:700;color:var(--accent-text);text-decoration:none;padding:4px 0}.details-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.card .hero-num{font-size:clamp(40px,5.2vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin-top:12px;font-variant-numeric:tabular-nums}.card .hero-num{white-space:nowrap}.card .readout{margin-top:6px;color:var(--sub);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.card .readout b{color:var(--ink);font-weight:600}.bar{display:flex;height:14px;border-radius:6px;overflow:hidden;margin-top:20px;background:var(--field)}.bar i{display:block;height:100%}.legend{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;color:var(--sub);font-variant-numeric:tabular-nums;overflow:hidden}.legend div{display:grid;gap:1px;min-width:0}.legend div>span{white-space:nowrap}.legend div>span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:1px;background:var(--dot)}.legend b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend .s{--dot:var(--stone)}.legend .c{--dot:var(--teal)}.legend .i{--dot:var(--ember)}.legend b{color:var(--ink);font-weight:600}.sliders{margin-top:22px;display:grid;gap:12px}.slider{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label val" "track max";gap:4px 10px;align-items:center;font-size:15px}.slider label{grid-area:label}.slider .val{grid-area:val}.slider input[type=range]{grid-area:track}.slider .max{grid-area:max}.slider label{color:var(--sub);font-weight:500}.slider .val{font:inherit;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--field);border:1px solid transparent;border-radius:8px;padding:3px 8px;width:112px;font-size:13.5px;letter-spacing:-.01em;text-align:right;-webkit-appearance:none;appearance:none}.slider .max{font:inherit;font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--sub);background:var(--field);border:1px solid transparent;border-radius:8px;padding:3px 20px 3px 9px;width:auto;min-width:0;justify-self:end;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 13px) 55%,calc(100% - 9px) 55%;background-size:4px 4px;background-repeat:no-repeat;cursor:pointer}.slider .max:focus{outline:none;border-color:var(--accent)}.slider .val:focus{outline:none;border-color:var(--accent);background:var(--card)}.slider input[type=range]{width:100%;min-width:0;margin:0;accent-color:var(--ink);height:28px}.share{margin-top:18px;display:flex;justify-content:flex-end}.copy-link{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:600;color:var(--sub);background:var(--field);border:1px solid transparent;border-radius:999px;padding:7px 14px;cursor:pointer}.copy-link:hover{color:var(--ink)}.copy-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.copy-link.done{color:var(--accent-text)}.details{padding-top:0;padding-bottom:40px}.dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.dclose{flex:0 0 auto}.dgrid{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:stretch}.dpanel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}.dyear{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--sub)}.dbig{font-size:34px;font-weight:800;letter-spacing:-.025em;margin-top:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.dtable{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px;font-variant-numeric:tabular-nums}.dtable th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:600;text-align:right;padding:6px 0;border-bottom:1px solid var(--line)}.dtable th:first-child{text-align:left}.dtable td{padding:8px 0;text-align:right;border-bottom:1px solid var(--line)}.dtable td:first-child{text-align:left;color:var(--sub)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:0}.dot.s{background:var(--stone)}.dot.c{background:var(--teal)}.dot.i{background:var(--ember)}.dhint{margin-top:14px}.dchart{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 10px;min-width:0}.dnotes{margin-top:0}.dchart svg{display:block;touch-action:none;cursor:crosshair}.dnotes{display:flex;flex-direction:column;gap:6px;margin:2px 0 14px;font-size:13px;color:var(--sub);min-height:20px}.dnotes span{display:flex;align-items:center;gap:8px}.dnotes svg{flex:0 0 auto;width:14px;height:14px}.dnotes .c{color:var(--teal)}.dnotes .i{color:var(--ember-text)}.dtablewrap{margin-top:24px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}.dyears{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}.dyears th{position:sticky;top:0;background:var(--card);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);font-weight:600;text-align:right;padding:12px 16px;border-bottom:1px solid var(--line)}.dyears th:first-child,.dyears td:first-child{text-align:left}.dyears td{padding:9px 16px;text-align:right;border-bottom:1px solid var(--line)}.dyears tr.sel td{background:var(--field)}.dyears td.c{color:var(--teal)}.dyears td.i{color:var(--ember-text)}.dassume{margin-top:18px;max-width:70ch}@media (max-width:900px){.dgrid{grid-template-columns:1fr}}@media (max-width:560px){.dyears td{padding:8px 8px;font-size:13px}.dyears th{padding:10px 8px;font-size:10px;letter-spacing:.03em;white-space:normal}.dtablewrap{overflow-x:auto}}@media (max-width:360px){.dyears td,.dyears th{padding-inline:5px}}