@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{color-scheme:dark;--text-primary: rgba(236, 241, 247, .96);--text-soft: rgba(203, 213, 225, .95);--text-muted: rgba(148, 163, 184, .96);--mesh-line: rgba(148, 163, 184, .07);--page-bg: radial-gradient(1300px 720px at 12% -12%, rgba(45, 212, 191, .2), transparent 62%), radial-gradient(900px 640px at 92% 4%, rgba(34, 197, 94, .14), transparent 60%), linear-gradient(180deg, #05080d 0%, #090d14 52%, #0b1118 100%);--card-bg: linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(10, 15, 26, .74));--card-border: rgba(148, 163, 184, .2);--panel-bg: linear-gradient(180deg, rgba(15, 23, 42, .85), rgba(15, 23, 42, .64));--panel-border: rgba(148, 163, 184, .24);--field-bg: rgba(2, 6, 23, .56);--field-border: rgba(148, 163, 184, .28);--ghost-bg: rgba(2, 6, 23, .5);--divider: rgba(148, 163, 184, .22);--dash-border: rgba(148, 163, 184, .28);--accent-border: rgba(16, 185, 129, .52);--accent-bg: linear-gradient(180deg, rgba(16, 185, 129, .24), rgba(8, 47, 73, .64));--accent-shadow: 0 8px 20px rgba(16, 185, 129, .18);--tab-bg: rgba(15, 23, 42, .56);--tab-border: rgba(148, 163, 184, .24);--tab-text: rgba(203, 213, 225, .95);--tab-active-border: rgba(16, 185, 129, .5);--tab-active-bg: linear-gradient(180deg, rgba(16, 185, 129, .24), rgba(8, 47, 73, .62));--tab-active-text: #ecfeff;--chip-bg: rgba(30, 41, 59, .66);--chip-border: rgba(148, 163, 184, .26);--chip-soft-bg: rgba(12, 74, 110, .46);--chip-soft-border: rgba(56, 189, 248, .28);--toast-bg: rgba(2, 6, 23, .88);--toast-border: rgba(16, 185, 129, .38);--overlay-bg: rgba(2, 6, 23, .68);--shadow-elev: 0 22px 50px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-modal: 0 24px 70px rgba(0, 0, 0, .55);--body-bg: #060a11}[data-theme=light]{color-scheme:light;--text-primary: #0f172a;--text-soft: #334155;--text-muted: #64748b;--mesh-line: rgba(148, 163, 184, .13);--page-bg: radial-gradient(1300px 720px at 12% -12%, rgba(250, 204, 21, .2), transparent 62%), radial-gradient(900px 640px at 92% 4%, rgba(245, 158, 11, .16), transparent 60%), linear-gradient(180deg, #fffdf4 0%, #fff7db 45%, #fef3c7 100%);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .62), rgba(255, 255, 255, .48));--card-border: rgba(255, 255, 255, .75);--panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .68), rgba(255, 255, 255, .5));--panel-border: rgba(255, 255, 255, .82);--field-bg: rgba(255, 255, 255, .72);--field-border: rgba(234, 179, 8, .3);--ghost-bg: rgba(255, 255, 255, .58);--divider: rgba(234, 179, 8, .22);--dash-border: rgba(234, 179, 8, .38);--accent-border: rgba(245, 158, 11, .6);--accent-bg: linear-gradient(180deg, rgba(251, 191, 36, .52), rgba(245, 158, 11, .34));--accent-shadow: 0 10px 22px rgba(245, 158, 11, .18);--tab-bg: rgba(255, 255, 255, .62);--tab-border: rgba(255, 255, 255, .75);--tab-text: #334155;--tab-active-border: rgba(245, 158, 11, .64);--tab-active-bg: linear-gradient(180deg, rgba(251, 191, 36, .5), rgba(245, 158, 11, .3));--tab-active-text: #422006;--chip-bg: rgba(255, 255, 255, .7);--chip-border: rgba(234, 179, 8, .28);--chip-soft-bg: rgba(254, 243, 199, .86);--chip-soft-border: rgba(234, 179, 8, .4);--toast-bg: rgba(255, 255, 255, .86);--toast-border: rgba(245, 158, 11, .6);--overlay-bg: rgba(254, 249, 195, .56);--shadow-elev: 0 20px 45px rgba(120, 53, 15, .16), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-modal: 0 20px 60px rgba(120, 53, 15, .2);--body-bg: #fff7db}html,body{height:100%;margin:0;padding:0;overflow:hidden}*,*:before,*:after{box-sizing:border-box}body{display:block;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;background:var(--body-bg)}html{overflow:hidden}#root{width:100%;height:100dvh;min-height:100vh;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}input::placeholder{color:var(--text-muted)}input:focus,select:focus,button:focus-visible{outline:none;border-color:var(--accent-border)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-border) 26%,transparent)}button:hover{transform:translateY(-1px)}@media(max-width:1120px){.fade-up{animation-duration:.42s}}.fade-up{animation:fadeUp .52s cubic-bezier(.2,.8,.2,1) both}.toast-pop{animation:toastPopIn .22s cubic-bezier(.2,.8,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes toastPopIn{0%{opacity:0;transform:translate(-50%) translateY(12px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.consumable-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.consumable-quick-add{grid-template-columns:2fr 1.2fr 1fr .9fr .8fr auto}@media(max-width:1100px){.consumable-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.consumable-quick-add{grid-template-columns:1fr 1fr}}@media(max-width:700px){.consumable-gallery,.consumable-quick-add{grid-template-columns:1fr}button{min-height:44px}}