@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){body{color:#e2e4ed;background:linear-gradient(135deg,#363b5e 0%,#4e3d6d 100%)}}::selection{background:#6366f14d}.app{z-index:1;flex-direction:column;gap:24px;max-width:580px;min-height:100vh;margin:0 auto;padding:40px 20px 32px;display:flex;position:relative}.hero{text-align:center;color:#fff;padding:16px 0 8px}.hero-icon{margin-bottom:8px;font-size:3rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero h1{letter-spacing:-.5px;text-shadow:0 2px 10px #00000026;margin-bottom:8px;font-size:1.75rem;font-weight:700}.hero-sub{opacity:.9;max-width:420px;margin:0 auto;font-size:.95rem;line-height:1.6}.card{background:#fff;border-radius:20px;flex-direction:column;gap:24px;padding:32px 28px;animation:.5s ease-out fadeUp;display:flex;box-shadow:0 20px 60px #0000001f,0 4px 12px #0000000f}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form{flex-direction:column;gap:20px;display:flex}.field{border:none;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.field>span,.field>legend{color:#4b5563;text-transform:uppercase;letter-spacing:.4px;padding:0;font-size:.85rem;font-weight:600}.radio-group{gap:10px;display:flex}.radio-pill{cursor:pointer;color:#4b5563;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.radio-pill input{display:none}.radio-pill:hover{background:#eef2ff;border-color:#a5b4fc}.radio-pill.active{color:#4338ca;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;box-shadow:0 2px 8px #6366f12e}input[type=text]{color:#1f2937;background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}input[type=text]::placeholder{color:#9ca3af}input[type=text]:hover{border-color:#c7d2fe}input[type=text]:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}select{color:#1f2937;cursor:pointer;appearance:none;background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #e5e7eb;border-radius:12px;padding:10px 34px 10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}select:hover{border-color:#c7d2fe}select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.weather-row{align-items:center;gap:12px;display:flex}.weather-row input{flex:1}.weather-badge{white-space:nowrap;text-align:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fcd34d;border-radius:12px;min-width:90px;padding:8px 14px;font-size:.95rem;font-weight:600}.weather-hint{color:#9ca3af;margin-top:-2px;font-size:.78rem;font-style:italic}.targets-list{flex-direction:column;gap:8px;display:flex}.target-row{align-items:center;gap:8px;animation:.3s ease-out fadeUp;display:flex}.target-number{text-align:center;flex-shrink:0;width:32px;font-size:1.1rem}.target-row input{flex:1}.remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:2px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.15rem;transition:all .2s;display:flex}.remove-btn:disabled{opacity:.25;cursor:not-allowed}.remove-btn:hover:not(:disabled){background:#fecaca;border-color:#fca5a5;transform:scale(1.05)}.add-btn{cursor:pointer;color:#6366f1;background:0 0;border:2px dashed #c7d2fe;border-radius:12px;align-self:flex-start;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.add-btn:hover{background:#eef2ff;border-color:#818cf8}.generate-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;margin-top:4px;padding:14px 28px;font-size:1.05rem;font-weight:700;transition:all .25s;box-shadow:0 4px 14px #6366f159}.generate-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #6366f173}.generate-btn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}.generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.generate-btn:disabled:hover{box-shadow:none;transform:none}.validation-hint{color:#9ca3af;text-align:center;margin-top:-8px;font-size:.8rem;font-style:italic}.output-section{border-top:2px solid #f3f4f6;padding-top:24px;animation:.4s ease-out fadeUp}.output-title{text-transform:uppercase;letter-spacing:.4px;color:#6b7280;margin-bottom:10px;font-size:.85rem;font-weight:600}.output{resize:none;color:#1f2937;box-sizing:border-box;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;width:100%;padding:16px;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.9rem;line-height:1.8;transition:border-color .2s}.output:focus{border-color:#6366f1;outline:none}.copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;margin-top:12px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .25s;box-shadow:0 4px 14px #10b9814d}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.copy-btn:active{transform:translateY(0)}.footer{text-align:center;color:#ffffffa6;padding:12px 0 8px;font-size:.8rem}.footer a{color:#fffc;border-bottom:1px solid #ffffff4d;text-decoration:none;transition:all .2s}.footer a:hover{color:#fff;border-bottom-color:#ffffffb3}@media (width<=480px){.card{border-radius:16px;padding:24px 18px}.hero h1{font-size:1.4rem}.radio-group{flex-direction:column}}.error-boundary{text-align:center;background:#fff;border-radius:20px;max-width:480px;margin:80px auto;padding:40px 28px;box-shadow:0 20px 60px #0000001f,0 4px 12px #0000000f}.error-boundary h2{color:#dc2626;margin-bottom:12px;font-size:1.3rem}.error-boundary p{color:#6b7280;margin-bottom:20px;font-size:.95rem}.error-boundary button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;padding:10px 24px;font-size:.95rem;font-weight:600}@media (prefers-color-scheme:dark){.card{background:#2e3148;box-shadow:0 20px 60px #00000038,0 4px 12px #0000001f}.field>span,.field>legend{color:#a8adc0}.radio-pill{color:#cdd0de;background:#373b56;border-color:#4c5172}.radio-pill:hover{background:#40446a;border-color:#818cf8}.radio-pill.active{color:#c7d2fe;background:linear-gradient(135deg,#3f3c6e,#4a4580);border-color:#a5b4fc}input[type=text]{color:#e2e4ed;background:#373b56;border-color:#4c5172}input[type=text]::placeholder{color:#787e98}input[type=text]:hover{border-color:#818cf8}input[type=text]:focus{background:#2e3148;border-color:#a5b4fc;box-shadow:0 0 0 3px #818cf833}.weather-badge{color:#fde68a;background:linear-gradient(135deg,#4a3a20,#5c4a28);border-color:#b8860b}.weather-hint{color:#787e98}.remove-btn{color:#fca5a5;background:#4a2c2c}.remove-btn:hover:not(:disabled){background:#5c3434;border-color:#fca5a5}.add-btn{color:#c7d2fe;border-color:#6366f1}.add-btn:hover{background:#40446a;border-color:#818cf8}.generate-btn{box-shadow:0 4px 14px #818cf840}.generate-btn:hover{box-shadow:0 6px 20px #818cf859}.output-section{border-top-color:#4c5172}.output-title{color:#a8adc0}.output{color:#e2e4ed;background:#373b56;border-color:#4c5172}.output:focus{border-color:#a5b4fc}.copy-btn{box-shadow:0 4px 14px #10b98133}.validation-hint{color:#787e98}.error-boundary{background:#2e3148}.error-boundary p{color:#a8adc0}.footer{color:#ffffff80}}