:root{--bg:#f4f9fc;--text:#12324a;--muted:#4f6b80;--accent:#0b6fa4;--accent-text:#fff;--accent-soft:#e1f0f8;--line:#b9d0de;--error-soft:#fbe9e7;--warning-soft:#fdf3d8;--warning-line:#c98a00;--sky-top:#4aaeea;--sky-bottom:#c9ecfc;--sun:#ffd24d;--sun-glow:#ffe2788c;--cloud:#fff;--sea-top:#1b8fd2;--sea-bottom:#0b5795;--water-veil:#1278be52;--surface-line:#fffffff2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Hiragino Sans,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;line-height:1.8}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#08141f;--text:#e3eef6;--muted:#9db4c6;--accent:#5cb8e8;--accent-text:#04121c;--accent-soft:#10273a;--line:#2b4a60;--error-soft:#3a1c1a;--warning-soft:#352a10;--warning-line:#e0a82e;--sky-top:#1c5482;--sky-bottom:#5c9cc8;--sun:#f3cf62;--sun-glow:#f3cf624d;--cloud:#e2eef7d9;--sea-top:#0f5f96;--sea-bottom:#052845;--water-veil:#06325a66;--surface-line:#c8e6f8cc}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:18px}button,.button{border:2px solid var(--accent);background:var(--accent);min-height:52px;color:var(--accent-text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;font-weight:700;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{color:var(--accent);background:0 0}button:disabled{opacity:.5;cursor:default}button:focus-visible,.button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}fieldset.svelte-1kd5wch{border:0;margin:0;padding:0}legend.svelte-1kd5wch{margin-bottom:8px;font-weight:700}.options.svelte-1kd5wch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}label.svelte-1kd5wch{border:2px solid var(--line);cursor:pointer;border-radius:12px;align-content:start;gap:2px;padding:12px 14px;display:grid}.name.svelte-1kd5wch{font-weight:700}label.selected.svelte-1kd5wch{border-color:var(--accent);background:var(--accent-soft)}label.svelte-1kd5wch:has(input:where(.svelte-1kd5wch):focus-visible){outline:3px solid var(--accent);outline-offset:2px}fieldset.svelte-1kd5wch:disabled label:where(.svelte-1kd5wch){cursor:default;opacity:.6}input.svelte-1kd5wch{opacity:0;pointer-events:none;position:absolute}.meta.svelte-1kd5wch,.use.svelte-1kd5wch,.chosen.svelte-1kd5wch{color:var(--muted);font-size:.9rem}.short.svelte-1kd5wch,.chosen.svelte-1kd5wch{display:none}@media (width<=600px){label.svelte-1kd5wch{text-align:center;justify-items:center;padding:8px 4px;line-height:1.4}.emoji.svelte-1kd5wch{font-size:1.4rem;display:block}.full.svelte-1kd5wch{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.options.svelte-1kd5wch{gap:6px}.short.svelte-1kd5wch{font-size:.85rem;display:inline}.meta.svelte-1kd5wch{font-size:.8rem}.use.svelte-1kd5wch{display:none}.chosen.svelte-1kd5wch{margin:6px 0 0;font-size:.85rem;display:block}}.whale.svelte-1u518k7{width:100%;height:auto;display:block;overflow:visible}.spout.svelte-1u518k7{transform-origin:160px 56px;animation:.6s ease-out .8s both svelte-1u518k7-spout,2.4s ease-in-out 1.4s infinite svelte-1u518k7-spout-sway}@keyframes svelte-1u518k7-spout{0%{opacity:0;transform:scale(.3,0)}}@keyframes svelte-1u518k7-spout-sway{50%{transform:scale(1.04,1.08)}}@media (prefers-reduced-motion:reduce){.spout.svelte-1u518k7{animation:none}}.zone.svelte-1w44r4v{--waterline:55%;border:3px dashed var(--line);background:var(--bg);text-align:center;border-radius:20px;overflow:hidden}.zone.busy.svelte-1w44r4v{border-style:solid}.zone.dragging.svelte-1w44r4v{border-color:var(--accent)}.stage.svelte-1w44r4v{background:linear-gradient(to bottom, var(--sea-top) var(--waterline), var(--sea-bottom) 100%);height:clamp(220px,56vw,300px);position:relative;overflow:hidden}.abyss.svelte-1w44r4v{transition:opacity 1.2s;position:absolute;inset:0}.abyss.twilight.svelte-1w44r4v{opacity:var(--twilight);background:linear-gradient(#123d7a,#0a2452)}.abyss.midnight.svelte-1w44r4v{opacity:var(--midnight);background:linear-gradient(#040d1d,#01040a)}.stage[data-pose=diving].svelte-1w44r4v .abyss:where(.svelte-1w44r4v){transition-duration:.6s}.scenery.svelte-1w44r4v{transition:transform 1.2s ease-in-out,opacity 1.2s ease-in-out;position:absolute;inset:0}.stage[data-pose=diving].svelte-1w44r4v .scenery:where(.svelte-1w44r4v){transform:translateY(-70%)}.stage[data-pose=diving].svelte-1w44r4v .scenery.front:where(.svelte-1w44r4v){opacity:0}.sky.svelte-1w44r4v{height:calc(var(--waterline) + 12px);background:linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));position:absolute;inset:0 0 auto}.sun.svelte-1w44r4v{background:var(--sun);width:44px;height:44px;box-shadow:0 0 0 10px var(--sun-glow), 0 0 36px 14px var(--sun-glow);border-radius:50%;position:absolute;top:12%;left:7%}.cloud.svelte-1w44r4v{height:auto;fill:var(--cloud);animation:18s ease-in-out infinite alternate svelte-1w44r4v-drift;position:absolute}.wave.svelte-1w44r4v{left:0;top:calc(var(--waterline) - 12px);width:200%;height:24px;animation:7s linear infinite svelte-1w44r4v-waves;position:absolute}.back.svelte-1w44r4v .water:where(.svelte-1w44r4v){fill:var(--sea-top)}.crest.svelte-1w44r4v{fill:none;stroke:var(--surface-line);stroke-width:3px;vector-effect:non-scaling-stroke}.front.svelte-1w44r4v .wave:where(.svelte-1w44r4v){top:calc(var(--waterline) - 6px);animation-duration:5s;animation-direction:reverse}.front.svelte-1w44r4v .water:where(.svelte-1w44r4v){fill:var(--water-veil)}.veil.svelte-1w44r4v{inset:calc(var(--waterline) + 18px) 0 -100%;background:var(--water-veil);position:absolute}.whale-wrap.svelte-1w44r4v{aspect-ratio:320/300;height:92%;transition:transform .8s;position:absolute;top:6%;left:50%;transform:translate(-50%)}.stage[data-pose=diving].svelte-1w44r4v .whale-wrap:where(.svelte-1w44r4v){transform:translate(-50%)translateY(6%)rotate(10deg)}.stage[data-pose=surfaced].svelte-1w44r4v .whale-wrap:where(.svelte-1w44r4v){transform:translate(-50%)translateY(-4%)}.stage[data-pose=sorry].svelte-1w44r4v .whale-wrap:where(.svelte-1w44r4v){transform:translate(-50%)rotate(-5deg)}.zone.dragging.svelte-1w44r4v .whale-wrap:where(.svelte-1w44r4v){transform:translate(-50%)translateY(-3%)scale(1.04)}.stage[data-pose=idle].svelte-1w44r4v .whale-motion:where(.svelte-1w44r4v){animation:3.2s ease-in-out infinite svelte-1w44r4v-bob}.stage[data-pose=diving].svelte-1w44r4v .whale-motion:where(.svelte-1w44r4v){animation:3.6s ease-in-out infinite svelte-1w44r4v-sway}.stage[data-pose=surfaced].svelte-1w44r4v .whale-motion:where(.svelte-1w44r4v){animation:1.1s cubic-bezier(.2,.8,.3,1.25) both svelte-1w44r4v-rise,3.2s ease-in-out 1.1s infinite svelte-1w44r4v-bob}.stage[data-pose=sorry].svelte-1w44r4v .whale-motion:where(.svelte-1w44r4v){animation:1.8s ease-out both svelte-1w44r4v-rise,2.8s ease-in-out 1.8s infinite svelte-1w44r4v-droop}.bubbles.svelte-1w44r4v span:where(.svelte-1w44r4v){width:var(--size);height:var(--size);animation:svelte-1w44r4v-bubble-rise var(--duration) linear var(--delay) infinite, svelte-1w44r4v-bubble-wobble 1.4s ease-in-out infinite alternate;border:2px solid #fffc;border-radius:50%;position:absolute;top:105%}.meter.svelte-1w44r4v{color:#fff;flex-direction:column;align-items:flex-end;gap:8px;font-size:.8rem;line-height:1.2;display:flex;position:absolute;inset:12px 12px 12px auto}.readout.svelte-1w44r4v{font-variant-numeric:tabular-nums;background:#00122480;border-radius:999px;margin:0;padding:4px 10px;font-size:1.15rem;font-weight:700}.readout.svelte-1w44r4v span:where(.svelte-1w44r4v){font-size:.75rem}.gauge.svelte-1w44r4v{flex:1;grid-template-rows:auto 1fr auto;justify-items:end;gap:6px;margin-right:10px;display:grid}.track.svelte-1w44r4v{background:#ffffff4d;border-radius:3px;width:6px;margin-right:3px;position:relative}.fill.svelte-1w44r4v{background:#fff;border-radius:3px;transition:height .6s linear;position:absolute;inset:0 0 auto}.fill.svelte-1w44r4v:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.label.svelte-1w44r4v{text-shadow:0 1px 2px #0009}@keyframes svelte-1w44r4v-waves{to{transform:translate(-50%)}}@keyframes svelte-1w44r4v-drift{to{transform:translate(24px)}}@keyframes svelte-1w44r4v-bob{50%{transform:translateY(2.5%)rotate(-1deg)}}@keyframes svelte-1w44r4v-sway{0%,to{transform:rotate(-3deg)}50%{transform:translateY(2%)rotate(3deg)}}@keyframes svelte-1w44r4v-rise{0%{transform:translateY(55%)}}@keyframes svelte-1w44r4v-droop{50%{transform:translateY(1.5%)rotate(-2deg)}}@keyframes svelte-1w44r4v-bubble-rise{0%{opacity:0;top:105%}10%{opacity:1}to{opacity:.6;top:-10%}}@keyframes svelte-1w44r4v-bubble-wobble{to{transform:translate(8px)}}.content.svelte-1w44r4v{padding:16px 16px 0}.content.svelte-1w44r4v:empty{display:none}.prompt.svelte-1w44r4v{justify-items:center;gap:12px;padding:20px 16px 24px;display:grid}.lead.svelte-1w44r4v{margin:0;font-size:1.3rem;font-weight:700}@media (prefers-reduced-motion:reduce){.stage.svelte-1w44r4v :where(.svelte-1w44r4v),.whale-wrap.svelte-1w44r4v{transition:none!important;animation:none!important}.bubbles.svelte-1w44r4v span:where(.svelte-1w44r4v){top:var(--y)}}.picker.svelte-pq1ax1{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}span.svelte-pq1ax1{font-weight:700}select.svelte-pq1ax1{border:2px solid var(--line);background:var(--bg);max-width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px}select.svelte-pq1ax1:focus-visible{outline:3px solid var(--accent);outline-offset:2px}select.svelte-pq1ax1:disabled{opacity:.6}.panel.svelte-7gn0gr{background:var(--accent-soft);text-align:center;border-radius:20px;justify-items:center;gap:12px;padding:24px 16px;display:grid}h2.svelte-7gn0gr,p.svelte-7gn0gr{margin:0}.file.svelte-7gn0gr{color:var(--muted);overflow-wrap:anywhere}.sizes.svelte-7gn0gr{font-size:1.4rem;font-weight:700}.saved.svelte-7gn0gr{color:var(--muted)}.percent.svelte-7gn0gr{display:inline-block}main.svelte-1n46o8q{grid-template-columns:minmax(0,1fr);gap:24px;max-width:720px;margin:0 auto;padding:40px 16px;display:grid}header.svelte-1n46o8q p:where(.svelte-1n46o8q),h1.svelte-1n46o8q{margin:0}.panel.svelte-1n46o8q{background:var(--accent-soft);text-align:center;border-radius:20px;justify-items:center;gap:12px;padding:24px 16px;display:grid}.notice.svelte-1n46o8q{border-left:4px solid var(--warning-line);background:var(--warning-soft);border-radius:8px;padding:12px 16px;font-size:.95rem}.notice.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin:0 0 4px;font-size:1rem}.notice.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}.panel.error.svelte-1n46o8q{background:var(--error-soft)}.panel.svelte-1n46o8q h2:where(.svelte-1n46o8q),.panel.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}.hint.svelte-1n46o8q{font-size:.95rem}.file.svelte-1n46o8q{color:var(--muted);overflow-wrap:anywhere}progress.svelte-1n46o8q{width:100%;height:16px;accent-color:var(--accent)}.percent.svelte-1n46o8q{font-size:1.6rem;font-weight:700}footer.svelte-1n46o8q{border-top:1px solid var(--line);max-width:720px;color:var(--muted);text-align:center;margin:0 auto;padding:24px 16px 40px;font-size:.85rem}footer.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--accent)}.local.svelte-1n46o8q{color:var(--muted);text-align:center;margin:0;font-size:.95rem}