:root{--bg:#06243d;--card:#ffffff0d;--card-2:#ffffff14;--text:#eef6fb;--muted:#9fbdd2;--border:#ffffff1f;--accent:#2dd4bf;--accent-2:#38bdf8;--green:#3ddc84;--yellow:#ffd166;--red:#ff6b5e;--radius:18px;--maxw:640px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1100px 600px at 50% -10%, #0d4a6e 0%, transparent 60%), radial-gradient(800px 500px at 110% 30%, #2dd4bf1f 0%, transparent 55%), radial-gradient(700px 500px at -10% 70%, #38bdf81f 0%, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app{max-width:var(--maxw);margin:0 auto;padding:2.25rem 1.25rem 4rem}.hero{text-align:center;margin-bottom:1.75rem}.hero-emoji{font-size:3rem;line-height:1;animation:3.2s ease-in-out infinite hero-bob;display:inline-block}@keyframes hero-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-6px)rotate(4deg)}}.hero h1{letter-spacing:-.03em;margin:.35rem 0 .25rem;font-size:clamp(2.2rem,8vw,3rem);font-weight:900;line-height:1.05}.hero-bada{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-inte{color:var(--text)}.tagline{color:var(--muted);margin:0}.controls{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:.6rem;padding:1rem 1.1rem;display:flex}.day-toggle{gap:.5rem;display:flex}.day-toggle .preset-chip{flex:1}.when-line{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.loading{text-align:center;color:var(--muted)}.preset-chip{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#00000040;border-radius:999px;flex:auto;padding:.55rem .7rem;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s}.preset-chip:hover{border-color:var(--accent)}.preset-chip.active{background:var(--accent);border-color:var(--accent);color:#052e2b}input{border:1px solid var(--border);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#00000040;border-radius:12px;width:100%;min-width:0;max-width:100%;padding:.7rem .8rem;font-family:inherit;font-size:1rem}input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2dd4bf33}.place-row{gap:.5rem;display:flex}.place-row input{flex:1}button{cursor:pointer;font-family:inherit;font-size:1rem}.primary{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-2) 100%);color:#052e2b;letter-spacing:.01em;border:none;border-radius:14px;padding:.95rem;font-size:1.05rem;font-weight:800;transition:transform .12s,filter .15s;box-shadow:0 6px 20px #2dd4bf4d}.primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(0)scale(.99)}.primary:disabled,.ghost:disabled{opacity:.6;cursor:default}.ghost{background:var(--card-2);color:var(--text);border:1px solid var(--border);white-space:nowrap;border-radius:12px;padding:.7rem .8rem}.ghost:hover:not(:disabled){border-color:var(--accent)}.suggestions{flex-wrap:wrap;gap:.4rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.suggestions button{background:var(--card-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.suggestions button:hover{border-color:var(--accent)}.error{border:1px solid var(--red);color:#ffb4ae;background:#ff6b5e1f;border-radius:12px;margin-top:1rem;padding:.8rem 1rem}.result{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-top:1.75rem;padding:1.5rem 1.25rem}.dissuasion{border:1px solid var(--red);background:#ff6b5e24;border-radius:12px;margin-bottom:1rem;padding:.8rem 1rem;font-size:.95rem;line-height:1.45}.verdict-block{animation:.45s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verdict{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 0;display:flex}.verdict-emoji{font-size:clamp(3rem,14vw,4.5rem);line-height:1;animation:.6s cubic-bezier(.18,1.4,.4,1) both verdict-pop}.verdict-word{letter-spacing:-.02em;text-transform:uppercase;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.6rem,13vw,4.8rem);font-weight:900;line-height:1;animation:.6s cubic-bezier(.18,1.4,.4,1) 80ms both verdict-pop}@keyframes verdict-pop{0%{opacity:0;transform:scale(.2)rotate(-6deg)}60%{opacity:1;transform:scale(1.12)rotate(2deg)}80%{transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.verdict-yes .verdict-word{filter:drop-shadow(0 0 24px #2dd4bf59);background-image:linear-gradient(100deg,#2dd4bf 0%,#38bdf8 100%)}.verdict-maybe .verdict-word{filter:drop-shadow(0 0 24px #ffd1664d);background-image:linear-gradient(100deg,#ffd166 0%,#ff9f43 100%)}.verdict-no .verdict-word{filter:drop-shadow(0 0 24px #ff6b5e59);background-image:linear-gradient(100deg,#ff6b5e 0%,#ff5d8f 100%)}.motivation{text-align:center;max-width:34rem;margin:.5rem auto 1.5rem;font-size:1.1rem}.water-hero{border:1px solid var(--border);background:#0003;border-radius:14px;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.water-temp{letter-spacing:-.03em;background:linear-gradient(160deg, var(--accent-2) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:clamp(2.4rem,10vw,3.2rem);font-weight:900}.water-meta{min-width:0}.spot-name{font-size:1.05rem;font-weight:700}.spot-sub{color:var(--muted);font-size:.88rem}.confidence{text-align:left;border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:.5rem;max-width:34rem;margin:0 auto 1.25rem;padding:.6rem .9rem;font-size:.92rem;line-height:1.4;display:flex}.confidence .conf-icon{flex-shrink:0}.conf-medium{background:#ffd1661a;border-color:#ffd16673}.conf-low{background:#ff6b5e1a;border-color:#ff6b5e80}.calc{border:1px solid var(--border);background:#0003;border-radius:14px;margin-bottom:1.25rem;padding:1rem 1.1rem}.calc-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;font-size:.85rem;display:flex}.calc-score strong{color:var(--text);font-size:1.05rem}.calc-steps{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.calc-step{grid-template-columns:auto auto 1fr auto;align-items:center;gap:.6rem;display:grid}.calc-icon{font-size:1.2rem}.calc-label{font-weight:600}.calc-value{color:var(--muted);text-align:right;font-size:.9rem}.calc-points{text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:2.2rem;padding:.15rem .5rem;font-size:.9rem;font-weight:700}.calc-points.positive{color:#7ce8d9;background:#2dd4bf29}.calc-points.negative{color:#ff9a92;background:#ff6b5e2e}.calc-points.zero{color:var(--muted);background:#ffffff14}.alt-spots{margin-bottom:1.25rem}.alt-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem;font-size:.85rem;font-weight:600}.alt-list{flex-wrap:wrap;gap:.4rem;display:flex}.alt-chip{background:var(--card-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.4rem .8rem;font-size:.88rem}.alt-chip:hover{border-color:var(--accent)}.alt-dist{color:var(--muted);font-size:.8rem}.share{background:var(--card-2);color:var(--text);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;margin:0 auto 1.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.share:hover{border-color:var(--accent)}.nerd{border-top:1px solid var(--border);padding-top:1rem}.nerd summary{cursor:pointer;color:var(--muted);text-align:center;font-size:.95rem;font-weight:600;list-style:none}.nerd summary::-webkit-details-marker{display:none}.nerd summary:hover{color:var(--text)}.nerd[open] summary{margin-bottom:1rem}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.weather-table{border-collapse:collapse;width:100%;font-size:.92rem}.weather-table th,.weather-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem .7rem}.weather-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.weather-table tbody tr:last-child td{border-bottom:none}.weather-table .num{text-align:right}.footer{text-align:center;color:var(--muted);margin-top:2.5rem;font-size:.85rem}.footer a{color:var(--accent)}@media (prefers-reduced-motion:reduce){.verdict-block,.verdict-emoji,.verdict-word,.hero-emoji,.primary{transition:none;animation:none}}@media (max-width:420px){.hero h1{font-size:1.9rem}}.sugg-area{color:var(--muted);font-size:.8em}.family{text-align:center;margin-top:2.5rem}.family-heading{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .6rem;font-size:.85rem;font-weight:600}.family-links{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.family-chip{background:var(--card-2);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .15s;display:inline-flex}.family-chip:hover{border-color:var(--accent)}.family+.footer{margin-top:1.25rem}