*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:#f0f7ff;color:#2d3748;line-height:1.7;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#2196f3,#42a5f5,#4fc3f7);color:#fff;text-align:center;padding:3rem 1rem 2.5rem}.header h1{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem}.header p{font-size:1rem;color:#ffffffd9;font-weight:400}.main{flex:1;max-width:860px;width:100%;margin:0 auto;padding:2rem 1rem 3rem}.address-form{display:flex;gap:.75rem;flex-wrap:wrap;background:#fff;padding:1.25rem;border-radius:16px;box-shadow:0 4px 24px #2196f31a}.address-input{flex:1;min-width:0;padding:.85rem 1.1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;color:#2d3748;background:#f8fbff;transition:border-color .2s}.address-input::placeholder{color:#a0aec0}.address-input:focus{outline:none;border-color:#2196f3;background:#fff}.analyze-btn{padding:.85rem 1.75rem;background:linear-gradient(135deg,#2196f3,#42a5f5);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 4px 12px #2196f359;transition:all .2s}.analyze-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2196f373}.analyze-btn:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed}.error{color:#e53e3e;margin-top:1rem;font-size:.9rem}.result-panel{margin-top:2rem}.result-address{font-size:1rem;color:#718096;margin-bottom:1.25rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.result-resolved{font-size:.85rem;color:#a0aec0}.candidate-picker{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 24px #2196f31a;margin-bottom:1.5rem}.candidate-heading{font-size:.95rem;color:#4a5568;margin-bottom:1rem;font-weight:600}.candidate-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.candidate-btn{width:100%;text-align:left;padding:.75rem 1rem;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#2d3748;cursor:pointer;transition:all .15s}.candidate-btn:hover{border-color:#2196f3;background:#e3f2fd}.candidate-cancel{background:none;border:none;color:#a0aec0;font-size:.85rem;cursor:pointer;padding:0}.candidate-cancel:hover{color:#718096}.map-wrapper{border-radius:16px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014}.map-container{height:300px;width:100%}.map-placeholder{height:300px;background:#e8f4fd;display:flex;align-items:center;justify-content:center;color:#90cdf4;border-radius:16px;margin-bottom:1.5rem}.summary-card{border-radius:16px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #00000012}.summary-good{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-left:5px solid #66bb6a}.summary-caution{background:linear-gradient(135deg,#fff8e1,#fffde7);border-left:5px solid #ffa726}.summary-bad{background:linear-gradient(135deg,#fce4ec,#fdecea);border-left:5px solid #ef5350}.summary-neutral{background:linear-gradient(135deg,#e3f2fd,#e8f4fd);border-left:5px solid #42a5f5}.score-block{display:flex;align-items:baseline;gap:.15rem;flex-shrink:0}.score-number{font-size:3.5rem;font-weight:900;line-height:1}.score-denom{font-size:1rem;color:#a0aec0;font-weight:600}.summary-text{flex:1}.summary-label{font-weight:800;font-size:1.1rem;display:block;margin-bottom:.3rem}.summary-comment{color:#4a5568;font-size:.95rem;line-height:1.6;margin-bottom:.85rem}.score-breakdown{display:flex;flex-direction:column;gap:.4rem}.score-item{display:flex;align-items:center;gap:.6rem}.score-item-name{font-size:.78rem;color:#718096;width:4.5rem;flex-shrink:0}.score-item-bar-track{flex:1;background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.score-item-bar{height:100%;border-radius:999px;transition:width .4s ease}.score-item-val{font-size:.78rem;font-weight:700;color:#4a5568;width:2.5rem;text-align:right}.score-item-max{font-weight:400;color:#a0aec0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.1rem}.card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 16px #0000000f;border:1px solid rgba(33,150,243,.07)}.card-danger{border:2px solid #ef5350;background:linear-gradient(to bottom,#fff5f5,#fff);box-shadow:0 2px 16px #ef53501f}.card h3{font-size:.85rem;font-weight:700;color:#2196f3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:1px solid #e8f4fd}.card-error,.card-note{color:#a0aec0;font-size:.9rem}.card-year{font-size:.7rem;font-weight:400;color:#b0bec5;text-transform:none;letter-spacing:0;margin-left:.3rem}.card-demo{opacity:.6;border-style:dashed}.risk-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.risk-item{display:flex;justify-content:space-between;align-items:center}.risk-name{color:#4a5568;font-size:.95rem}.risk-badge{padding:.2rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.3px}.risk-green{background:#e8f5e9;color:#2e7d32}.risk-orange{background:#fff3e0;color:#e65100}.risk-red{background:#ffebee;color:#b71c1c}.risk-gray{background:#f5f5f5;color:#9e9e9e}.price-main{font-size:1.25rem;margin-bottom:.75rem;color:#2d3748}.price-main strong{color:#2196f3}.price-trend{color:#4a5568;font-size:.9rem}.price-note{font-size:.82rem;color:#a0aec0;margin-top:.4rem}.price-tsubo{font-size:.82rem;color:#718096;margin-left:.5rem;font-weight:400}.floor-plan-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.floor-plan-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.floor-plan-label{color:#718096}.floor-plan-price{font-weight:600;color:#2d3748}.price-chart{margin-top:1.1rem}.chart-label{font-size:.8rem;color:#a0aec0;margin-bottom:.4rem}.facilities-card{grid-column:1 / -1}.facilities-groups{display:flex;flex-direction:column;gap:1.25rem}.facility-group-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.facility-icon{font-size:1.1rem}.facility-group-label{font-weight:600;color:#2d3748;font-size:.95rem}.facility-group-count{font-size:.8rem;color:#a0aec0;margin-left:auto}.facility-name-list{list-style:none;display:flex;flex-direction:column;gap:.3rem;padding-left:1.7rem}.facility-name-item{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem}.facility-name{color:#4a5568}.facility-walk{color:#2196f3;font-weight:500;white-space:nowrap}.facility-dist-sub{font-size:.75rem;color:#a0aec0;font-weight:400;margin-left:.25rem}.facility-label{flex:1;color:#4a5568;font-size:.95rem}.facility-count{font-weight:700;color:#2d3748;min-width:2.5rem;text-align:right}.facility-dist{font-size:.82rem;color:#a0aec0;min-width:5rem;text-align:right}.transit-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.transit-item{display:flex;align-items:center;gap:.75rem}.transit-icon{font-size:1.1rem;width:1.4rem;text-align:center}.transit-info{display:flex;flex-direction:column;gap:.1rem;flex:1}.transit-name{font-weight:600;color:#2d3748;font-size:.95rem}.transit-line{font-size:.78rem;color:#718096}.transit-passengers{font-size:.78rem;color:#2196f3}.transit-dist{font-size:.82rem;color:#a0aec0;white-space:nowrap}.transit-congestion{font-size:.78rem}.transit-congestion-red{color:#e53e3e}.transit-congestion-orange{color:#d97706}.transit-congestion-blue{color:#2196f3}.transit-congestion-green{color:#38a169}.transit-congestion-gray{color:#a0aec0}.transit-disclaimer{font-size:.75rem;color:#a0aec0;margin-top:.85rem}.age-bars{margin-top:1rem}.age-title{font-size:.8rem;color:#a0aec0;margin-bottom:.6rem}.age-bar-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}.age-label{font-size:.82rem;color:#4a5568;width:10rem;flex-shrink:0}.age-bar-track{flex:1;background:#edf2f7;border-radius:999px;height:8px;overflow:hidden}.age-bar{height:100%;border-radius:999px}.age-youth{background:#4fc3f7}.age-working{background:#42a5f5}.age-elderly{background:#90caf9}.age-pct{font-size:.82rem;font-weight:600;color:#4a5568;width:2.5rem;text-align:right}.corp-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.corp-current-label{display:block;font-size:.78rem;color:#a0aec0}.corp-current-value{font-size:1.5rem;font-weight:800;color:#2d3748}.corp-trend{display:flex;align-items:baseline;gap:.3rem;font-weight:700}.corp-trend-icon{font-size:1.2rem}.corp-trend-label{font-size:.95rem}.corp-trend-pct{font-size:.82rem;font-weight:400;color:#718096}.keyword-section{background:#f8fbff;border-radius:10px;padding:.85rem;margin-top:.85rem}.keyword-title{font-size:.8rem;color:#a0aec0;margin-bottom:.5rem}.concerns-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.concern-item{display:flex;justify-content:space-between;font-size:.9rem;color:#4a5568}.keyword-count{font-weight:600;color:#718096}.breakeven-card{grid-column:1 / -1}.breakeven-summary{display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.breakeven-stat{display:flex;flex-direction:column;gap:.2rem}.breakeven-label{font-size:.8rem;color:#718096}.breakeven-value{font-size:1.15rem;font-weight:700;color:#2d3748}.breakeven-unit{font-size:.8rem;font-weight:400;color:#718096}.breakeven-ok{color:#2196f3}.breakeven-long{color:#e53e3e}.breakeven-note{font-size:.85rem;color:#4a5568;margin-bottom:.75rem}.breakeven-disclaimer{font-size:.75rem;color:#a0aec0;margin-top:.5rem}.elevation-text{font-size:.9rem;color:#718096;margin-bottom:.75rem;font-weight:500}.hazard-comment{font-size:.82rem;color:#c05621;background:#fffaf0;border-left:3px solid #ed8936;padding:.5rem .75rem;margin-top:.85rem;border-radius:0 4px 4px 0}.demo-note{font-size:.78rem;color:#cbd5e0;margin-top:.85rem;font-style:italic}@media(max-width:600px){.header{padding:2rem 1rem 1.5rem}.header h1{font-size:1.7rem}.summary-card{flex-direction:column;align-items:flex-start;gap:1rem}.score-block{align-self:center}.score-number{font-size:2.8rem}.cards{grid-template-columns:1fr}.facilities-card{grid-column:auto}.address-form{padding:1rem;flex-direction:column}.analyze-btn{width:100%}.score-cta-btn{font-size:.88rem}.footer-sources{align-items:flex-start;padding:0 .5rem;text-align:left}}.service-intro{margin-top:1.75rem;background:#fff;border-radius:16px;padding:1.5rem 1.75rem;box-shadow:0 4px 24px #2196f314;display:flex;flex-direction:column;gap:1.1rem}.intro-item{display:flex;align-items:flex-start;gap:1rem}.intro-icon{font-size:1.5rem;width:2rem;text-align:center;flex-shrink:0;margin-top:.1rem}.intro-title{font-weight:700;color:#2d3748;font-size:.95rem;margin-bottom:.15rem}.intro-desc{font-size:.85rem;color:#718096;line-height:1.5}.intro-free{text-align:center;font-size:.82rem;color:#2196f3;font-weight:600;margin-top:.25rem}.loading-block{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 1rem}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2196f3;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-step{color:#718096;font-size:.95rem}.score-cta-wrap{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.score-cta-btn{display:block;padding:.9rem 1.5rem;background:linear-gradient(135deg,#ff8f00,#ffa726);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:.95rem;text-align:center;box-shadow:0 4px 14px #ff8f0059;transition:all .2s}.score-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff8f0073}.cta-note{font-size:.78rem;color:#a0aec0;text-align:center;margin:0}.share-btn{padding:.9rem 1.5rem;background:#fff;color:#2196f3;border:2px solid #2196f3;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap}.share-btn:hover{background:#e3f2fd}.affiliate-block{margin-top:1.5rem;background:linear-gradient(135deg,#fff8e1,#fffde7);border-radius:16px;padding:2rem 1.5rem;text-align:center;border:1px solid #ffe082}.affiliate-heading{font-weight:700;font-size:1.05rem;margin-bottom:1.1rem;color:#4a5568}.affiliate-btn{display:inline-block;padding:.9rem 2.2rem;background:linear-gradient(135deg,#ff8f00,#ffa726);color:#fff;text-decoration:none;border-radius:10px;font-weight:700;font-size:1rem;box-shadow:0 4px 14px #ff8f0059;transition:all .2s}.affiliate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ff8f0073}.affiliate-note{font-size:.78rem;color:#a0aec0;margin-top:.75rem}.footer{background:#2d3748;color:#718096;text-align:center;padding:1.5rem 1rem;font-size:.78rem;line-height:1.8}.footer-disclaimer{margin-bottom:.75rem;color:#a0aec0}.footer-sources{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.6rem}.footer-sources a{color:#90cdf4;text-decoration:none}.footer-sources a:hover{text-decoration:underline}.footer-sep{color:#4a5568}.footer-legal{color:#4a5568;font-size:.72rem;max-width:600px;margin:0 auto;line-height:1.6}