:root{--bg: #f7f7f9;--card-bg: #fff;--text: #16181d;--muted: #6b7280;--brand: #111827;--brand-50: #e5e7eb;--ring: #111827;--radius: 16px;--shadow: 0 8px 24px rgba(0, 0, 0, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.title{margin:32px auto 16px;padding:0 16px;max-width:900px;font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:-.02em}.recipe-grid{margin:0 auto;padding:8px 16px 40px;max-width:900px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 600px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 300px){.recipe-grid{grid-template-columns:1fr}}.recipe-card-link{display:block;border-radius:var(--radius);outline:none}.recipe-card-link:focus-visible{box-shadow:0 0 0 3px var(--ring) inset,0 0 0 3px var(--ring)}.recipe-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;border:1px solid transparent}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000001a;border-color:var(--brand-50)}.recipe-image-container{aspect-ratio:16 / 9;background:#f0f2f5;overflow:hidden}.recipe-image{width:100%;height:100%;object-fit:cover;display:block}.recipe-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 6px}.recipe-name{margin:0;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.01em;flex:1 1 auto}.recipe-difficulty{flex:0 0 auto;font-size:12px;color:var(--muted);padding:4px 8px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb}.recipe-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 14px}.recipe-tag{font-size:10px;color:var(--muted);background:#f9fafb;border:1px solid #eef0f3;padding:4px 8px;border-radius:999px;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 16px 48px}.pagination-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e5e7eb;background:#fff;color:var(--text);padding:8px 12px;min-width:36px;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.pagination-button:hover:not(:disabled):not([aria-current=page]){background:#f9fafb;border-color:var(--brand-50);transform:translateY(-1px)}.pagination-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring) inset,0 0 0 3px var(--ring)}.pagination-button:disabled{opacity:.45;cursor:not-allowed}.pagination .active,.pagination-button[aria-current=page]{background:var(--brand);color:#fff;border-color:var(--brand)}@media (prefers-reduced-motion: reduce){.recipe-card,.pagination-button{transition:none}}.recipe-detail{max-width:900px;margin:24px auto 56px;padding:0 16px}.recipe-detail .detail-header{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:16px}.recipe-detail .back-link{color:var(--muted, #6b7280);font-size:14px}.recipe-detail .back-link:hover{text-decoration:underline}.recipe-detail .detail-title{margin:0;font-size:clamp(22px,2.6vw,28px);font-weight:800;letter-spacing:-.02em}.recipe-detail .detail-sub{margin:0;color:var(--muted, #6b7280);font-size:14px}.recipe-detail .detail-hero{border-radius:var(--radius, 16px);overflow:hidden;box-shadow:var(--shadow, 0 8px 24px rgba(0, 0, 0, .06));border:1px solid #eaecef;margin:12px 0 18px;background:#f0f2f5}.recipe-detail .detail-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}.recipe-detail .detail-meta{display:grid;gap:12px;margin-bottom:18px}.recipe-detail .meta-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 600px){.recipe-detail .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.recipe-detail .meta-card{background:var(--card-bg, #fff);border:1px solid #eef0f3;border-radius:12px;padding:10px 12px;box-shadow:0 4px 12px #0000000a;display:grid;gap:2px}.recipe-detail .meta-label{color:var(--muted, #6b7280);font-size:12px}.recipe-detail .meta-value{font-size:16px;font-weight:700}.recipe-detail .detail-tags{display:flex;flex-wrap:wrap;gap:8px}.recipe-detail .detail-tags .recipe-tag{font-size:12px;color:var(--muted, #6b7280);background:#f9fafb;border:1px solid #eef0f3;padding:4px 8px;border-radius:999px;white-space:nowrap}.recipe-detail .detail-sections{display:grid;gap:16px;grid-template-columns:1fr 1fr;align-items:start}@media (max-width: 900px){.recipe-detail .detail-sections{grid-template-columns:1fr}}.recipe-detail .panel{background:var(--card-bg, #fff);border:1px solid #eef0f3;border-radius:12px;box-shadow:0 6px 18px #0000000d;padding:14px 16px}.recipe-detail .panel-title{margin:0 0 8px;font-size:18px;font-weight:800;letter-spacing:-.01em}.recipe-detail .ingredients,.recipe-detail .instructions{margin:0;padding-left:18px;color:#2b2f38;line-height:1.6;font-size:14px}.recipe-detail .ingredients li+li,.recipe-detail .instructions li+li{margin-top:4px}.recipe-detail .detail-footer{margin-top:20px;display:flex;justify-content:flex-start}.recipe-detail .back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e5e7eb;background:#fff;color:var(--text, #16181d);padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.recipe-detail .back-button:hover{background:#f9fafb;border-color:var(--brand-50, #e5e7eb);transform:translateY(-1px)}.recipe-detail .back-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring, #111827) inset,0 0 0 3px var(--ring, #111827)}@media (prefers-reduced-motion: reduce){.recipe-detail .back-button{transition:none}}