*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f7f5;color:#1a1a1a;min-height:100vh}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:#fff}.app-header{padding:16px 20px 12px;border-bottom:.5px solid #e5e5e5;background:#fff}.app-logo{font-size:16px;font-weight:600;color:#1a1a1a}.app-main{flex:1;overflow-y:auto;padding-bottom:80px}.app-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:1fr 1fr;border-top:.5px solid #e5e5e5;background:#fff}.app-nav button{padding:14px;font-size:13px;background:none;border:none;color:#888;cursor:pointer;transition:color .15s}.app-nav button.active{color:#1d9e75;font-weight:500}.step-wrap{padding:20px}.step-title{font-size:17px;font-weight:600;margin-bottom:4px}.step-sub{font-size:13px;color:#666;margin-bottom:16px;line-height:1.5}.progress-bar{display:flex;gap:6px;margin-bottom:20px}.prog-dot{height:4px;flex:1;border-radius:2px;background:#e0e0e0}.prog-dot.done{background:#1d9e75}.prog-dot.active{background:#378add}.bristol-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bristol-card{background:#fff;border:.5px solid #e0e0e0;border-radius:12px;padding:12px;cursor:pointer;display:flex;gap:10px;align-items:flex-start;transition:border-color .15s}.bristol-card:hover{border-color:#bbb}.bristol-card.selected{border:2px solid #378ADD;background:#f0f7ff}.stool-shape{flex-shrink:0;width:40px;height:52px;display:flex;align-items:center}.card-label{font-size:11px;font-weight:500;color:#888;margin-bottom:2px}.card-desc{font-size:12px;line-height:1.4}.card-tag{display:inline-block;font-size:10px;padding:2px 7px;border-radius:20px;margin-top:4px;font-weight:500}.tag-warning{background:#fff3cd;color:#856404}.tag-success{background:#d1e7dd;color:#0f5132}.tag-danger{background:#f8d7da;color:#842029}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-card{background:#fff;border:.5px solid #e0e0e0;border-radius:12px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .15s}.color-card:hover{border-color:#bbb}.color-card.selected{border:2px solid #378ADD}.color-card.color-warn{border-color:#f5a0a0}.color-card.color-warn.selected{border-color:#e24b4a}.color-dot{width:28px;height:28px;border-radius:50%;border:.5px solid #e0e0e0;flex-shrink:0}.color-label{font-size:13px;font-weight:500}.color-warn-text{font-size:11px;color:#e24b4a;margin-top:1px}.smell-grid{display:grid;gap:10px}.smell-card{background:#fff;border:.5px solid #e0e0e0;border-radius:12px;padding:14px 16px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:border-color .15s}.smell-card:hover{border-color:#bbb}.smell-card.selected{border:2px solid #378ADD;background:#f0f7ff}.smell-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.smell-label{font-size:14px;font-weight:500}.smell-sub{font-size:12px;color:#888;margin-top:2px}.symptom-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.symptom-chip{background:#f5f5f5;border:.5px solid #e0e0e0;border-radius:8px;padding:10px 12px;font-size:13px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.symptom-chip:hover{border-color:#bbb}.symptom-chip.selected{border:1.5px solid #378ADD;background:#f0f7ff;color:#185fa5}.nav-row{display:flex;gap:10px;margin-top:16px}.btn-primary{flex:1;padding:13px;font-size:14px;font-weight:500;background:#1d9e75;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-primary:hover:not(:disabled){opacity:.9}.btn-ghost{padding:13px 18px;font-size:14px;background:transparent;color:#666;border:.5px solid #ddd;border-radius:8px;cursor:pointer}.btn-ghost.full-width{width:100%;text-align:center}.error-msg{font-size:13px;color:#e24b4a;margin-top:8px;text-align:center}.result-summary{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.result-tag{font-size:12px;padding:3px 10px;border-radius:20px;font-weight:500}.result-text{font-size:14px;color:#444}.result-section{margin-bottom:16px}.section-heading{font-size:13px;font-weight:600;color:#555;margin-bottom:8px;padding-bottom:4px;border-bottom:.5px solid #eee}.rec-item{padding:10px 0;border-bottom:.5px solid #f0f0f0}.rec-name{font-size:13px;font-weight:500;margin-bottom:2px}.rec-meta{font-size:12px;color:#888;margin-bottom:2px}.rec-note{font-size:12px;color:#555}.diet-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.diet-col{background:#f9f9f9;border-radius:8px;padding:10px 12px}.diet-good{background:#f0faf5}.diet-bad{background:#fff5f5}.diet-col-label{font-size:11px;font-weight:600;margin-bottom:6px;color:#666}.diet-item{font-size:12px;color:#444;margin-bottom:3px}.diet-tip{font-size:12px;color:#666;line-height:1.5;padding:8px;background:#fffbe6;border-radius:6px}.upsell-banner{background:#f0f7ff;border:.5px solid #b8d9f7;border-radius:12px;padding:16px;margin-top:16px;cursor:pointer}.upsell-title{font-size:14px;font-weight:600;color:#185fa5;margin-bottom:4px}.upsell-body{font-size:13px;color:#333;margin-bottom:10px;line-height:1.5}.upsell-btn{background:#185fa5;color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.warn-banner{background:#fff5f5;border:.5px solid #f5a0a0;border-radius:8px;padding:12px 14px;font-size:13px;color:#842029;line-height:1.5;margin-top:10px}.hospital-banner{background:#fff5f5;border:.5px solid #f5a0a0;border-radius:12px;padding:20px;margin-bottom:16px}.hospital-title{font-size:15px;font-weight:600;color:#842029;margin-bottom:8px}.hospital-body{font-size:13px;color:#555;line-height:1.6}.history-card{background:#fff;border:.5px solid #e5e5e5;border-radius:12px;padding:14px 16px;margin-bottom:10px}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.history-date{font-size:12px;color:#999}.history-meta{font-size:12px;color:#666;margin-bottom:4px}.history-rec{font-size:12px;color:#1d9e75}.dinner-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.dinner-chip{background:#f5f5f5;border:.5px solid #e0e0e0;border-radius:10px;padding:12px 10px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:border-color .15s,background .15s}.dinner-chip:hover{border-color:#bbb}.dinner-chip.selected{border:1.5px solid #1D9E75;background:#f0faf5}.dinner-icon{font-size:20px;flex-shrink:0}.dinner-label{font-size:13px;color:#1a1a1a}