.recipe-card{width:210mm;margin:0 auto;padding:12mm 15mm;background:#fff;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,游ゴシック Medium,YuGothic,游ゴシック体,Meiryo,sans-serif;font-size:9.5pt;line-height:1.45;color:#333;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.recipe-date-top{position:absolute;top:12mm;right:15mm;font-size:8.5pt;color:#666}.recipe-card-header{border-bottom:2px solid #333;padding-bottom:5mm;margin-bottom:6mm;padding-top:8mm}.header-content{display:flex;align-items:flex-start;gap:6mm}.recipe-main-photo{flex-shrink:0;width:35mm;height:35mm;border-radius:3mm;overflow:hidden;border:1px solid #eee}.recipe-main-photo img{width:100%;height:100%;object-fit:cover}.header-text{flex:1}.recipe-title{font-size:24pt;font-weight:700;margin:0 0 2mm;letter-spacing:.02em;word-wrap:break-word;line-height:1.2}.recipe-subtitle{font-size:10pt;color:#555;margin:0 0 3mm}.recipe-specification{font-size:9.5pt;font-weight:500;color:#16a085;background-color:#f0fdfa;padding:1.5mm 3mm;border-radius:2mm;display:inline-block}.recipe-card-body{display:flex;gap:10mm;flex:1;overflow:hidden}.recipe-main-content{flex:2;min-width:0}.recipe-side-content{flex:1;border-left:1px solid #eee;padding-left:10mm;min-width:0}.section-title{font-size:13pt;font-weight:700;color:#2c3e50;margin:0 0 3mm;padding-bottom:1.5mm;border-bottom:1px solid #ccc}.memo-title{margin-top:6mm}.steps-container{display:flex;flex-direction:column;gap:3.5mm}.step-item{display:flex;gap:3mm;page-break-inside:avoid}.step-number{flex-shrink:0;color:#16a085;background-color:#eafaf1;font-weight:700;font-size:10pt;width:6mm;height:6mm;border-radius:50%;border:1px solid #a3e4d7;display:flex;align-items:center;justify-content:center;line-height:1}.step-content{flex:1}.step-item.with-photo .step-content{display:flex;gap:3mm;align-items:flex-start}.step-photo{flex-shrink:0;width:28mm;height:22mm;overflow:hidden;border-radius:1.5mm;border:1px solid #e0e0e0}.step-photo img{width:100%;height:100%;object-fit:cover}.step-text{flex:1}.step-header{display:flex;align-items:baseline;gap:3mm;margin-bottom:1.5mm}.step-name{font-size:11pt;font-weight:600;margin:0}.step-conditions{display:flex;gap:2mm}.condition-chip{font-size:7.5pt;padding:1mm 2mm;border-radius:3mm;font-weight:600;white-space:nowrap;border:1px solid transparent}.condition-chip.temp{background-color:#fef4e2;color:#d35400;border-color:#f5cba7}.condition-chip.time{background-color:#eafaf1;color:#16a085;border-color:#a3e4d7}.step-description{font-size:9pt;color:#555;margin:0;padding-left:2mm}.ingredients-container{font-size:9pt}.ingredient-item{display:flex;justify-content:space-between;padding:1.5mm 0;border-bottom:1px dotted #ccc}.ingredient-item:last-child{border-bottom:none}.ingredient-name{text-align:left;flex:1}.ingredient-amount{font-weight:500;text-align:right;width:40px}.ingredient-unit{text-align:left;width:25px;color:#777;padding-left:5px}.memo-container p{font-size:9pt;color:#555;white-space:pre-wrap;margin:0}@media print{body{margin:0;padding:0}.recipe-card{margin:0!important;border:none!important;box-shadow:none!important;transform:none!important;width:210mm!important}.step-item{page-break-inside:avoid}.step-number,.condition-chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{margin:0;padding:0;width:100%;height:100%}