:root{--bg:#f5f2ec;--fg:#1e1b16;--card:#ece6db;--fill:#e4dccc;--fill-hover:#d9cfbb;--line:#1e1b16;--muted:#857b6d;--radius:6px;--pill:999px;--gap:16px;--page:900px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);letter-spacing:-.014em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}::selection{color:#fff;background:#000}a{color:inherit;text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:16px}p{margin:0}ul,ol{margin:0;padding-left:20px}li{margin:4px 0}.wrap{max-width:var(--page);margin:0 auto;padding:24px 20px 80px}.wrap-wide{max-width:1200px}.topbar{justify-content:space-between;align-items:baseline;gap:16px;max-width:1200px;margin:0 auto;padding:20px 20px 0;display:flex}.brand{font-weight:700}.muted{color:var(--muted)}.bold{font-weight:700}.pill{background:var(--fill);color:var(--fg);border-radius:var(--pill);font:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 15px;display:inline-flex}.pill:hover{background:var(--fill-hover)}.pill.active{background:var(--fg);color:var(--bg)}.btn{border:1px solid var(--fg);background:var(--fg);color:var(--bg);border-radius:var(--pill);font:inherit;cursor:pointer;padding:8px 16px;font-weight:700}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:default}.icon-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.icon-btn:hover{color:var(--fg)}.card{background:var(--card);border-radius:var(--radius);padding:16px}.section-title{margin-bottom:16px;font-size:16px;font-weight:700}.catbar{flex-wrap:wrap;gap:8px;margin:8px 0 24px;display:flex}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.dish{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:8px;min-height:120px;padding:16px;display:flex}.dish:hover{outline:1px solid var(--fg)}.dish-title{font-weight:700}.dish-meta{color:var(--muted);font-size:16px}.tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tag{background:var(--fill);color:var(--muted);border-radius:var(--pill);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;font-size:11px}.recipe-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-bottom:24px;padding-bottom:16px;display:flex}.recipe-title{font-size:20px;font-weight:700}.meta-row{color:var(--muted);flex-wrap:wrap;gap:4px 20px;display:flex}.meta-row .bold{color:var(--fg)}.cols{grid-template-columns:1fr 1.5fr;align-items:start;gap:40px;display:grid}.callout{margin-bottom:24px}.recipe-topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.recipe-topbar .back{margin-bottom:0}.col-h{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:8px;font-size:20px;font-weight:700}.rich a{text-decoration:underline}.rich ul,.rich ol{padding-left:20px}.back{color:var(--muted);align-items:center;gap:6px;margin-bottom:20px;display:inline-flex}.back:hover{color:var(--fg)}.back svg{display:block}.editor-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.editor-actions{gap:8px;display:flex}.field{margin-bottom:16px;display:block}.field-label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}input,textarea{width:100%;font:inherit;letter-spacing:inherit;border:1px solid var(--fg);border-radius:var(--radius);background:var(--bg);color:var(--fg);padding:10px}textarea{resize:vertical;min-height:88px}textarea.tall{min-height:320px}input:focus,textarea:focus{border-width:2px;outline:none;padding:9px}.checkbox{align-items:center;gap:8px;margin-bottom:16px;display:flex}.checkbox input{width:auto}.pin-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.pin-box{flex-direction:column;align-items:center;gap:22px;display:flex}.pin-title{font-size:18px;font-weight:700}.pin-subtitle{color:var(--muted);margin-top:-16px}.pin-dots{gap:18px;display:flex}.pin-dot{border:1.5px solid var(--fg);border-radius:50%;width:13px;height:13px}.pin-dot.filled{background:var(--fg)}.pin-keys{grid-template-columns:repeat(3,74px);gap:18px;display:grid}.pin-key{background:var(--fill);width:74px;height:74px;color:var(--fg);cursor:pointer;letter-spacing:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:400;line-height:1;transition:transform 60ms,background .12s;display:flex}.pin-key:hover{background:var(--fill-hover)}.pin-key:active{transform:scale(.94)}.pin-key:disabled{cursor:default}.pin-key.blank{cursor:default;background:0 0}.pin-key.action{color:var(--muted);background:0 0;font-size:22px}.pin-key.action:hover{background:var(--fill)}.pin-status{color:var(--muted);min-height:16px;font-size:13px}.pin-shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.empty{color:var(--muted)}@media (max-width:640px){.field-row{grid-template-columns:1fr}.recipe-head{flex-direction:column;align-items:flex-start}}@media (max-width:820px){.cols{grid-template-columns:1fr;gap:28px}}