:root{--color-bg-base: #fffbf2;--color-bg-card: #ffffff;--color-primary: #ff9f43;--color-primary-hover: #fa8231;--color-secondary: #54a0ff;--color-accent: #ff6b6b;--color-success: #1dd1a1;--color-text-main: #576574;--color-text-sub: #8395a7;--shadow-pop: 4px 4px 0px rgba(0, 0, 0, .1);--radius-card: 20px;--radius-btn: 50px;--font-family-base: "Hiragino Kaku Gothic ProN", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif}body{margin:0;font-family:var(--font-family-base);background-color:var(--color-bg-base);background-image:radial-gradient(#ffeaa7 1px,transparent 1px);background-size:20px 20px;color:var(--color-text-main);-webkit-font-smoothing:antialiased;min-height:100vh}#root{max-width:1024px;margin:0 auto;padding:2rem 1rem}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}70%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:var(--color-bg-card);border-radius:var(--radius-card);padding:2rem;box-shadow:var(--shadow-pop);border:2px solid #feca57;transition:transform .2s;margin-bottom:2rem}.card:hover{transform:translateY(-4px);box-shadow:6px 6px #0000001a}.btn-primary{background:var(--color-primary);color:#fff;border:2px solid white;padding:1rem 2rem;border-radius:var(--radius-btn);font-weight:700;font-size:1.2rem;cursor:pointer;transition:all .2s;box-shadow:4px 4px #0000001a;display:block;width:100%}.btn-primary:active{transform:translate(4px,4px);box-shadow:none}.input-field{background:#fff;border:2px solid #feca57;border-radius:12px;padding:1rem;font-size:1.1rem;color:var(--color-text-main);width:100%;box-sizing:border-box;margin-bottom:.5rem}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff9f4333}h1{color:var(--color-primary);font-size:2.5rem;text-shadow:2px 2px 0px #fff;margin-bottom:.5rem}h2,h3{color:var(--color-text-main);letter-spacing:.05em}label{font-weight:700;color:var(--color-text-main);margin-bottom:.5rem;display:block}.tag{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;color:#fff}.nav-active{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;color:#e67e22!important}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 15px 40px #0000001a}@media(min-width:769px){.mobile-toggle{display:none!important}}@media(max-width:768px){.desktop-menu{display:none!important}.mobile-toggle{display:block!important;width:44px;height:44px;display:flex!important;align-items:center;justify-content:center;background:#f8f9fa!important;border-radius:12px!important}}@media(max-width:768px){#root{padding:1rem .5rem}h1{font-size:1.8rem}.card{padding:1.5rem}.btn-primary{font-size:1rem;padding:.8rem 1.5rem}}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}.mobile-comparison-card{background:#fff;border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 10px #0000000d;border:1px solid #ffeaa7}.mobile-feature-title{font-weight:700;font-size:1.1rem;color:#d35400;border-bottom:2px solid #ffeaa7;padding-bottom:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.mobile-city-row{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dotted #dfe6e9}.mobile-city-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mobile-city-badge{display:inline-block;background:#fff3e0;color:#d35400;font-weight:700;font-size:.9rem;padding:.3rem .8rem;border-radius:15px;margin-bottom:.4rem}.mobile-feature-text{font-size:.95rem;line-height:1.6;color:#2d3436;padding-left:.5rem}