:root{--desk:#f6efe8;--board:#8b4513;--board-edge:#5e2e0c;--foil:#f6d9b0}@media (prefers-color-scheme:dark){:root:not(.light-only){--desk:#18110c;--board:#733a10;--board-edge:#4a2408;--foil:#f6d9b0}}.sheet h1{margin-bottom:0}.field select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a6476' stroke-width='2'/%3E%3C/svg%3E") right 12px center no-repeat;padding-right:34px}.field input#amount{font-size:22px;font-weight:700}.result{gap:12px;display:grid}.result p{margin:0}.what{color:var(--ink-soft);font-size:16px;font-weight:600}.big{font-family:var(--serif);font-size:22px;font-weight:700}.big b{color:var(--board);font-variant-numeric:tabular-nums;font-size:52px;line-height:1}.conv{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.conv li{background:color-mix(in srgb, var(--foil) 55%, transparent);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.conv b{font-variant-numeric:tabular-nums;font-size:22px}.conv span{color:var(--ink-soft);font-size:13px}.unit{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.unit input{color:#1b2230;width:100%;min-width:0;font:inherit;text-align:right;background:#fff;border:1px solid #d3d8e0;border-radius:10px;flex:1;padding:10px;font-size:20px;font-weight:700}.unit input::placeholder{color:#a3abb8;font-weight:400}.oven-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.eq{color:var(--ink-soft);font-size:20px}.recipe{gap:12px;display:grid}.recipe h2{margin-bottom:0}.serv-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scaled{border-top:2px solid var(--board);margin:0;padding:4px 0 0;list-style:none}.scaled li{border-bottom:1px solid var(--rule);word-break:keep-all;padding:8px 4px;font-size:16px}.recipe .fine{margin-top:0}.table summary{cursor:pointer;font-size:15px;font-weight:600}.table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:10px;font-size:13px}.table th,.table td{border-bottom:1px solid var(--rule);text-align:right;white-space:nowrap;padding:6px 4px}.table th:first-child,.table tbody th{text-align:left;white-space:normal;word-break:keep-all;font-weight:600}.table thead th{color:var(--ink-soft);font-weight:600}@media (prefers-color-scheme:dark){:root:not(.light-only) .unit input,:root:not(.light-only) .field select{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not(.light-only) .big b{color:var(--foil)}:root:not(.light-only) .conv li{background:color-mix(in srgb, var(--foil) 12%, transparent)}:root:not(.light-only) .panel .field{color:inherit}:root:not(.light-only) .scaled{border-top-color:var(--foil)}}
