:root{--bg-main: #ffffff;--bg-secondary: #f2f2f2;--bg-card: #ffffff;--text-main: #222222;--text-secondary: #555555;--navbar-bg: #000000;--navbar-text: #ffffff;--active-bg: #ffd6d6;--active-text: #b30000;--box-shadow: 0 0 5px rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){:root{--bg-main: #181818;--bg-secondary: #232323;--bg-card: #222222;--text-main: #f2f2f2;--text-secondary: #cccccc;--navbar-bg: #222222;--navbar-text: #ffd6d6;--active-bg: #b30000;--active-text: #ffd6d6;--box-shadow: 0 0 8px rgba(0,0,0,.3)}}[data-theme=dark]{--bg-main: #181818;--bg-secondary: #232323;--bg-card: #222222;--text-main: #f2f2f2;--text-secondary: #cccccc;--navbar-bg: #222222;--navbar-text: #ffd6d6;--active-bg: #b30000;--active-text: #ffd6d6;--box-shadow: 0 0 8px rgba(0,0,0,.3)}[data-theme=light]{--bg-main: #ffffff;--bg-secondary: #f2f2f2;--bg-card: #ffffff;--text-main: #222222;--text-secondary: #555555;--navbar-bg: #000000;--navbar-text: #ffffff;--active-bg: #ffd6d6;--active-text: #b30000;--box-shadow: 0 0 5px rgba(0,0,0,.1)}.theme-toggle-btn{margin-left:auto;background:var(--bg-card);color:var(--text-main);border:2px solid var(--active-bg);border-radius:8px;padding:6px 12px;font-size:10px;font-weight:700;cursor:pointer;box-shadow:var(--box-shadow)}.theme-toggle-btn:hover{background:var(--active-bg);color:var(--active-text);opacity:1}.navbar .active{background-color:var(--active-bg);color:var(--active-text)!important;border-radius:4px;padding:4px 12px;font-weight:700;text-decoration:none}.navbar .active .navbar a[href="/create-recipe"]{vertical-align:top;position:relative;top:-8px}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-main);color:var(--text-main)}body{margin:0;padding:0;background:var(--bg-main);color:var(--text-main)}.auth{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-secondary)}.auth-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:var(--bg-card);border-radius:5px;box-shadow:var(--box-shadow);margin:20px;width:400px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}label{font-weight:700;margin-bottom:5px}input{padding:10px;font-size:16px;border-radius:5px}.navbar{margin:0;width:100%;height:80px;background-color:var(--navbar-bg);display:flex;justify-content:center;align-items:center;color:var(--navbar-text);text-decoration:none}a{color:var(--navbar-text);text-decoration:none;margin:10px;font-size:25px}.create-recipe{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background-color:var(--bg-card);border-radius:5px;box-shadow:var(--box-shadow);margin:20px;width:400px}.create-recipe form{display:flex;flex-direction:column}ul{list-style:none;padding:0;margin:0}li{border:none;background:var(--bg-card);color:var(--text-main);padding:10px;margin-bottom:10px}h2{margin-top:0}img{max-width:100%;height:auto;margin-bottom:10px}img{width:400px}p{max-width:400px;font-size:12px}.footer-fixed{position:fixed;left:0;right:0;bottom:0;height:56px;background:linear-gradient(90deg,#d1495b 80%,#b07a4f);display:flex;align-items:center;justify-content:center;z-index:1201;box-shadow:0 -2px 12px #2b1f101f}.banner-fixed{position:fixed;top:0;left:0;right:0;height:48px;background:linear-gradient(90deg,#b07a4f 80%,#d1495b);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1201;letter-spacing:2px;box-shadow:0 2px 12px #2b1f101f}.navbar{top:48px}:root{--kitchen-bg: #fff8f0;--accent: #d1495b;--wood: #b07a4f;--leaf: #6aa84f;--muted: #6b6b6b;--navbar-height: 64px;--butter: #ffe066}body,.App{background:linear-gradient(180deg,var(--kitchen-bg) 0%,#fff1e0 100%);color:#3b3026;font-family:Segoe UI,Roboto,Arial,sans-serif}.App{min-height:100vh;padding:var(--navbar-height) 12px 72px}.navbar{position:fixed;top:48px;left:0;right:0;font-size:25px;height:var(--navbar-height);display:flex;align-items:center;gap:12px;padding:0 18px;background:linear-gradient(90deg,#b07a4ffa,#d1495bfa);color:#fff;box-shadow:0 6px 20px #2b1f1026;z-index:1100}.navbar a,.navbar button{color:inherit;text-decoration:none;background:transparent;border:none;font-size:inherit;font-weight:600;padding:8px 10px;border-radius:8px;cursor:pointer}.navbar a:hover,.navbar button:hover{background:#ffffff0f}@media(max-width:768px){.App{padding:12px 12px 48px}.navbar{position:fixed;top:48px;left:0;right:0;width:100%;align-self:stretch;box-sizing:border-box;height:auto;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding:10px 12px;z-index:1100}.navbar a,.navbar button{width:100%;margin:0;font-size:16px;text-align:center;justify-content:center;padding:10px 12px}.theme-toggle-mobile{position:relative;align-self:flex-start;margin-bottom:8px;width:fit-content;display:block}.navbar .theme-toggle-mobile{width:fit-content;margin-bottom:8px;margin-left:0}}.recipe-card{background:linear-gradient(180deg,#fffefc,#fffaf4);border:1px solid rgba(176,122,79,.2);border-radius:16px;box-shadow:0 12px 32px #2b1f1047,0 32px 64px #2b1f102e;padding:14px;color:#2f2419;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}ul li .recipe-card{box-shadow:0 12px 32px #2b1f1047,0 32px 64px #2b1f102e}ul li .recipe-card:hover{transform:translateY(-6px);border-color:#d1495b52;box-shadow:0 32px 72px #2b1f1061,0 12px 40px #0000001f}.recipe-card h3{margin:2px 0 8px;font-size:1.15rem;letter-spacing:.1px}.recipe-card{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:start}.recipe-card .card-media{width:100%;height:136px;overflow:hidden;border-radius:12px;border:1px solid rgba(176,122,79,.18);background:linear-gradient(135deg,#d1495b14,#b07a4f0f);display:flex;align-items:center;justify-content:flex-end;padding-right:24px}.recipe-card .card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .26s ease}.recipe-card:hover .card-media img{transform:scale(1.03)}.recipe-card .card-body{padding:4px 2px}.recipe-card .card-body p{margin:6px 0;line-height:1.35}.recipe-card .card-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.recipe-card .placeholder-img{font-size:32px}@media(max-width:640px){.recipe-card{grid-template-columns:1fr}.recipe-card .card-media{height:200px}}.kitchen-btn,button.kitchen-btn,a.kitchen-btn{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:36px;gap:8px;background:linear-gradient(90deg,var(--accent),var(--wood));color:#fff;border:none;padding:0 12px;border-radius:8px;cursor:pointer;box-shadow:0 6px 14px #b07a4f2e;text-decoration:none;font-weight:600;line-height:1;box-sizing:border-box;font-size:14px;font-family:inherit;text-transform:capitalize;letter-spacing:.2px}.kitchen-btn:active{transform:translateY(1px)}.kitchen-btn[disabled],button.kitchen-btn:disabled{opacity:.6;cursor:not-allowed}.ingredient-badge{display:inline-block;background:#6aa84f1f;color:var(--leaf);padding:4px 8px;border-radius:999px;font-size:.85rem;margin-right:6px}.muted{color:var(--muted)}input,textarea{border:1px solid rgba(47,36,29,.08);padding:10px 12px;border-radius:8px;outline:none}input:focus,textarea:focus{box-shadow:0 0 0 4px #6aa84f14;border-color:var(--leaf)}.center{display:flex;align-items:center;justify-content:center}.form-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.form-row label{width:140px;flex-shrink:0;font-weight:600}.textarea-with-lines{display:grid;grid-template-columns:auto 1fr}.recipe-card ol,.recipe-detail ol{list-style:none;padding-left:0;margin:0}.recipe-card ol li,.recipe-detail ol li{margin:4px 0;padding:0;border:none}.textarea-with-lines .line-numbers{padding:8px 4px;background:#00000008;color:#6b6b6b;text-align:right;-webkit-user-select:none;user-select:none;font-family:monospace;border-right:1px solid rgba(0,0,0,.1)}.textarea-with-lines textarea{resize:vertical;padding:8px;border:1px solid rgba(0,0,0,.2)}.form-row input[type=text],.form-row input[type=number],.form-row textarea,.form-row input[type=file]{flex:1}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,#fff4eca6,#fff1e0a6),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><g fill='none' stroke='rgb(176,122,79)' stroke-width='2' opacity='0.08'><circle cx='40' cy='40' r='22'/><path d='M28 36 L52 36' stroke-linecap='round'/><rect x='110' y='24' width='44' height='28' rx='6'/><path d='M120 18 L140 18' stroke-linecap='round'/><path d='M30 140 C50 110 80 110 100 140' stroke-linecap='round'/><path d='M150 130 L170 150' stroke-linecap='round'/></g></svg>");background-repeat:repeat;background-size:200px 200px;opacity:1}[data-theme=dark]{--kitchen-bg: #232323;--accent: #b30000;--wood: #444444;--leaf: #8fd18f;--muted: #cccccc}[data-theme=dark] body,[data-theme=dark] .App{background:linear-gradient(180deg,var(--kitchen-bg) 0%,#181818 100%);color:#f2f2f2}[data-theme=dark] .navbar{background:linear-gradient(90deg,#222 98%,#b30000 98%);color:#ffd6d6;box-shadow:0 6px 20px #00000040}[data-theme=dark] .navbar a,[data-theme=dark] .navbar button{color:#ffd6d6}[data-theme=dark] .navbar a:hover,[data-theme=dark] .navbar button:hover{background:#ffd6d614}[data-theme=dark] .recipe-card{background:linear-gradient(180deg,#232323,#181818);border:1px solid #444;color:#f2f2f2;box-shadow:0 12px 32px #00000061,0 32px 64px #0000002e}[data-theme=dark] .recipe-card .card-media{background:linear-gradient(135deg,#b3000014,#4444440f);border:1px solid #444}[data-theme=dark] .recipe-card .card-body{color:#f2f2f2}[data-theme=dark] .kitchen-btn,[data-theme=dark] button.kitchen-btn,[data-theme=dark] a.kitchen-btn{background:linear-gradient(90deg,#b30000,#444);color:#ffd6d6}[data-theme=dark] .ingredient-badge{background:#8fd18f1f;color:#8fd18f}[data-theme=dark] .muted{color:#ccc}[data-theme=dark] input,[data-theme=dark] textarea{background:#232323;color:#f2f2f2;border:1px solid #444}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 4px #8fd18f14;border-color:#8fd18f}[data-theme=dark] .form-row label{color:#ffd6d6}[data-theme=dark] .textarea-with-lines .line-numbers{background:#ffd6d608;color:#ffd6d6;border-right:1px solid #444}[data-theme=dark] .textarea-with-lines textarea{background:#232323;color:#f2f2f2;border:1px solid #444}[data-theme=dark] body:before{background-image:linear-gradient(180deg,#232323a6,#181818a6),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><g fill='none' stroke='rgb(179,0,0)' stroke-width='2' opacity='0.08'><circle cx='40' cy='40' r='22'/><path d='M28 36 L52 36' stroke-linecap='round'/><rect x='110' y='24' width='44' height='28' rx='6'/><path d='M120 18 L140 18' stroke-linecap='round'/><path d='M30 140 C50 110 80 110 100 140' stroke-linecap='round'/><path d='M150 130 L170 150' stroke-linecap='round'/></g></svg>")}@media(prefers-reduced-motion:reduce){body:before{transition:none}}.kitchen-card{background:linear-gradient(180deg,var(--bg-card, #fffefc) 0%,var(--bg-secondary, #fffaf4) 100%);border:1px solid rgba(176,122,79,.2);border-radius:16px;box-shadow:0 12px 32px #2b1f102e,0 32px 64px #2b1f1014;padding:24px 32px;margin:32px auto;max-width:420px;width:100%;color:var(--text-main, #2f2419)}.kitchen-input{border:2px solid var(--butter);padding:10px 12px;border-radius:8px;outline:none;font-size:16px;background:var(--bg-main, #fff8f0);color:var(--text-main, #3b3026);transition:border-color .2s}.kitchen-input:focus{box-shadow:0 0 0 4px var(--butter);border-color:var(--butter)}[data-theme=dark] .kitchen-card{background:linear-gradient(180deg,#232323,#181818);border:1px solid #444;color:#f2f2f2}[data-theme=dark] .kitchen-input{background:#232323;color:#f2f2f2;border:2px solid var(--butter)}[data-theme=dark] .kitchen-input:focus{box-shadow:0 0 0 4px var(--butter);border-color:var(--butter)}