@charset "UTF-8";:root{--ink: #0e0f12;--panel: #16181d;--panel-2: #1e2128;--line: #282c34;--line-soft: #1f232a;--text: #e8e6e1;--muted: #868c96;--dim: #5d636d;--crust: #e8873a;--ember: #c25a2e;--crust-glow: rgba(232, 135, 58, .14);--caution: #d9705e;--cool: #6fa8c7;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--bar-h: 52px;--radius: 10px;--radius-sm: 6px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.02em}.label{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line-soft)}input[type=text],input[type=number],select{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:16px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;width:100%;transition:border-color .15s,box-shadow .15s}input[type=text]{font-family:var(--font-ui)}select{font-family:var(--font-ui);cursor:pointer}input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--crust);box-shadow:0 0 0 3px var(--crust-glow)}button:focus-visible{outline:2px solid var(--crust);outline-offset:2px}input[readonly],input.readonly{color:var(--muted);background:var(--line-soft);cursor:default}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}.field{display:flex;flex-direction:column;gap:5px}.field>.label{color:var(--muted)}.btn{font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn:hover{color:var(--text);border-color:var(--dim)}.btn-add{width:100%;border-style:dashed;background:transparent;padding:12px}.btn-add:hover{color:var(--crust);border-color:var(--crust);background:var(--crust-glow)}.btn-icon{display:grid;place-items:center;width:30px;height:30px;padding:0;font-size:15px;line-height:1;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background .15s}.btn-icon:hover{color:var(--caution);background:#d9705e1f}.segmented{display:flex;gap:2px;padding:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.segmented button{flex:1;font-family:var(--font-ui);font-size:12px;font-weight:600;color:var(--muted);background:transparent;border:0;border-radius:4px;padding:9px 8px;cursor:pointer;transition:color .15s,background .15s}.segmented button:hover{color:var(--text)}.segmented button.active{color:var(--ink);background:var(--crust)}.ingredients-list,.pans-list{max-height:calc(100dvh - 320px)}.scroll-y{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.scroll-y::-webkit-scrollbar{width:8px}.scroll-y::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.notice{font-size:12px;line-height:1.4;border-radius:var(--radius-sm);border-left:2px solid;padding:7px 10px}.notice-caution{color:var(--caution);border-color:var(--caution);background:#d9705e17}.notice-info{color:var(--cool);border-color:var(--cool);background:#6fa8c717}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}app-calculator,app-doughball-calculator,app-pan-volume-calculator{display:contents}.calc{display:grid;grid-template-rows:auto auto;gap:12px;width:min(920px,100%);max-height:100%;min-height:0}.readout{display:flex;flex-wrap:wrap;gap:10px 48px;align-items:baseline;padding:18px 24px;background:linear-gradient(180deg,var(--panel) 0%,#131519 100%);border:1px solid var(--line);border-radius:var(--radius)}.readout-item{display:flex;flex-direction:column;gap:2px}.readout-item .value{font-size:30px;font-weight:500;line-height:1.05;color:var(--text)}.readout-item .value i{margin-left:4px;font-size:13px;font-style:normal;color:var(--muted)}.readout-item.primary .value{font-size:52px;font-weight:600;color:var(--crust)}.readout-item.primary .value i{font-size:18px;color:var(--crust)}.workspace{display:grid;grid-template-columns:280px 1fr;align-items:start;gap:12px;min-height:0}.controls{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.controls-body{display:flex;flex-direction:column;gap:18px;padding:18px}.suffixed{position:relative}.suffixed input{padding-right:34px}.suffixed .suffix{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-family:var(--font-num);font-size:11px;color:var(--muted);pointer-events:none}.hint{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}@media(max-width:860px){html,body{overflow:auto}.workspace{grid-template-columns:1fr;grid-template-rows:auto auto}.controls-body{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ingredients-list,.pans-list{max-height:none}.readout-item .value{font-size:19px}.readout-item.primary .value{font-size:30px}}@media(max-width:560px){.readout{gap:6px 20px;padding:10px 12px}.controls-body{grid-template-columns:1fr}}