:root{--primary:#ff6b35;--primary-dark:#e55a2b;--secondary:#4ecdc4;--accent:#ffe66d;--background:#0f0f0f;--background-card:#1a1a1a;--background-elevated:#242424;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border:#333;--success:#4caf50;--warning:#ff9800;--error:#f44336;--gradient-primary:linear-gradient(135deg,#ff6b35 0%,#ff8c5a 100%);--gradient-secondary:linear-gradient(135deg,#4ecdc4 0%,#44a39d 100%);--gradient-hero:linear-gradient(180deg,#ff6b351a 0%,transparent 50%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #ff6b354d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}body{background:var(--background);color:var(--text-primary);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3}.container{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--spacing-md)0;background:#0f0f0fe6;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;gap:var(--spacing-sm);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;display:flex}.header__logo-icon{font-size:2rem}.header__btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-normal);align-items:center;font-size:.9rem;font-weight:600;display:inline-flex}.header__btn:hover{border-color:var(--primary);color:var(--text-primary);background:#ff6b351a;box-shadow:0 0 15px #ff6b3533}.hero{padding:var(--spacing-2xl)0;text-align:center;background:var(--gradient-hero)}.hero__title{margin-bottom:var(--spacing-md);font-size:clamp(2rem,5vw,3.5rem)}.hero__title-accent{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.search-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs);background:var(--background-card);border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto;display:flex}.search-tabs__tab{padding:var(--spacing-md)var(--spacing-xl);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-normal);background:0 0;border:none;font-size:1rem;font-weight:600}.search-tabs__tab:hover{color:var(--text-primary)}.search-tabs__tab--active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.search-panel{background:var(--background-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);border:1px solid var(--border)}.search-panel__title{margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-size:1.25rem;display:flex}.search-panel__title-icon{font-size:1.5rem}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--spacing-md);background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);font-size:1rem}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b3533}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:var(--spacing-md);background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.form-select:focus{border-color:var(--primary);outline:none}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-md);transition:all var(--transition-normal);border:none;font-size:1rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--secondary{background:var(--background-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--primary)}.btn--lg{padding:var(--spacing-lg)var(--spacing-2xl);font-size:1.1rem}.btn--full{width:100%}.category-chips{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-chip{padding:var(--spacing-sm)var(--spacing-md);background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.category-chip:hover{border-color:var(--primary);color:var(--text-primary)}.category-chip--active{background:var(--gradient-primary);color:#fff;border-color:#0000}.time-filter{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.time-filter__option{padding:var(--spacing-sm)var(--spacing-lg);background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.9rem}.time-filter__option:hover{border-color:var(--secondary);color:var(--text-primary)}.time-filter__option--active{background:var(--gradient-secondary);color:#fff;border-color:#0000}.recipe-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.recipe-card{background:var(--background-card);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-normal);overflow:hidden}.recipe-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.recipe-card__image-wrapper{aspect-ratio:16/10;position:relative;overflow:hidden}.recipe-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.recipe-card:hover .recipe-card__image{transform:scale(1.05)}.recipe-card__badge{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);color:#fff;background:#000000b3;font-size:.75rem;position:absolute}.recipe-card__content{padding:var(--spacing-lg)}.recipe-card__title{margin-bottom:var(--spacing-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:600;display:-webkit-box;overflow:hidden}.recipe-card__meta{gap:var(--spacing-md);color:var(--text-secondary);margin-bottom:var(--spacing-md);font-size:.85rem;display:flex}.recipe-card__meta-item{align-items:center;gap:var(--spacing-xs);display:flex}.recipe-card__link{align-items:center;gap:var(--spacing-xs);color:var(--primary);transition:color var(--transition-fast);font-size:.9rem;font-weight:600;display:inline-flex}.recipe-card__link:hover{color:var(--primary-dark)}.loading{padding:var(--spacing-2xl);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading__spinner{border:4px solid var(--border);border-top-color:var(--primary);width:48px;height:48px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state__icon{margin-bottom:var(--spacing-md);opacity:.5;font-size:4rem}.empty-state__title{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem}.source-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;display:inline-flex}.source-badge--rakuten{color:#fff;background:#bf0000}.source-badge--spoonacular{color:#fff;background:#85c341}@media (max-width:768px){.container{padding:0 var(--spacing-md)}.search-tabs{flex-direction:column;width:100%}.search-tabs__tab{width:100%}.recipe-grid{grid-template-columns:1fr}.search-panel{padding:var(--spacing-lg)}.form-row{flex-direction:column}}.form-row{gap:var(--spacing-md);display:flex}.form-row>*{flex:1}.ingredients-input{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--background-elevated);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;min-height:56px;display:flex}.ingredients-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b3533}.ingredients-input__tag{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:.9rem;display:inline-flex}.ingredients-input__tag-remove{color:#fff;cursor:pointer;width:18px;height:18px;transition:background var(--transition-fast);background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;display:flex}.ingredients-input__tag-remove:hover{background:#ffffff80}.ingredients-input__field{min-width:150px;padding:var(--spacing-sm);color:var(--text-primary);background:0 0;border:none;flex:1;font-size:1rem}.ingredients-input__field:focus{outline:none}.footer{padding:var(--spacing-xl)0;border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}.footer__inner{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.footer__badge-img{max-width:130px;height:auto;display:block}@media (max-width:768px){.footer__inner{text-align:center;flex-direction:column}}.settings-btn{margin-top:var(--spacing-lg)}.results-title{margin-bottom:var(--spacing-lg);font-size:1.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-md);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--background-card);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:1.25rem;font-weight:700}.modal__close{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:1.5rem}.modal__close:hover{color:var(--text-primary)}.modal__content{padding:var(--spacing-lg)}.modal__description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem;line-height:1.6}.modal__footer{gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border);justify-content:flex-end;display:flex}.label-badge{border-radius:var(--radius-full);margin-left:var(--spacing-sm);padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.label-badge--success{background:var(--success);color:#fff}.form-hint{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.8rem;display:block}.form-hint a{color:var(--primary);text-decoration:underline}.form-hint a:hover{color:var(--primary-dark)}@media (max-width:1024px){.recipe-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem}.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-xl)0}.hero__title{font-size:1.75rem}.hero__subtitle{font-size:.95rem}.header__logo{font-size:1.25rem}.search-tabs{flex-direction:column;width:100%}.search-tabs__tab{width:100%;padding:var(--spacing-md)}.recipe-grid{gap:var(--spacing-md);grid-template-columns:1fr}.search-panel{padding:var(--spacing-md);border-radius:var(--radius-md)}.search-panel__title{font-size:1.1rem}.form-row{flex-direction:column}.category-chips{gap:var(--spacing-xs)}.category-chip{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8rem}.time-filter{gap:var(--spacing-xs)}.time-filter__option{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8rem}.btn--lg{padding:var(--spacing-md)var(--spacing-lg);font-size:1rem}.recipe-card__title{font-size:1rem}.recipe-card__content{padding:var(--spacing-md)}.modal{max-height:85vh}.modal__footer{flex-direction:column}.modal__footer .btn{width:100%}.results-title{font-size:1.25rem}}@media (max-width:480px){.hero__title{font-size:1.5rem}.recipe-card__image-wrapper{aspect-ratio:16/9}.ingredients-input__field{min-width:100px}.form-select{font-size:.9rem}}