*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a3035;overflow:hidden}::selection{color:#f0f5f2;background:#41a096}.ocean-app.svelte-1uha8ag{opacity:0;transition:opacity 1.5s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.ocean-app.loaded.svelte-1uha8ag{opacity:1}canvas.svelte-1uha8ag{width:100%;height:100%;position:absolute;inset:0}.overlay.svelte-1uha8ag{pointer-events:none;flex-direction:column;justify-content:space-between;padding:3rem;display:flex;position:absolute;inset:0}header.svelte-1uha8ag{animation:1.2s cubic-bezier(.22,1,.36,1) .3s both svelte-1uha8ag-fadeDown}.header-rule.svelte-1uha8ag{background:linear-gradient(90deg,#f0f5f2cc,#0000);width:120px;height:2px;margin-bottom:1.2rem}.header-rule.bottom.svelte-1uha8ag{background:linear-gradient(90deg,#aad7c880,#0000);margin-top:1.2rem;margin-bottom:0}.header-meta.svelte-1uha8ag{margin-bottom:.5rem}.mono-label.svelte-1uha8ag{letter-spacing:.15em;text-transform:uppercase;color:#f0f5f299;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:300}.divider.svelte-1uha8ag{color:#aad7c866;margin:0 .5rem}h1.svelte-1uha8ag{color:#f0f5f2e6;letter-spacing:-.02em;text-shadow:0 2px 30px #0a303580;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:400;line-height:1.1}h1.svelte-1uha8ag em:where(.svelte-1uha8ag){color:#aad7c8;font-style:italic;font-weight:700}.subtitle.svelte-1uha8ag{color:#aad7c8b3;margin-top:.4rem;font-family:Playfair Display,Georgia,serif;font-size:1rem;font-style:italic}.info-panel.svelte-1uha8ag{-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#0a303599;border:1px solid #aad7c826;flex-direction:column;align-self:flex-end;gap:1rem;max-width:360px;padding:1.5rem;animation:1.2s cubic-bezier(.22,1,.36,1) .6s both svelte-1uha8ag-fadeUp;display:flex}.info-row.svelte-1uha8ag{flex-direction:column;gap:.3rem;display:flex}.mono-value.svelte-1uha8ag{color:#f0f5f2cc;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:300}.swatches.svelte-1uha8ag{gap:6px;display:flex}.swatch.svelte-1uha8ag{border:1px solid #f0f5f233;width:24px;height:24px}footer.svelte-1uha8ag{animation:1.2s cubic-bezier(.22,1,.36,1) .9s both svelte-1uha8ag-fadeUp}footer.svelte-1uha8ag .mono-label:where(.svelte-1uha8ag){color:#f0f5f266}@keyframes svelte-1uha8ag-fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uha8ag-fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.overlay.svelte-1uha8ag{padding:1.5rem}.info-panel.svelte-1uha8ag{align-self:stretch;max-width:none}}