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