.tool,.info-section{--accent:#e2703a;--accent-dark:#c2551f;--accent-light:#fdf1e6;--accent-soft:#ffdfc2}.tool-header{background:linear-gradient(135deg, var(--accent-light), #fff 70%);border:1px solid var(--accent-soft);border-radius:var(--radius);padding:var(--space-lg)}.tool-header h1{color:var(--accent-dark);margin:0 0 .5rem}.tool-header p{margin:0}.emoji-strip{letter-spacing:.4rem;opacity:.85;margin-top:1rem;font-size:1.5rem}.tab-bar{margin:var(--space-lg) 0;border-bottom:1px solid #eee;gap:.5rem;display:flex}.tab-button{font:inherit;cursor:pointer;color:#777;background:0 0;border:none;border-bottom:3px solid #0000;padding:.75rem 1rem;font-size:.95rem}.tab-button:hover{color:var(--accent-dark)}.tab-button.is-active{color:var(--accent-dark);border-bottom-color:var(--accent);font-weight:600}.tab-panel label{margin-bottom:.4rem;font-weight:600;display:block}.ingredient-row{margin-bottom:var(--space-md);align-items:flex-end;gap:.85rem;display:flex}.ingredient-icon{padding-bottom:.55rem;font-size:2.3rem;line-height:1}.field-row{flex:1;max-width:320px}.field-row select,.convert-side select,.convert-side input,.scale-inputs input{width:100%;font:inherit;border-radius:var(--radius);background:#fff;border:1px solid #ccc;padding:.6rem .7rem}.field-row select:focus,.convert-side select:focus,.convert-side input:focus,.scale-inputs input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.convert-grid{grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;display:grid}.convert-side{flex-direction:column;gap:.5rem;display:flex}.convert-side input#toAmount{color:var(--accent-dark);background:var(--accent-light);border-color:var(--accent-soft);font-size:1.15rem;font-weight:700}.convert-equals{color:var(--accent);padding-bottom:.6rem;font-size:1.5rem;font-weight:700}.hint{color:#666;margin-top:.75rem;font-size:.85rem}.hint-note{color:var(--accent-dark)}.quick-ref{margin-top:var(--space-lg)}.quick-ref h2{margin-bottom:.75rem;font-size:1rem}.quick-ref-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;display:grid}.quick-ref-item{border:1px solid var(--accent-soft);border-left:4px solid var(--accent);border-radius:var(--radius);text-align:center;background:#fffaf5;padding:.75rem}.quick-ref-item .qr-value{color:var(--accent-dark);font-size:1.1rem;font-weight:700;display:block}.quick-ref-item .qr-unit{color:#666;font-size:.8rem;display:block}.recipe-input{width:100%;min-height:220px;font:inherit;resize:vertical;border-radius:var(--radius);border:1px solid #ccc;padding:1rem;line-height:1.6;display:block}.recipe-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.scale-controls{gap:var(--space-lg);flex-wrap:wrap;align-items:flex-start;margin-top:1.25rem;display:flex}.scale-mode{flex-direction:column;gap:.4rem;display:flex}.radio-label,.checkbox-label{cursor:pointer;align-items:center;gap:.4rem;font-weight:400;display:flex}.scale-inputs{flex-direction:column;gap:.4rem;min-width:140px;display:flex}.scale-inputs input[type=number]{max-width:140px}.scale-example{color:var(--accent-dark);max-width:260px;margin:.4rem 0 0;font-size:.82rem}.scale-result{margin-top:var(--space-lg)}.scale-result h2{margin-bottom:.75rem;font-size:1.1rem}.scale-result pre{border:1px solid var(--accent-soft);border-left:4px solid var(--accent);border-radius:var(--radius);white-space:pre-wrap;background:#fffaf5;padding:1rem;font-family:inherit;line-height:1.7}.tool-actions{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.25rem;display:flex}.action-group{flex-wrap:wrap;gap:.5rem;display:flex}.tool-actions button,.small-button{font:inherit;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;padding:.6rem 1rem;font-size:.9rem;transition:background .15s,border-color .15s,transform .1s}.tool-actions button:hover,.small-button:hover{background:#f6f6f6;border-color:#999}.primary-button{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-dark))!important;border-color:var(--accent-dark)!important}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.info-section{max-width:var(--content-width);margin:var(--space-xl) auto 0}.info-section h2{margin-top:var(--space-lg);margin-bottom:.6rem;font-size:1.15rem}.info-section>h2:first-child{margin-top:0}.info-section p{margin:0 0 .75rem}.conversion-table-wrap{overflow-x:auto}.conversion-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-md)}.conversion-table th,.conversion-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:.6rem .8rem}.conversion-table th{background:var(--accent-light);color:var(--accent-dark);font-weight:600}.conversion-table tbody tr:hover{background:#fffaf5}.faq-item{border-radius:var(--radius);background:#fff;border:1px solid #eee;margin-bottom:.6rem;padding:.85rem 1rem}.faq-item summary{cursor:pointer;color:var(--accent-dark);font-weight:600}.faq-item summary::marker{color:var(--accent)}.faq-item p{color:#444;margin-top:.6rem;margin-bottom:0}.disclaimer{margin-top:var(--space-lg);color:#888;font-size:.8rem}@media (width<=700px){.convert-grid{grid-template-columns:1fr}.convert-equals{text-align:center;padding:0}.scale-controls{flex-direction:column;gap:1rem}.conversion-table th,.conversion-table td{white-space:normal}}