:root{--color-primary: #E86A33;--color-primary-hover: #D45E28;--color-primary-light: #FDF3F0;--color-bg: #FDFAF7;--color-surface: #FFFFFF;--color-silver: #F8F9FA;--color-text: #2D3142;--color-text-muted: #6C757D;--color-border: #E8E8E8;--color-input-bg: #F8F9FA;--color-easy: #4CAF50;--color-easy-bg: #E8F5E9;--color-medium: #F9A825;--color-medium-bg: #FFF8E1;--color-hard: #DC3545;--color-hard-bg: #FFEBEE;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 20px rgba(0,0,0,.07);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.16);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--nav-width: 240px;--content-max: 1100px;--font-display: "Fraunces", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;overflow-x:hidden;max-width:100vw}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{display:block;max-width:100%}input,textarea,select{font-size:16px!important}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)!important;background:var(--color-surface)!important;box-shadow:0 0 0 3px #e86a331f!important}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.pressable{transition:transform .12s var(--ease-out)}.pressable:active{transform:scale(.96)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton-block{background:var(--color-border);animation:skeleton-pulse 1.6s ease-in-out infinite}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feast-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.pop-on-mount{display:inline-block;animation:feast-pop .3s var(--spring)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}@media (max-width: 768px){.recipe-grid,.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:12px!important}.recipe-detail{max-width:100%!important}.modal-panel{max-width:100%!important;max-height:100%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;margin-top:auto!important}.tab-selector button{padding:5px 12px!important;font-size:12px!important}}.scroll-x-hide{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-x-hide::-webkit-scrollbar{display:none}.sidebar-nav a:hover,.sidebar-nav button:hover{background:var(--color-primary-light)!important;color:var(--color-primary)!important}