body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}*,body{margin:0;padding:0}*{box-sizing:border-box}body{display:block;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif}.app,body{background:#fff;width:100%}.app{min-height:100vh}.screen{max-width:100%;padding:20px 20px 40px;width:100%}.header{margin-bottom:24px;text-align:center}.header h1{color:#ff6b35;font-size:32px;font-weight:700}.header h2{color:#333;font-size:22px;font-weight:700}.header p{color:#888;font-size:14px;margin-top:4px}.header-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.back-btn,.home-btn{background:none;border:none;color:#ff6b35;font-size:18px;padding:8px 4px}.back-btn,.home-btn,.main-btn{cursor:pointer;font-weight:600}.main-btn{border:none;border-radius:12px;font-size:16px;margin-bottom:12px;padding:16px;transition:transform .1s;width:100%}.main-btn:active{transform:scale(.98)}.main-btn.primary{background:#ff6b35;color:#fff}.main-btn.secondary{background:#fff3ee;border:2px solid #ff6b35;color:#ff6b35}.main-btn.saved{background:#4caf50;color:#fff}.main-btn:disabled{cursor:not-allowed;opacity:.5}.api-box{background:#fff3ee;border-radius:16px;margin-bottom:20px;padding:24px}.api-box h3{color:#333;font-size:18px;margin-bottom:8px}.api-box p{color:#888;font-size:13px;margin-bottom:16px}.api-box input{border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.api-box button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;width:100%}.api-change{background:none;border:none;color:#aaa;cursor:pointer;display:block;font-size:13px;margin:0 auto;text-decoration:underline}.camera-area{background:#f5f5f5;border-radius:16px;cursor:pointer;height:280px;margin-bottom:20px;overflow:hidden;width:100%}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;width:100%}.upload-placeholder span{font-size:48px}.upload-placeholder p{color:#888;font-size:14px}.preview-image{height:100%;object-fit:cover;width:100%}.button-group{display:flex;flex-direction:column;gap:8px}.ingredients-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.ingredient-tag{align-items:center;background:#fff3ee;border:1px solid #ff6b35;border-radius:20px;color:#ff6b35;display:flex;font-size:14px;gap:6px;padding:6px 12px}.ingredient-tag button{background:none;border:none;color:#ff6b35;cursor:pointer;font-size:12px;padding:0}.ingredient-chip{background:#f5f5f5;border-radius:12px;color:#666;font-size:12px;padding:4px 8px}.add-ingredient{display:flex;gap:8px;margin-bottom:20px}.add-ingredient input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:12px}.add-ingredient button{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px}.filter-group{margin-bottom:20px}.filter-group p{color:#666;font-size:14px;margin-bottom:8px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 14px}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.recipe-list{display:flex;flex-direction:column;gap:12px}.recipe-card{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:16px}.recipe-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recipe-card-header h3{color:#333;font-size:16px;font-weight:700}.recipe-number{color:#aaa;font-size:12px}.recipe-info{color:#666;display:flex;font-size:13px;gap:12px;margin-bottom:10px}.recipe-arrow{color:#ff6b35;font-size:13px;margin-top:8px;text-align:right}.recipe-meta{background:#f9f9f9;border-radius:12px;color:#666;display:flex;font-size:14px;gap:16px;padding:12px}.recipe-meta,.section{margin-bottom:24px}.section h3{color:#333;font-size:16px;font-weight:700;margin-bottom:12px}.steps-list{display:flex;flex-direction:column;gap:8px}.step-item{align-items:flex-start;border:1px solid #eee;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.step-item.active{background:#fff3ee;border-color:#ff6b35}.step-number{align-items:center;background:#ff6b35;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.step-text{color:#333;flex:1 1;font-size:14px;line-height:1.5}.speak-btn{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:18px}.rating{display:flex;gap:8px}.star{color:#ddd;cursor:pointer;font-size:28px;transition:color .2s}.star.active{color:#ffc107}.memo-input{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:none;width:100%}.saved-rating{color:#ffc107;font-size:16px;margin-bottom:6px}.saved-memo{color:#666;font-size:13px;margin-bottom:6px}.saved-date{color:#aaa;font-size:12px}.delete-btn{background:none;border:none;cursor:pointer;font-size:18px}.empty-state{color:#888;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin-bottom:8px}.empty-state .main-btn{margin-top:24px}.error{color:#e53935;font-size:14px;margin-bottom:12px;text-align:center}.main-buttons{display:flex;flex-direction:column;gap:4px}.image-preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.image-preview-item{border-radius:12px;overflow:hidden;padding-top:100%;position:relative;width:100%}.image-preview-item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.remove-image-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:6px;top:6px;width:24px}.image-add-placeholder{background:#f5f5f5;border:2px dashed #ddd;border-radius:12px;padding-top:100%;position:relative;width:100%}.image-add-placeholder span{color:#bbb;font-size:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%)}.image-add-placeholder p{color:#bbb;font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,20%);white-space:nowrap}
/*# sourceMappingURL=main.d79a426c.css.map*/