.card{background:#fff;border:1px solid #e8e7f0;border-radius:16px;padding:28px 32px;position:relative;transition:background .3s ease,border-color .3s ease,box-shadow .25s ease}.dark .card{background:#16161e;border-color:#282836}.card:hover{box-shadow:0 4px 24px rgba(224,173,0,.06);border-color:#d4d2e8}.dark .card:hover{box-shadow:0 4px 24px rgba(245,197,24,.08);border-color:#35354a}.card-title{font-family:'Space Grotesk',system-ui,sans-serif;font-size:18px;font-weight:700;color:#1a1a2e;margin-bottom:4px;letter-spacing:-.02em}.dark .card-title{color:#ededf4}.card-desc{font-size:13px;color:#8b8a9e;margin-bottom:20px;line-height:1.5}.dark .card-desc{color:#6b6b85}.step-badge{position:absolute;top:-10px;left:24px;background:linear-gradient(135deg,#f5c518,#e0ad00);color:#1a1a2e;width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(224,173,0,.3)}.header-logo{height:52px;width:auto}.dark-toggle{width:36px;height:36px;border-radius:10px;border:1.5px solid #e8e7f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#8b8a9e;transition:background .2s ease,border-color .2s ease,color .2s ease}.dark .dark-toggle{border-color:#35354a;background:#1e1e2a;color:#b0b0c4}.dark-toggle:hover{border-color:#ffe44d;color:#e0ad00}.dark .dark-toggle:hover{border-color:#f5c518;color:#fcd116}.icon-sun{display:none}.icon-moon{display:block}.dark .icon-sun{display:block}.dark .icon-moon{display:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5c518,#e0ad00);color:#1a1a2e;padding:14px 36px;border-radius:12px;font-family:'DM Sans',system-ui,sans-serif;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px rgba(224,173,0,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(224,173,0,.35)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(224,173,0,.2)}.btn-add{background:#fff;color:#e0ad00;padding:8px 18px;border-radius:10px;font-family:'DM Sans',system-ui,sans-serif;font-weight:600;font-size:13px;border:1.5px solid #fff9c4;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn-add:hover{background:#fffde7;border-color:#ffe44d}.dark .btn-add{background:#1e1e2a;color:#fcd116;border-color:#35354a}.dark .btn-add:hover{background:#282836;border-color:#f5c518}.btn-remove{background:0 0;border:none;color:#ffe44d;cursor:pointer;padding:4px 8px;font-size:18px;line-height:1;border-radius:6px;transition:color .15s ease,background .15s ease}.btn-remove:hover{color:#ef4444;background:#fef2f2}.dark .btn-remove{color:#4a4a64}.dark .btn-remove:hover{color:#f87171;background:rgba(239,68,68,.1)}.title-input{width:100%;padding:14px 18px;border:1.5px solid #e8e7f0;border-radius:12px;font-family:'DM Sans',system-ui,sans-serif;font-size:17px;font-weight:500;color:#1a1a2e;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background:#f8f8fc}.title-input:focus{border-color:#fcd116;box-shadow:0 0 0 3px rgba(245,197,24,.1);background:#fff}.title-input::placeholder{color:#b8b7c8;font-weight:400}.dark .title-input{background:#1e1e2a;border-color:#282836;color:#ededf4}.dark .title-input:focus{border-color:#f5c518;box-shadow:0 0 0 3px rgba(245,197,24,.15);background:#1e1e2a}.dark .title-input::placeholder{color:#4a4a64}.input-row{display:flex;align-items:center;gap:10px}.input-row input[type=text]{flex:1;padding:10px 14px;border:1.5px solid #e8e7f0;border-radius:10px;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;font-weight:500;color:#1a1a2e;outline:0;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;background:#f8f8fc}.input-row input[type=text]:focus{border-color:#fcd116;box-shadow:0 0 0 3px rgba(245,197,24,.1);background:#fff}.input-row input[type=text]::placeholder{color:#b8b7c8;font-weight:400}.dark .input-row input[type=text]{background:#1e1e2a;border-color:#282836;color:#ededf4}.dark .input-row input[type=text]:focus{border-color:#f5c518;box-shadow:0 0 0 3px rgba(245,197,24,.15);background:#1e1e2a}.dark .input-row input[type=text]::placeholder{color:#4a4a64}.slider-group{display:flex;align-items:center;gap:10px;min-width:170px}.slider-value{font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:700;min-width:30px;text-align:center;color:#e0ad00;background:#fffde7;padding:3px 8px;border-radius:8px;line-height:1.4}.dark .slider-value{color:#fcd116;background:rgba(245,197,24,.12)}.slider-label{font-size:10px;font-weight:600;color:#b8b7c8;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.dark .slider-label{color:#4a4a64}input[type=range]{-webkit-appearance:none;appearance:none;height:5px;border-radius:3px;outline:0;cursor:pointer;flex:1;min-width:80px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #e0ad00;box-shadow:0 1px 6px rgba(224,173,0,.25);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 10px rgba(224,173,0,.35)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.25);background:#fffde7}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2.5px solid #e0ad00;box-shadow:0 1px 6px rgba(224,173,0,.25);cursor:pointer}input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:#e8e7f0}.matrix-cards{display:grid;gap:14px}.option-card{border:1.5px solid #e8e7f0;border-radius:14px;padding:18px 22px;background:linear-gradient(180deg,#fffef8 0,#fffde7 100%);transition:border-color .2s ease,box-shadow .2s ease}.option-card:hover{border-color:#ffe44d;box-shadow:0 2px 12px rgba(224,173,0,.06)}.dark .option-card{background:linear-gradient(180deg,#1e1e2a 0,#1a1a24 100%);border-color:#282836}.dark .option-card:hover{border-color:#35354a;box-shadow:0 2px 12px rgba(245,197,24,.08)}.option-card-header{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:15px;color:#7a5a00;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e8e7f0}.dark .option-card-header{color:#ffe44d;border-bottom-color:#282836}.score-row{display:flex;align-items:center;gap:14px;padding:9px 0}.score-row+.score-row{border-top:1px solid #f1f0f7}.dark .score-row+.score-row{border-top-color:#1e1e2a}.score-criterion-name{font-size:13px;font-weight:500;color:#4b4a60;min-width:120px;flex-shrink:0}.dark .score-criterion-name{color:#9090a8}.score-criterion-weight{font-size:10px;font-weight:500;color:#b8b7c8}.dark .score-criterion-weight{color:#4a4a64}.score-slider-wrap{flex:1;display:flex;align-items:center;gap:10px}.score-slider-wrap input[type=range]{flex:1}.score-value{font-family:'DM Sans',system-ui,sans-serif;font-size:14px;font-weight:700;min-width:30px;text-align:center;border-radius:8px;padding:3px 8px;line-height:1.4;transition:color .2s ease,background .2s ease}.score-low{color:#dc2626;background:#fef2f2}.score-mid{color:#c27803;background:#fefce8}.score-high{color:#059669;background:#ecfdf5}.dark .score-low{color:#f87171;background:rgba(239,68,68,.1)}.dark .score-mid{color:#fbbf24;background:rgba(251,191,36,.1)}.dark .score-high{color:#34d399;background:rgba(5,150,105,.1)}.rank-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;border:1.5px solid #e8e7f0;transition:transform .2s ease;background:#fff}.dark .rank-card{background:#1e1e2a;border-color:#282836}.rank-card.winner{border-color:#fcd116;background:linear-gradient(135deg,#fffde7 0,#fff9c4 100%);box-shadow:0 2px 12px rgba(224,173,0,.1)}.dark .rank-card.winner{background:linear-gradient(135deg,rgba(245,197,24,.12) 0,rgba(224,173,0,.08) 100%);border-color:#f5c518;box-shadow:0 2px 12px rgba(245,197,24,.15)}.rank-number{font-family:'Space Grotesk',system-ui,sans-serif;font-size:22px;font-weight:700;color:#d4d2e8;min-width:36px}.dark .rank-number{color:#35354a}.rank-card.winner .rank-number{color:#e0ad00}.dark .rank-card.winner .rank-number{color:#fcd116}.rank-name{font-weight:600;font-size:14px;color:#1a1a2e}.dark .rank-name{color:#ededf4}.rank-score{margin-left:auto;font-family:'DM Sans',system-ui,sans-serif;font-size:20px;font-weight:700;color:#8b8a9e}.dark .rank-score{color:#6b6b85}.rank-card.winner .rank-score{color:#e0ad00}.dark .rank-card.winner .rank-score{color:#fcd116}.rank-bar{height:3px;background:#e8e7f0;border-radius:2px;margin-top:6px;overflow:hidden}.dark .rank-bar{background:#282836}.rank-bar-fill{height:100%;background:linear-gradient(90deg,#f5c518,#fcd116);border-radius:2px;transition:width .7s cubic-bezier(.22, 1, .36, 1)}.insight-box{margin-top:28px;padding:18px 22px;background:linear-gradient(135deg,#fffde7 0,#fafafe 100%);border:1px solid #fff9c4;border-radius:12px;font-size:14px;line-height:1.65;color:#9e7400}.insight-box strong{font-weight:700;color:#7a5a00}.dark .insight-box{background:linear-gradient(135deg,rgba(245,197,24,.08) 0,rgba(30,30,42,.5) 100%);border-color:#35354a;color:#b0b0c4}.dark .insight-box strong{color:#ffe44d}.pill{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:600;border:1.5px solid #e8e7f0;background:#fff;color:#4b4a60;cursor:pointer;transition:all .15s ease;user-select:none}.pill:hover{border-color:#ffe44d;color:#e0ad00}.pill-active{background:linear-gradient(135deg,#f5c518,#e0ad00);color:#1a1a2e;border-color:transparent;box-shadow:0 2px 8px rgba(224,173,0,.25)}.pill-active:hover{color:#1a1a2e;box-shadow:0 4px 12px rgba(224,173,0,.35)}.dark .pill{background:#1e1e2a;border-color:#282836;color:#9090a8}.dark .pill:hover{border-color:#f5c518;color:#ffe44d}.dark .pill-active{background:linear-gradient(135deg,#f5c518,#e0ad00);color:#1a1a2e;border-color:transparent}.pill-small{padding:6px 12px;font-size:12px;border-radius:16px}.weight-row{display:flex;align-items:center;gap:12px;padding:6px 0}.weight-row-label{font-size:13px;font-weight:500;color:#4b4a60;min-width:130px;flex-shrink:0}.dark .weight-row-label{color:#9090a8}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.weather-title{font-family:'Space Grotesk',system-ui,sans-serif;font-size:15px;font-weight:700;color:#1a1a2e;margin-bottom:12px}.dark .weather-title{color:#ededf4}.weather-card{padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,#fffef5 0,#fffde7 100%);border:1px solid #fff9c4;transition:border-color .2s ease}.dark .weather-card{background:linear-gradient(135deg,rgba(245,197,24,.08) 0,rgba(30,30,42,.5) 100%);border-color:#35354a}.weather-city{font-family:'Space Grotesk',system-ui,sans-serif;font-size:13px;font-weight:600;color:#7a5a00;margin-bottom:6px}.dark .weather-city{color:#ffe44d}.weather-temp{font-family:'Space Grotesk',system-ui,sans-serif;font-size:28px;font-weight:700;color:#1a1a2e;line-height:1;margin-bottom:4px}.dark .weather-temp{color:#ededf4}.weather-desc{font-size:13px;font-weight:500;color:#e0ad00;margin-bottom:4px}.dark .weather-desc{color:#fcd116}.weather-detail{font-size:11px;color:#8b8a9e}.dark .weather-detail{color:#6b6b85}.weather-attribution{font-size:11px;color:#b8b7c8;margin-top:10px;text-align:right}.dark .weather-attribution{color:#4a4a64}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .3s ease forwards}@media (max-width:640px){.card{padding:22px 18px}.input-row{flex-wrap:wrap}.slider-group{min-width:100%;margin-top:6px}.score-criterion-name{min-width:90px}.option-card{padding:14px 16px}}