/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.contents{display:contents}.rounded{border-radius:.25rem}}:root{--paper:#f5f0e6;--ink:#1f2421;--ink-soft:#59605a;--line:#d6cbbc;--panel:#fffaf0;--lime:#c7dc54;--red:#d94b36;--blue:#3c6f9c;--green:#477b53;--gold:#cb8b2d;--shadow:0 24px 70px #3327181f}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:linear-gradient(90deg, #1f24210b 1px, transparent 1px), linear-gradient(0deg, #1f242109 1px, transparent 1px), var(--paper);color:var(--ink);background-size:42px 42px;margin:0;font-family:Avenir Next,Avenir,Segoe UI,Helvetica Neue,Helvetica,sans-serif}button,input,summary{font:inherit}button,summary{cursor:pointer}a{color:inherit}.site-shell{min-height:100vh;overflow-x:hidden}.topline{justify-content:space-between;align-items:center;gap:16px;max-width:1260px;margin:0 auto;padding:22px 24px 12px;display:flex}.brandmark{color:var(--ink);align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brandmark__dot{background:conic-gradient(from 0deg, var(--red), var(--gold), var(--lime), var(--blue), var(--red));border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:50%;width:20px;height:20px}.converter-stage{grid-template-columns:minmax(260px,.72fr) minmax(320px,1.28fr);gap:30px;max-width:1260px;min-height:clamp(520px,68vh,620px);margin:0 auto;padding:34px 24px 30px;display:grid}.hero-copy{align-content:end;padding-bottom:18px;display:grid}.eyebrow,.results-kicker{color:var(--red);text-transform:uppercase;margin:0 0 14px;font-size:.76rem;font-weight:900}.hero-copy h1{max-width:9ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:4.8rem;font-weight:900;line-height:.93}.input-console{background:linear-gradient(135deg, #c7dc5452, transparent 32%), linear-gradient(315deg, #d94b3633, transparent 30%), var(--panel);border:3px solid var(--ink);box-shadow:11px 11px 0 var(--ink), var(--shadow);align-self:center;gap:18px;padding:22px;display:grid;position:relative}.input-console:before{background:var(--blue);border:3px solid var(--ink);content:"";width:112px;height:34px;position:absolute;top:-18px;right:18px;transform:rotate(3deg)}.input-label{color:var(--ink-soft);text-transform:uppercase;font-size:.84rem;font-weight:900}.number-input{border:0;border-bottom:5px solid var(--ink);color:var(--ink);background:#fffef8;outline:0;width:100%;min-height:104px;padding:0 6px 8px;font-family:Georgia,Times New Roman,serif;font-size:4.6rem;font-weight:900}.number-input:focus{background:#fff;box-shadow:inset 0 0 0 4px #c7dc548c}.number-input::placeholder{color:#a9a096}.unit-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.unit-pill,.group-chip,.quick-chip,.surprise{border:2px solid var(--ink);color:var(--ink);background:#fffdf6;justify-content:center;align-items:center;min-height:44px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.unit-pill{flex-direction:column;gap:2px;padding:8px 7px}.unit-pill span{overflow-wrap:anywhere;font-size:.92rem;font-weight:900}.unit-pill small{color:var(--ink-soft);overflow-wrap:anywhere;font-size:.66rem;font-weight:750}.unit-pill[data-active=true],.group-chip[data-active=true],.quick-chip:hover,.surprise:hover{background:var(--lime);box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.quick-row{flex-wrap:wrap;gap:8px;display:flex}.quick-chip,.group-chip,.surprise{padding:7px 13px;font-size:.88rem;font-weight:850}.results-band{border-top:3px solid var(--ink);background:linear-gradient(#1f242100,#1f24210f),#f9f6ed;padding:34px 24px 70px}.results-head{justify-content:space-between;align-items:end;gap:20px;max-width:1260px;margin:0 auto 18px;display:flex}.results-head h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;line-height:1}.control-cluster{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.toggle{border:2px solid var(--ink);background:#fffdf6;align-items:center;gap:9px;min-height:44px;padding:7px 12px;font-weight:850;display:inline-flex}.toggle input{accent-color:var(--red);width:19px;height:19px}.group-strip{flex-wrap:wrap;gap:8px;max-width:1260px;margin:0 auto 24px;display:flex}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1260px;margin:0 auto;display:grid}.result-card{--accent:var(--red);border:2px solid var(--ink);background:#fffdf6;grid-template-columns:112px minmax(0,1fr);min-height:246px;display:grid;overflow:hidden}.result-card[data-fit=all]{opacity:.78}.glyph{background:linear-gradient(180deg, var(--accent), var(--accent)), #f2eadc}@supports (color:color-mix(in lab, red, red)){.glyph{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 32%, white), color-mix(in srgb, var(--accent) 12%, white)), #f2eadc}}.glyph{border-right:2px solid var(--ink);min-height:100%;position:relative;overflow:hidden}.glyph span{background:var(--accent);border:2px solid var(--ink);display:block;position:absolute}.glyph--stack span{width:68px;height:14px;left:22px}.glyph--stack span:first-child{bottom:26px}.glyph--stack span:nth-child(2){width:58px;bottom:49px}.glyph--stack span:nth-child(3){width:76px;bottom:72px}.glyph--stack span:nth-child(4){width:50px;bottom:95px}.glyph--stack span:nth-child(5){width:62px;bottom:118px}.glyph--field{background:linear-gradient(90deg, transparent 47%, #1f24218c 48%, #1f24218c 52%, transparent 53%), repeating-linear-gradient(0deg, var(--accent) 0 22px, var(--accent) 22px 44px)}@supports (color:color-mix(in lab, red, red)){.glyph--field{background:linear-gradient(90deg, transparent 47%, #1f24218c 48%, #1f24218c 52%, transparent 53%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 34%, white) 0 22px, color-mix(in srgb, var(--accent) 22%, white) 22px 44px)}}.glyph--field span{border-radius:0;width:62px;height:34px;top:82px;left:25px}.glyph--field span:not(:first-child){display:none}.glyph--cosmic{background:#16202c}.glyph--cosmic span{background:#f9f6ed;border-color:#f9f6ed;border-radius:50%;width:8px;height:8px}.glyph--cosmic span:first-child{top:32px;left:23px}.glyph--cosmic span:nth-child(2){width:13px;height:13px;top:62px;left:72px}.glyph--cosmic span:nth-child(3){top:112px;left:42px}.glyph--cosmic span:nth-child(4){width:5px;height:5px;top:158px;left:82px}.glyph--cosmic span:nth-child(5){background:var(--accent);border-color:var(--accent);width:30px;height:30px;top:150px;left:35px}.glyph--grain span{border-radius:50%;width:13px;height:13px}.glyph--grain span:first-child{top:40px;left:18px}.glyph--grain span:nth-child(2){width:20px;height:20px;top:58px;left:58px}.glyph--grain span:nth-child(3){top:104px;left:38px}.glyph--grain span:nth-child(4){width:24px;height:24px;top:132px;left:74px}.glyph--grain span:nth-child(5){top:164px;left:21px}.glyph--body span{border-radius:999px}.glyph--body span:first-child{width:42px;height:42px;top:32px;left:36px}.glyph--body span:nth-child(2){width:24px;height:80px;top:76px;left:45px}.glyph--body span:nth-child(3){width:16px;height:54px;top:88px;left:23px;transform:rotate(25deg)}.glyph--body span:nth-child(4){width:16px;height:54px;top:88px;left:74px;transform:rotate(-25deg)}.glyph--body span:nth-child(5){width:16px;height:54px;top:150px;left:49px}.glyph--tower span{border-radius:0}.glyph--tower span:first-child{width:22px;height:150px;bottom:28px;left:47px}.glyph--tower span:nth-child(2){width:60px;height:42px;bottom:28px;left:28px}.glyph--tower span:nth-child(3){width:56px;height:18px;bottom:98px;left:30px}.glyph--tower span:nth-child(4){width:8px;height:30px;bottom:164px;left:54px}.glyph--tower span:nth-child(5){width:2px;height:24px;bottom:194px;left:57px}.glyph--water{background:repeating-linear-gradient(135deg, var(--accent) 0 14px, var(--accent) 14px 28px)}@supports (color:color-mix(in lab, red, red)){.glyph--water{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--accent) 38%, white) 0 14px, color-mix(in srgb, var(--accent) 14%, white) 14px 28px)}}.glyph--water span{border-radius:50% 50% 50% 6px;width:38px;height:38px;top:84px;left:38px;transform:rotate(-45deg)}.glyph--water span:not(:first-child){display:none}.glyph--food span{border-radius:7px;width:58px;height:30px;left:28px}.glyph--food span:first-child{top:44px}.glyph--food span:nth-child(2){top:84px;transform:rotate(-4deg)}.glyph--food span:nth-child(3){top:124px;transform:rotate(4deg)}.glyph--food span:nth-child(n+4){display:none}.glyph--spark span{background:var(--lime);border-color:var(--ink);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);width:54px;height:54px}.glyph--spark span:first-child{top:48px;left:30px}.glyph--spark span:nth-child(2){width:28px;height:28px;top:127px;left:69px}.glyph--spark span:nth-child(n+3){display:none}.glyph--data{background:linear-gradient(90deg, #1f24211f 1px, transparent 1px), linear-gradient(0deg, #1f24211f 1px, transparent 1px), var(--accent)}@supports (color:color-mix(in lab, red, red)){.glyph--data{background:linear-gradient(90deg, #1f24211f 1px, transparent 1px), linear-gradient(0deg, #1f24211f 1px, transparent 1px), color-mix(in srgb, var(--accent) 16%, white)}}.glyph--data{background-size:18px 18px}.glyph--data span{width:24px;height:24px}.glyph--data span:first-child{top:38px;left:24px}.glyph--data span:nth-child(2){top:74px;left:64px}.glyph--data span:nth-child(3){top:118px;left:31px}.glyph--data span:nth-child(4){top:157px;left:72px}.glyph--data span:nth-child(5){display:none}.result-card__body{flex-direction:column;min-width:0;padding:18px;display:flex}.result-card__meta{color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;gap:8px;margin-bottom:14px;font-size:.72rem;font-weight:900;display:flex}.result-card h3{overflow-wrap:anywhere;margin:0 0 8px;font-size:1.05rem;line-height:1.15}.result-value{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:.14em .34em;margin:0;line-height:.98;display:flex}.result-number{color:var(--accent);font-variant-numeric:tabular-nums;font-family:Georgia,Times New Roman,serif;font-size:2.22rem;font-weight:900}.result-unit{color:var(--ink);overflow-wrap:anywhere;max-width:18ch;font-size:1.02rem;font-weight:900;line-height:1.05}.source-note{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.source-note__button{color:var(--ink);text-align:left;background:0 0;border:0;padding:0;font-size:.84rem;font-weight:900}.source-note__button:after{content:" +"}.source-note__button[aria-expanded=true]:after{content:" -"}.source-note p{color:var(--ink-soft);margin:10px 0;font-size:.88rem;line-height:1.45}.source-note__context strong{color:var(--ink)}.source-note ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.source-note a{color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.source-note a{color:color-mix(in srgb, var(--accent) 80%, var(--ink))}}.source-note a{overflow-wrap:anywhere;font-size:.86rem;font-weight:850}.empty-state{border:2px solid var(--ink);text-align:center;background:#fffdf6;place-items:center;gap:16px;max-width:760px;min-height:220px;margin:0 auto;padding:28px;display:grid}.empty-state__signal{background:var(--red);border:2px solid var(--ink);width:18px;height:18px;transform:rotate(45deg)}.empty-state p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:800;line-height:1.2}@media (width<=1020px){.converter-stage{grid-template-columns:1fr;min-height:auto;padding-top:26px}.hero-copy{align-content:start;padding-bottom:0}.hero-copy h1{max-width:14ch;font-size:3.7rem}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=740px){.topline{flex-direction:column;align-items:flex-start}.converter-stage{padding:24px 14px 34px}.hero-copy h1{max-width:12ch;font-size:2.58rem}.input-console{box-shadow:7px 7px 0 var(--ink);padding:14px}.number-input{min-height:74px;font-size:2.72rem}.unit-row{grid-template-columns:repeat(2,minmax(0,1fr))}.results-band{padding-left:14px;padding-right:14px}.results-head{flex-direction:column;align-items:flex-start}.control-cluster{justify-content:flex-start;width:100%}.result-grid{grid-template-columns:1fr}.result-card{grid-template-columns:88px minmax(0,1fr);min-height:222px}.result-number{font-size:1.78rem}.result-unit{max-width:16ch;font-size:.94rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
