:root{--bg-primary: #F0F9FF;--bg-secondary: #E0F2FE;--text-primary: #334155;--text-secondary: #64748B;--accent: #7DD3FC;--accent-hover: #38BDF8;--success: #A7F3D0;--error: #FECACA;--shadow: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: #0F172A;--bg-secondary: #1E293B;--text-primary: #E0F2FE;--text-secondary: #94A3B8;--accent: #38BDF8;--accent-hover: #7DD3FC;--success: #34D399;--error: #F87171;--shadow: rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;min-width:380px}.app{max-width:600px;margin:0 auto;padding:16px;min-height:400px;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-bottom:24px}.title{font-size:1.5rem;font-weight:700;color:var(--accent)}.theme-toggle{background:var(--bg-secondary);border:none;border-radius:50%;width:44px;height:44px;font-size:1.25rem;cursor:pointer;transition:transform .2s,background-color .3s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1)}.main{flex:1}.search-container{position:relative;margin-bottom:24px}.search-input{width:100%;padding:16px 48px 16px 16px;font-size:1rem;border:2px solid var(--bg-secondary);border-radius:12px;background-color:var(--bg-secondary);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7dd3fc4d}.clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--text-secondary);border:none;border-radius:50%;width:28px;height:28px;color:var(--bg-primary);font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.clear-button:hover{background:var(--text-primary)}.empty-state,.no-results{text-align:center;padding:48px 16px;color:var(--text-secondary)}.hint{margin-top:8px;font-size:.875rem;opacity:.8}.result-count{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.result-list{list-style:none}.result-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--bg-secondary);border-radius:12px;margin-bottom:12px;transition:transform .2s,box-shadow .2s}.result-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow)}.result-main{display:flex;flex-direction:column;gap:4px}.food-name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.food-category{font-size:.75rem;color:var(--text-secondary);background-color:var(--bg-primary);padding:2px 8px;border-radius:999px;width:fit-content}.calorie-display{display:flex;align-items:baseline;gap:4px}.calorie-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.calorie-unit{font-size:.875rem;color:var(--text-secondary)}.searching{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text-secondary);font-size:.875rem}.spinner{width:16px;height:16px;border:2px solid var(--bg-secondary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-error{text-align:center;padding:12px;color:var(--error);font-size:.875rem}.external-note{text-align:center;padding:8px;color:var(--text-secondary);font-size:.75rem;margin-top:8px}.food-link{color:var(--accent);text-decoration:none;font-size:.75rem;margin-top:4px}.food-link:hover{text-decoration:underline}.footer{padding:24px 0;text-align:center;color:var(--text-secondary);font-size:.75rem}.version{margin-top:4px;opacity:.6}@media(max-width:480px){.title{font-size:1.25rem}.search-input{padding:14px 44px 14px 14px;font-size:1rem}.result-item{padding:12px}.food-name{font-size:1rem}.calorie-value{font-size:1.25rem}}