.home-container{padding-top:40px;padding-bottom:40px;justify-content:center}.step-wrapper{width:100%;display:flex;flex-direction:column;gap:20px}.info-card{background-color:#f9fafb;padding:20px;border-radius:16px;border:1px solid #E5E7EB;margin-bottom:10px}.info-card h2{font-size:18px;font-weight:800;color:#111827;margin-bottom:12px;margin-top:0}.info-card p{font-size:14px;color:#4b5563;line-height:1.6;margin:0}.title-area{text-align:center;margin-bottom:10px}.title-area h1{font-size:22px;font-weight:800;color:#111827;margin:0}.title-area p{color:#6b7280;margin-top:8px;margin-bottom:0;font-size:15px}.target-btn{height:90px;font-size:18px;font-weight:600;background-color:#fff;color:#111827;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.target-btn:active{background-color:#f3f4f6;border-color:#d1d5db}.action-btn{height:100px;font-size:18px;font-weight:700;color:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}.action-btn:active{opacity:.8}.hospital-btn{background-color:#3b82f6}.pharmacy-btn{background-color:#10b981}.age-btn{height:80px;font-size:18px;font-weight:600;background-color:#f3f4f6;color:#111827;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .2s}.age-btn:active{background-color:#e5e7eb}.emoji-icon{font-size:24px;margin-right:10px}.emoji-icon-large{font-size:28px;margin-bottom:4px}.home-emergency-area{margin-top:40px;width:100%}.options{display:flex;flex-direction:column;width:100%;gap:12px}.option-btn{width:100%;background-color:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:18px 16px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;box-sizing:border-box;box-shadow:0 2px 4px #00000005}.option-btn:hover{border-color:#d1d5db;background-color:#f9fafb}.option-btn:active{transform:scale(.98)}.option-btn.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 4px 12px #3b82f626}.checkbox-option{position:relative;display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;background-color:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:18px 16px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.checkbox-option input{display:none}.checkbox-option:hover{border-color:#d1d5db}.checkbox-option.selected{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8;box-shadow:0 4px 12px #3b82f626}.label-text{text-align:center;width:100%}.check-icon{position:absolute;right:20px;font-size:18px;font-weight:700;color:#2563eb}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;padding:10px 0}.color-item{display:flex;flex-direction:column;align-items:center;gap:8px}.color-btn{width:64px;height:64px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s;box-shadow:0 4px 6px #0000001a}.color-check{font-size:24px;font-weight:700}.color-label{font-size:14px}.result-card{background:#fff;border-radius:16px;border:1px solid #e5e5e7;padding:24px 20px;box-shadow:0 4px 16px #0000000a;margin-bottom:24px;text-align:left;width:100%;box-sizing:border-box}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid #f3f4f6;padding-bottom:12px}.result-card-title{margin:0;font-size:18px;font-weight:800;color:#111827;border:none;padding:0}.copy-btn{border:none;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.copy-btn.success{background:#10b981;color:#fff}.copy-btn.default{background:#f3f4f6;color:#374151}.result-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.result-item{display:flex;flex-direction:column;gap:6px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.result-item:last-child{border-bottom:none;padding-bottom:0}.jp-text{margin:0;font-size:20px;font-weight:800;color:#111827;word-break:break-word;line-height:1.4}.kr-text{margin:0;font-size:14px;font-weight:500;color:#6b7280}.empty-text{color:#6b7280;text-align:center;margin-top:20px}.sos-message-box{background-color:#fffbeb;border:2px solid #fcd34d;border-radius:12px;padding:16px;margin-bottom:16px;text-align:left;width:100%;box-sizing:border-box}.sos-jp-text{font-size:16px;font-weight:700;color:#b45309;margin:0 0 10px;line-height:1.5;word-break:keep-all;overflow-wrap:break-word}.sos-kr-text{font-size:12px;color:#d97706;margin:0;line-height:1.4;word-break:keep-all;overflow-wrap:break-word}.emergency-wrapper{background-color:#fef2f2;min-height:100vh;padding-bottom:40px}.emergency-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.emergency-back{background:none;border:none;cursor:pointer;color:#991b1b;font-size:16px;font-weight:700}.emergency-main-title{color:#991b1b;font-size:28px;font-weight:800;margin-bottom:10px}.emergency-desc{color:#dc2626;font-size:16px;font-weight:600;margin-bottom:30px}.emergency-list{display:flex;flex-direction:column;gap:16px;margin-bottom:40px;width:100%}.emergency-card{background-color:#fff;padding:20px;border-radius:16px;border:2px solid #FECACA;box-shadow:0 4px 12px #dc26261a}.emergency-jp{margin:0 0 8px;font-size:22px;font-weight:800;color:#111827;word-break:keep-all}.emergency-kr{margin:0;font-size:15px;font-weight:600;color:#ef4444}.call-btn{display:block;width:100%;background-color:#dc2626;color:#fff;text-align:center;padding:20px;border-radius:16px;font-size:20px;font-weight:800;text-decoration:none;box-shadow:0 6px 16px #dc26264d;box-sizing:border-box}.emergency-pron{margin:0 0 12px;font-size:12px;font-weight:800;color:#2563eb;word-break:keep-all}.sos-message-box{background-color:#fee2e2;border:2px solid #F87171;border-radius:12px;padding:16px;margin-bottom:24px;text-align:center;width:100%;box-sizing:border-box;box-shadow:0 4px 12px #ef444426}.sos-jp{margin:0 0 8px;font-size:18px;font-weight:900;color:#991b1b;line-height:1.4;word-break:keep-all}.sos-kr{margin:0;font-size:13px;font-weight:600;color:#dc2626}.hp-container{align-items:flex-start}.hp-title{margin-bottom:8px}.hp-filter-box{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;background-color:#f3f4f6;padding:12px;border-radius:12px}.hp-filter-text{font-size:14px;font-weight:700;color:#374151}.hp-emergency-box{background-color:#fef2f2;border-color:#ef4444;margin-bottom:16px;padding:16px;border-radius:12px;width:100%;text-align:left;display:flex;flex-direction:column;gap:12px}.hp-emergency-header{display:flex;align-items:flex-start}.hp-emergency-icon{margin-right:8px;font-size:20px}.hp-emergency-text{display:flex;flex-direction:column;gap:4px}.hp-emergency-title{color:#991b1b;font-weight:700;margin:0;font-size:14px;line-height:1.4}.hp-emergency-sub{color:#b91c1c;margin:0;font-size:12px;line-height:1.4}.hp-sos-btn{width:100%;padding:12px;background-color:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 2px 4px #ef444433}.hp-sos-msg-box{width:90%;padding:16px;background-color:#fff;border-radius:8px;border:2px solid #ef4444;text-align:center;animation:fadeIn .3s ease-in-out}.hp-sos-msg-guide{font-size:12px;color:#6b7280;margin:0 0 8px}.hp-sos-msg-jp{font-size:22px;font-weight:700;color:#dc2626;margin:0 0 8px;word-break:keep-all}.hp-sos-msg-kr{font-size:14px;color:#4b5563;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.hp-loading-text{width:100%;text-align:center;padding:40px 0;color:#6b7280}.hp-empty-box{width:100%;text-align:center;padding:40px 0}.hp-empty-title{color:#ef4444;font-weight:700;margin-bottom:8px}.hp-empty-desc{font-size:14px;color:#6b7280}.hp-list-wrap{width:100%;display:flex;flex-direction:column;gap:16px}.hospital-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.hp-card-emergency{border:2px solid #ef4444}.hp-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.hp-card-name{margin:0 0 4px;font-size:18px;color:#111827;word-break:keep-all}.hp-badge-emergency{font-size:12px;background-color:#fee2e2;color:#b91c1c;padding:2px 6px;border-radius:4px;font-weight:700;display:inline-block;margin-top:4px}.hp-card-dist{padding:4px 8px;border-radius:8px;font-size:14px;font-weight:700;background-color:#eff6ff;color:#1d4ed8}.hp-card-addr{margin:0 0 12px;font-size:13px;color:#6b7280}.hp-btn-emergency{background-color:#ef4444}.hp-btn-normal{background-color:#3b82f6}.full-map-btn{width:100%;padding:16px;margin-top:8px;margin-bottom:40px;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}.hp-full-btn-emergency{background-color:#dc2626}.hp-full-btn-normal{background-color:#2563eb}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.map-btn{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.hp-page-title{margin-bottom:12px;text-align:center}.hp-search-wrap{display:flex;justify-content:flex-end;margin-bottom:16px}.hp-search-btn{padding:8px 16px;border-radius:20px;border:1px solid #cbd5e1;background-color:#fff;font-size:13px;color:#334155;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #0000000d}.target-btn{height:70px}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:16px;width:90%;max-width:400px;text-align:center}.notice-box{background-color:#fffbeb;border:1px solid #fde68a;padding:12px;border-radius:8px;margin-bottom:20px;font-size:13px;color:#92400e;line-height:1.5}.search-input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;margin-bottom:12px;box-sizing:border-box;font-size:16px}.search-submit-btn{width:100%;padding:12px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.modal-close-btn{margin-top:15px;background:none;border:none;color:#6b7280;text-decoration:underline;cursor:pointer}.tab-container{display:flex;width:100%;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:12px 5px;border-radius:10px;font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .2s ease-in-out;background-color:#e5e7eb;color:#6b7280}.tab-btn.active-drugstore{background-color:#10b981!important;color:#fff!important}.tab-btn.active-pharmacy{background-color:#3b82f6!important;color:#fff!important}.disclaimer-box.alert-drugstore{background-color:#ecfdf5;border-color:#10b981}.disclaimer-box.alert-drugstore p{color:#047857}.disclaimer-box.alert-pharmacy{background-color:#eff6ff;border-color:#3b82f6}.disclaimer-box.alert-pharmacy p{color:#1d4ed8}.sub-desc{font-size:12px;opacity:.8}.pharmacy-list-wrap{display:flex;flex-direction:column;gap:16px;width:100%;margin-top:10px}.loading-text{width:100%;text-align:center;padding:40px 0;color:#6b7280}.hospital-card{background:#fff;padding:20px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.hospital-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.hospital-name-kr{margin:0 0 4px;font-size:18px;color:#111827;word-break:keep-all}.hospital-distance{padding:4px 8px;border-radius:8px;font-size:14px;font-weight:700}.hospital-address{margin:0 0 12px;font-size:13px;color:#6b7280}.dist-drugstore{background-color:#ecfdf5!important;color:#059669!important}.dist-pharmacy{background-color:#eff6ff!important;color:#1d4ed8!important}.map-btn{width:100%;padding:12px;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}.map-btn.btn-drugstore{background-color:#10b981}.map-btn.btn-pharmacy{background-color:#3b82f6}.full-map-btn{width:100%;padding:16px;margin-top:8px;margin-bottom:40px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;color:#fff}.full-map-btn.btn-drugstore{background-color:#059669}.full-map-btn.btn-pharmacy-dark{background-color:#2563eb}.affiliate-banner{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 4px 6px -1px #fde68a80;transition:transform .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.affiliate-banner:active{transform:scale(.98);box-shadow:0 2px 4px -1px #fde68a66}.affiliate-content{display:flex;flex-direction:column;gap:4px}.affiliate-badge{font-size:10px;color:#b45309;font-weight:700;background-color:#fef08a;padding:2px 6px;border-radius:4px;width:fit-content}.affiliate-title{margin:0;color:#92400e;font-size:15px;font-weight:700}.affiliate-desc{margin:0;color:#b45309;font-size:12px}.affiliate-icon{font-size:32px}.coupon-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.coupon-modal-content{background:#fff;width:90%;max-width:360px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column;max-height:85vh}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.coupon-list-header{background-color:#fef3c7;padding:24px 20px;text-align:center}.coupon-list-header h2{margin:0 0 8px;font-size:20px;color:#92400e}.coupon-list-header p{margin:0;font-size:14px;color:#b45309}.coupon-list-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.brand-select-btn{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:left;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #00000005}.brand-select-btn:active{transform:scale(.98);background-color:#f9fafb}.brand-info h3{margin:0 0 4px;font-size:16px;color:#111827}.brand-info p{margin:0;font-size:13px;color:#059669;font-weight:700}.coupon-detail-header{background-color:#fef3c7;padding:16px 20px 24px;text-align:center;position:relative}.back-btn{position:absolute;top:16px;left:16px;background:none;border:none;font-size:14px;color:#92400e;cursor:pointer;font-weight:700}.coupon-detail-header h2{margin:40px 0 8px;font-size:22px;color:#111827}.highlight-discount{margin:0;font-size:15px;color:#e11d48;font-weight:700;background:#fff;display:inline-block;padding:4px 12px;border-radius:20px}.coupon-detail-body{padding:20px;overflow-y:auto}.instruction{text-align:center;font-size:14px;color:#4b5563;margin-bottom:16px;font-weight:700}.barcode-container,.link-container{margin-bottom:24px;text-align:center}.fake-barcode-box{background:#f3f4f6;padding:20px;border-radius:8px;border:1px dashed #cbd5e1}.fake-lines{display:flex;justify-content:center;margin-bottom:8px}.fake-barcode-box p{margin:0;font-size:12px;color:#64748b}.real-barcode-img{width:100%;max-width:300px;height:auto;border-radius:8px}.open-link-btn{background-color:#2563eb;color:#fff;border:none;border-radius:8px;padding:12px;width:100%;font-size:15px;font-weight:700;cursor:pointer;display:block;text-align:center;text-decoration:none;box-sizing:border-box}.conditions-box{background-color:#f9fafb;border-radius:8px;padding:16px}.conditions-box h4{margin:0 0 12px;font-size:14px;color:#374151}.conditions-box ul{margin:0;padding-left:20px;color:#6b7280;font-size:13px;line-height:1.6}.coupon-close-btn{width:100%;padding:16px;background-color:#f3f4f6;border:none;border-top:1px solid #e5e7eb;font-size:15px;font-weight:700;color:#4b5563;cursor:pointer}.coupon-close-btn:active{background-color:#e5e7eb}.coupon-list-body{padding:16px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.coupon-list-body::-webkit-scrollbar{width:6px}.coupon-list-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.coupon-list-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.coupon-tabs{display:flex;gap:8px;margin-top:16px;overflow-x:auto;padding-bottom:4px}.coupon-tabs::-webkit-scrollbar{display:none}.coupon-tabs .tab-btn{flex-shrink:0;padding:8px 5px;border:1px solid #e5e7eb;background-color:#fff;color:#64748b;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.coupon-tabs .tab-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.brand-title-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.brand-title-row h3{margin:0;font-size:16px;color:#111827}.region-badge{font-size:11px;font-weight:700;background-color:#fef08a;color:#a16207;padding:2px 8px;border-radius:12px;white-space:nowrap}.detail-title-wrapper{display:flex;align-items:center;justify-content:center;gap:8px;margin:40px 0 8px}.detail-title-wrapper h2{margin:0;font-size:22px;color:#111827}.empty-coupon-message{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px;font-weight:700}.coupon-notice-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:16px 16px 12px;padding:12px}.notice-title{font-size:12px;font-weight:700;color:#ef4444;margin-bottom:6px}.notice-list{margin:0;padding-left:16px;font-size:11px;color:#64748b;line-height:1.5}.notice-list li{margin-bottom:4px}.notice-list li:last-child{margin-bottom:0}.guide-container{padding-bottom:40px}.guide-title-area{width:100%;text-align:center;margin-bottom:24px}.guide-desc{color:#6b7280;font-size:14px;margin:0}.tab-container{display:flex;width:100%;gap:8px;margin-bottom:24px;background:#f3f4f6;padding:6px;border-radius:12px;box-sizing:border-box}.tab-btn{flex:1;padding:12px;border:none;background:transparent;border-radius:8px;font-size:15px;font-weight:700;color:#6b7280;cursor:pointer;transition:all .2s}.tab-btn.active{background:#fff;color:#111827;box-shadow:0 2px 4px #0000000d}.loading-container{text-align:center;padding:50px 0;width:100%}.spinner{width:40px;height:40px;border:4px solid #E5E7EB;border-top:4px solid #2563EB;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#6b7280;font-weight:600}.medicine-list{display:flex;flex-direction:column;gap:20px;width:100%}.medicine-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;cursor:pointer;transition:transform .2s}.medicine-card:active{transform:scale(.98)}.warning-badge{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:13px;font-weight:800;border:1px solid #FCA5A5;word-break:keep-all;display:flex;align-items:center;gap:6px;line-height:1.2}.medicine-header{display:flex;gap:16px;align-items:center}.medicine-img{width:80px;height:80px;border-radius:12px;object-fit:contain;background-color:#fff;padding:4px;border:1px solid #E5E7EB;box-sizing:border-box}.medicine-info{display:flex;flex-direction:column;gap:4px;flex:1}.medicine-name-kr{margin:0;font-size:18px;font-weight:800;color:#111827;word-break:keep-all}.medicine-name-jp{margin:0 0 6px;font-size:14px;font-weight:600;color:#6b7280}.medicine-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#eff6ff;color:#2563eb;font-size:12px;padding:4px 8px;border-radius:6px;font-weight:700}.medicine-desc{background:#f9fafb;padding:16px;border-radius:12px;font-size:14px;color:#374151;line-height:1.5;font-weight:600;word-break:keep-all}.detail-link{text-align:right;font-size:12px;color:#2563eb;font-weight:700;margin-top:4px}.empty-state{text-align:center;padding:40px 0;color:#9ca3af;width:100%}.speed-desc{color:#6b7280;font-size:14px;margin-bottom:24px;text-align:center}.flash-card{background-color:#fef2f2;border:2px solid #EF4444;border-radius:16px;padding:24px 20px;text-align:center;margin-bottom:24px;box-shadow:0 4px 12px #ef44441a;min-height:160px;display:flex;flex-direction:column;justify-content:center;width:100%;box-sizing:border-box}.flash-title{font-size:14px;font-weight:800;color:#991b1b;margin:0 0 16px}.flash-icon{font-size:40px;display:block;margin-bottom:12px}.flash-jp{font-size:20px;font-weight:900;color:#111827;margin:0 0 12px;word-break:break-word;line-height:1.4}.flash-kr{color:#6b7280;font-size:15px;font-weight:600;margin:0}.flash-empty{color:#9ca3af;margin:0}.flash-symptoms-box{margin-top:20px;padding-top:16px;border-top:1px dashed #FCA5A5;text-align:left}.flash-symptoms-title{font-size:15px;font-weight:800;color:#991b1b;margin:0 0 12px}.flash-symptoms-title span{font-size:12px;color:#dc2626;font-weight:600}.flash-symptoms-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.flash-symptoms-list li{font-size:16px;font-weight:800;color:#111827;word-break:keep-all}.flash-symptoms-list li span{font-size:13px;font-weight:500;color:#6b7280;margin-left:4px}.speed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px;width:100%}.speed-btn{background-color:#fff;color:#374151;border:1px solid #E5E7EB;border-radius:12px;padding:12px 8px;font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.speed-btn.active{background-color:#1f2937;color:#fff;border-color:#1f2937}.speed-btn-icon{font-size:22px}.sub-symptom-area{margin-bottom:32px;width:100%;animation:fadeIn .3s ease}.sub-symptom-title{font-size:14px;font-weight:800;color:#374151;margin-bottom:12px;text-align:center}.sub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sub-btn{background-color:#fff;color:#4b5563;border:2px solid #E5E7EB;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sub-btn.active{background-color:#eff6ff;color:#1d4ed8;border-color:#3b82f6}.guide-link-btn{background-color:#f59e0b;color:#fff;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-container{padding-bottom:40px;align-items:flex-start}.detail-header{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.detail-img{width:160px;height:160px;border-radius:16px;object-fit:contain;background-color:#fff;padding:12px;border:1px solid #E5E7EB;margin-bottom:16px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box}.detail-title-kr{margin:0 0 4px;font-size:24px;font-weight:900;color:#111827;word-break:keep-all}.detail-title-jp{margin:0 0 12px;font-size:16px;font-weight:600;color:#6b7280}.detail-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.detail-warning-box{width:100%;background-color:#fef2f2;border:2px solid #FCA5A5;border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center;margin-bottom:24px;box-sizing:border-box}.warning-icon{font-size:20px;line-height:1;display:flex;align-items:center}.detail-warning-box p{margin:0;color:#dc2626;font-size:15px;font-weight:800;line-height:1.3;word-break:keep-all;transform:translateY(1px)}.detail-content{width:100%;display:flex;flex-direction:column;gap:16px}.info-section{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000005;box-sizing:border-box}.info-section h3{margin:0 0 8px;font-size:16px;font-weight:800;color:#374151}.info-section p{margin:0;font-size:15px;color:#4b5563;line-height:1.6;word-break:keep-all}.tip-section{background:#eff6ff;border-color:#bfdbfe}.tip-section h3{color:#1d4ed8}.tip-section p{color:#1e3a8a;font-weight:600}body{margin:0;background-color:#1f2937;display:block;min-height:100vh;font-family:Pretendard,system-ui,-apple-system,sans-serif}#root{width:100%;max-width:none;background-color:#f9fafb;min-height:100vh;box-shadow:none;position:relative;overflow-x:hidden;display:flex;justify-content:center}@media(min-width:421px){#root{max-width:420px;margin:0 auto;box-shadow:0 0 30px #0006}}.container{width:100%;box-sizing:border-box;padding:60px 24px 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.title{font-size:26px;font-weight:800;color:#111827;margin-bottom:12px;letter-spacing:-.5px;width:100%}.subtitle{font-size:16px;font-weight:500;color:#6b7280;margin-bottom:32px;line-height:1.5;word-break:keep-all;width:100%}.disclaimer-box{background-color:#fef2f2;border:1px solid #FCA5A5;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;box-sizing:border-box}.alert-icon{font-size:20px;line-height:1.2}.disclaimer-box p{margin:0;font-size:13px;color:#991b1b;line-height:1.5;font-weight:600}.primary-btn{width:100%;background-color:#1f2937;color:#fff;border:none;border-radius:16px;padding:18px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a}.primary-btn:hover{background-color:#111827;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)}.location-btn{background-color:#2563eb;margin-bottom:12px}.location-btn:hover{background-color:#1d4ed8}.emergency-btn{background-color:#ef4444;margin-bottom:16px;box-shadow:0 4px 12px #ef444433}.emergency-btn:hover{background-color:#dc2626}.btn-area{margin-top:32px;width:100%}.app-header{width:100%;max-width:420px;height:60px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;position:fixed;top:0;z-index:100;left:50%;transform:translate(-50%);border-bottom:1px solid #E5E7EB;box-shadow:0 2px 8px #00000005}@media(max-width:420px){.app-header{max-width:none;left:0;transform:none}}.header-left,.header-center,.header-right{display:flex;align-items:center;flex:1}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.back-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:15px;font-weight:600;padding:8px 0;transition:color .2s ease;display:flex;align-items:center;gap:4px}.back-btn:hover{color:#111827}.menu-btn{background:none;border:none;cursor:pointer;color:#374151;font-size:24px;padding:8px;line-height:1;transition:color .2s ease}.menu-btn:hover{color:#2563eb}
