*{box-sizing:border-box;margin:0;padding:0}body{color:#1d1d1f;-webkit-font-smoothing:antialiased;background-color:#f5f5f7;font-family:Noto Sans KR,sans-serif;line-height:1.5}#root{width:100%}.app-container{max-width:800px;margin:0 auto;padding:40px 20px}.app-header{text-align:center;margin-bottom:40px}.app-header h1{letter-spacing:-1px;font-size:2.5rem;font-weight:800}.app-header p{color:#666;margin-top:8px}.app-main{flex-direction:column;gap:20px;display:flex}.info-box{background-color:#f8f9fa;border-left:5px solid #ef5350;border-radius:15px;margin-bottom:10px;padding:20px}.info-box h4{color:#333;margin:0 0 10px;font-size:1rem}.info-box p{color:#666;margin:0;font-size:13px;line-height:1.6}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d}.card label{color:#888;margin-bottom:12px;font-size:.9rem;font-weight:700;display:block}.input-field,.file-input{border:1px solid #eee;border-radius:8px;width:100%;padding:12px;font-size:1rem}.file-info{color:#007aff;margin-top:8px;font-size:.85rem;font-weight:600}.mode-selector{gap:12px;display:flex}.mode-btn{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;flex:1;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.mode-btn.active.mild{color:#f57f17;background:#fff9c4;border-color:#fbc02d}.mode-btn.active.spicy{color:#c62828;background:#ffebee;border-color:#ef5350}.analyze-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:16px;width:100%;padding:18px;font-size:1.1rem;font-weight:700}.analyze-btn:disabled{cursor:not-allowed;background:#ccc}.result-card.responsive-square{aspect-ratio:auto;box-sizing:border-box;background:#fff;border:1px solid #eee;flex-direction:column;justify-content:center;width:100%;min-height:100cqw;max-height:133.33cqw;margin-bottom:20px;padding:3%;display:flex;overflow:hidden;container-type:inline-size}.result-card h2{text-align:center;margin-bottom:3cqw;font-size:7cqw}.mild-text{color:#fbc02d}.spicy-text{color:#ef5350}.result-content{color:#333;word-break:keep-all;overflow-wrap:break-word;flex-direction:column;justify-content:center;display:flex}.font-large .result-line{margin-bottom:2.5cqw;font-size:4.2cqw;line-height:1.6}.font-normal .result-line{margin-bottom:2.2cqw;font-size:3.6cqw;line-height:1.5}.font-medium .result-line{margin-bottom:1.8cqw;font-size:3cqw;line-height:1.4}.font-small .result-line{margin-bottom:1.2cqw;font-size:2.5cqw;line-height:1.3}.font-tiny .result-line{margin-bottom:.8cqw;font-size:2.1cqw;line-height:1.2}.result-line strong{color:#000;margin-bottom:.1em;font-size:1.1em;font-weight:800;display:block}.result-footer{color:#888;text-align:center;letter-spacing:.1em;border-top:none;margin-top:3cqw;padding-top:2cqw;font-size:3cqw;font-weight:700}.save-btn{color:#000;cursor:pointer;background:#f2f2f7;border:none;border-radius:12px;width:100%;padding:14px;font-weight:600}@media screen and (width<=600px){.app-container{padding:20px 10px}.app-header h1{font-size:1.8rem}}.app-footer{text-align:center;color:#aaa;border-top:1px solid #eee;margin-top:60px;padding:20px 0;font-size:.85rem}