*{box-sizing:border-box}:root{--bg:#fff7ed;--card:#fff;--text:#1f2937;--muted:#6b7280;--primary:#b45309;--primary-dark:#92400e;--accent:#f59e0b;--green:#166534;--border:#fed7aa;--danger:#b91c1c;--shadow:0 20px 50px rgba(120,53,15,.14)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(245,158,11,.26),transparent 35%),linear-gradient(180deg,#fff7ed 0%,#fffbeb 100%);color:var(--text);min-height:100vh}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.hero,.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:28px 4px 22px}.header-actions,nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.eyebrow{margin:0 0 8px;color:var(--primary);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(34px,5vw,58px);line-height:1}h2{margin-bottom:4px;font-size:23px}h3{margin-bottom:8px;font-size:24px}.subtitle{max-width:820px;color:var(--muted);font-size:17px;margin-bottom:0}.status-pill,.user-pill,.nav-link{background:#ecfccb;color:#3f6212;border:1px solid #bef264;padding:10px 13px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap;text-decoration:none}.user-pill{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.nav-link{background:#ffedd5;color:var(--primary-dark);border-color:#fdba74}.card,.auth-card{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.section-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.section-title p{color:var(--muted);margin:0}.badge{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;background:var(--primary);color:white;font-weight:900;flex:0 0 34px}.grid,.admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{font-weight:800}input,select{width:100%;margin-top:7px;padding:14px 13px;border-radius:14px;border:1px solid #fdba74;background:#fffaf0;color:var(--text);font-size:16px}small{display:block;color:var(--muted);font-weight:600;margin-top:5px}.switch-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.switch-label{display:flex;align-items:center;gap:9px;background:#fffbeb;border:1px solid #fde68a;border-radius:999px;padding:10px 12px;font-size:14px}.switch-label input{width:auto;margin:0}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}button{border:0;border-radius:16px;padding:14px 18px;font-size:16px;font-weight:900;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background .12s ease}button:active{transform:scale(.98)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--primary);color:white}.primary:hover{background:var(--primary-dark)}.secondary{background:#ffedd5;color:var(--primary-dark);border:1px solid #fdba74}.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:9px 12px}.ingredients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ingredient{background:#fffbeb;border:1px solid #fde68a;border-radius:18px;padding:14px}.ingredient .name{color:var(--muted);font-size:13px;font-weight:800}.ingredient .amount{display:block;margin-top:6px;font-size:22px;font-weight:950;color:#78350f}.notes-box,.warning,.step-advice,.alert,.success{margin-top:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:18px;padding:15px}.warning,.alert{background:#fee2e2;border-color:#fecaca;color:var(--danger);font-weight:800}.success{background:#dcfce7;border-color:#86efac;color:#166534;font-weight:800}.guide-layout{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.steps-panel{display:grid;gap:10px;max-height:720px;overflow:auto;padding-right:4px}.step-item{text-align:left;background:#fffaf0;border:1px solid #fed7aa;border-radius:18px;padding:14px;color:var(--text);width:100%}.step-item.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(180,83,9,.14);background:#fffbeb}.step-item.done{border-color:#86efac;background:#f0fdf4}.step-item .row{display:flex;gap:10px;align-items:center}.step-num{width:32px;height:32px;border-radius:50%;background:#fed7aa;color:#7c2d12;display:inline-grid;place-items:center;font-weight:950;flex:0 0 32px}.step-item.active .step-num{background:var(--primary);color:white}.step-item strong{display:block;font-size:15px}.step-item span{display:block;color:var(--muted);font-size:13px;line-height:1.3}.active-step-panel{background:#fffaf0;border:1px solid #fed7aa;border-radius:24px;padding:22px}.guide-kicker{margin:0 0 6px;color:var(--primary);font-weight:950;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.active-step-header p:last-child{color:var(--muted);font-size:17px;line-height:1.5}.step-clock-wrap{text-align:center;padding:8px 0 16px}.step-clock{font-variant-numeric:tabular-nums;font-size:clamp(62px,12vw,118px);line-height:1;font-weight:950;color:#78350f}.step-phase{margin-top:8px;color:var(--primary);font-size:21px;font-weight:950}.progress-wrap{height:18px;background:#ffedd5;border-radius:999px;overflow:hidden;border:1px solid #fdba74}.progress-bar{width:0%;height:100%;background:linear-gradient(90deg,#f59e0b,#b45309);transition:width .4s ease}.step-advice{font-size:18px;font-weight:850;line-height:1.45}.guide-actions button{min-width:136px}.auth-body{display:grid;place-items:center;padding:18px}.auth-card{width:min(460px,100%)}.auth-card form{display:grid;gap:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #fed7aa;padding:12px}.muted{color:var(--muted)}@media(max-width:960px){.hero,.topbar{flex-direction:column}.grid,.ingredients-grid,.admin-form{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr}.steps-panel{max-height:none}}@media(max-width:560px){.app-shell{padding:12px}.card{padding:17px;border-radius:20px}.grid,.ingredients-grid,.admin-form{grid-template-columns:1fr}button{width:100%}.switch-label{width:100%}.step-clock{font-size:70px}.header-actions,nav{justify-content:flex-start}}

.wide-auth {
  width: min(960px, 100%);
}

.mini-section {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid #fed7aa;
}

.form-switch {
  margin-top: 7px;
  width: fit-content;
}

.compact-buttons {
  margin-top: 10px;
}

.compact-buttons button {
  padding: 10px 12px;
  font-size: 14px;
}

td form {
  margin: 0 0 8px;
}

td label {
  display: block;
  font-size: 13px;
  margin-bottom: 8px;
}

td input {
  padding: 10px;
  font-size: 14px;
}

@media(max-width:760px) {
  table, thead, tbody, th, td, tr {
    display: block;
  }

  thead {
    display: none;
  }

  tr {
    border: 1px solid #fed7aa;
    border-radius: 18px;
    margin-bottom: 14px;
    padding: 12px;
    background: #fffaf0;
  }

  td {
    border-bottom: 0;
    padding: 8px 0;
  }
}