:root{--color-primary: #005850;--color-primary-light: #007A6F;--color-primary-dark: #003D37;--color-secondary: #66C9BA;--color-secondary-light:#A3DFD8;--color-secondary-pale: #E6F7F5;--color-surface: #FFFFFF;--color-surface-alt: #F7FAFA;--color-border: #D4E8E6;--color-text: #1A2E2C;--color-text-muted: #5C7A77;--color-text-light: #8FA8A5;--color-error: #C0392B;--color-error-light: #FDECEA;--color-warning: #D68910;--color-success: #1E8449;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,88,80,.08), 0 1px 2px rgba(0,88,80,.06);--shadow-md: 0 4px 12px rgba(0,88,80,.1), 0 2px 4px rgba(0,88,80,.06);--shadow-lg: 0 10px 30px rgba(0,88,80,.14), 0 4px 8px rgba(0,88,80,.08);--shadow-xl: 0 20px 50px rgba(0,88,80,.18);--transition: .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--color-surface-alt);color:var(--color-text);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--color-primary-dark)}h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1.15rem}p{color:var(--color-text)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);border:none;outline:none;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-secondary-pale);color:var(--color-primary);border:1.5px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-light);border-color:var(--color-secondary)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:1.5px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-danger{background:var(--color-error-light);color:var(--color-error);border:1.5px solid #f0b4ae}.btn-danger:hover:not(:disabled){background:#fac9c5}.btn-lg{padding:.85rem 2rem;font-size:1rem;border-radius:var(--radius-md)}.btn-sm{padding:.35rem .9rem;font-size:.82rem}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.9rem;font-weight:500;color:var(--color-text)}.form-hint{font-size:.8rem;color:var(--color-text-muted);margin-top:.2rem}.form-error{font-size:.8rem;color:var(--color-error)}.form-input,.form-textarea,.form-select{width:100%;padding:.65rem .9rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.form-textarea{resize:vertical;min-height:100px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0058501f}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:99px;font-size:.75rem;font-weight:500}.badge-green{background:#d4edda;color:#1e8449}.badge-teal{background:var(--color-secondary-pale);color:var(--color-primary)}.badge-yellow{background:#fef3cd;color:var(--color-warning)}.badge-red{background:var(--color-error-light);color:var(--color-error)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:99px}.markdown-content{line-height:1.75;color:var(--color-text)}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin:1.4rem 0 .6rem}.markdown-content h2{font-size:1.35rem;border-bottom:1px solid var(--color-border);padding-bottom:.3rem}.markdown-content h3{font-size:1.1rem}.markdown-content p{margin-bottom:.85rem}.markdown-content ul,.markdown-content ol{padding-left:1.5rem;margin-bottom:.85rem}.markdown-content li{margin-bottom:.3rem}.markdown-content code{background:var(--color-secondary-pale);border:1px solid var(--color-border);border-radius:4px;padding:.1rem .35rem;font-size:.88rem;font-family:Fira Code,monospace}.markdown-content pre{background:#f1f5f4;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;margin-bottom:.85rem}.markdown-content pre code{background:none;border:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-secondary);padding-left:1rem;color:var(--color-text-muted);font-style:italic;margin-bottom:.85rem}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:.85rem}.markdown-content th,.markdown-content td{padding:.5rem .75rem;border:1px solid var(--color-border);text-align:left}.markdown-content th{background:var(--color-secondary-pale);font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.animate-fade{animation:fadeIn .3s ease both}.animate-slide{animation:slideIn .25s ease both}.btn{min-height:44px}.btn-sm{min-height:36px;padding:.45rem 1rem}@media(max-width:640px){.form-input,.form-textarea,.form-select{font-size:1rem;padding:.75rem 1rem}.form-label{font-size:.95rem}.btn-block-mobile{width:100%;justify-content:center}h1{font-size:1.65rem}h2{font-size:1.35rem}h3{font-size:1.15rem}}.wizard-layout{display:flex;flex-direction:column;min-height:0}.wizard-sidebar{display:none}.wizard-step-bar{display:flex;align-items:center;gap:.35rem;padding:.65rem 1rem;overflow-x:auto;border-bottom:1px solid var(--color-border);background:var(--color-surface-alt);-webkit-overflow-scrolling:touch;scrollbar-width:none}.wizard-step-bar::-webkit-scrollbar{display:none}.wizard-step-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);flex-shrink:0;transition:background var(--transition),transform var(--transition)}.wizard-step-dot.active{background:var(--color-primary);transform:scale(1.4)}.wizard-step-dot.done{background:var(--color-secondary)}.wizard-content{flex:1;padding:1.1rem 1rem;overflow-y:auto;display:flex;flex-direction:column}.wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.85rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface);position:sticky;bottom:0;z-index:10}.wizard-nav-left{display:flex;gap:.5rem}.wizard-save-label{display:none}@media(min-width:640px){.wizard-layout{flex-direction:row}.wizard-sidebar{display:block;width:210px;flex-shrink:0;border-right:1px solid var(--color-border);padding:1.5rem 0;overflow-y:auto}.wizard-step-bar{display:none}.wizard-content{padding:1.75rem 2rem}.wizard-nav{position:static;padding:1.5rem 2rem}.wizard-save-label{display:inline}}.nav-link-label{display:none}@media(min-width:480px){.nav-link-label{display:inline}}.page-container{max-width:900px;margin:0 auto;padding:1.25rem .875rem 3rem}@media(min-width:640px){.page-container{padding:2rem 1.25rem 3rem}}.recipe-grid{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:480px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0023208c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fadeIn .2s ease both}.feedback-modal{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-xl);width:100%;max-height:92vh;display:flex;flex-direction:column;animation:slideUp .25s ease both}@media(min-width:640px){.feedback-modal-overlay{align-items:center;padding:1.5rem}.feedback-modal{border-radius:var(--radius-xl);max-width:640px;max-height:88vh}}.admin-two-col{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}@media(min-width:768px){.admin-two-col{grid-template-columns:300px 1fr}}@media(min-width:768px){.sticky-panel{position:sticky;top:80px}}.login-split{min-height:100vh;display:flex;flex-direction:column}.login-hero{display:none}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:var(--color-surface)}@media(min-width:640px){.login-split{flex-direction:row}.login-hero{display:flex;flex:1 1 50%;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem 3rem 3rem 4rem;color:#fff}.login-form-panel{flex:0 0 400px}}.doc-tabs{display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:2px solid var(--color-border);flex-wrap:nowrap}.doc-tabs::-webkit-scrollbar{display:none}.doc-tabs button{white-space:nowrap;flex-shrink:0}.editor-action-bar{position:sticky;top:60px;z-index:90;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:.55rem .875rem;display:flex;align-items:center;gap:.4rem;box-shadow:0 2px 6px #00585012;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){input[type=checkbox],input[type=radio]{width:18px;height:18px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.wizard-nav{padding-bottom:calc(.85rem + env(safe-area-inset-bottom))}}