:root{color:#edf8f5;background:#071c22;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.pond-shell{--sea-image: url(/assets/backgrounds/ocean/deep-twilight.jpg);--sea-top: #16265f;--sea-mid: #0c1739;--sea-deep: #040914;--sea-light: rgba(104, 146, 255, .18);--sea-accent: rgba(94, 246, 220, .24);--sea-warm: rgba(255, 156, 132, .16);--sea-plant: rgba(32, 87, 84, .42);--sea-plant-dark: rgba(6, 28, 33, .68);--sea-spark: rgba(117, 255, 230, .46);position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,rgba(2,11,20,.1) 0%,rgba(1,8,14,.18) 54%,rgba(0,4,10,.42) 100%),radial-gradient(ellipse at 50% -12%,rgba(222,255,255,.22),transparent 32%),var(--sea-image) center / cover no-repeat,linear-gradient(180deg,var(--sea-top) 0%,var(--sea-mid) 48%,var(--sea-deep) 100%);transition:background .26s ease}.pond-shell[data-theme=coral]{--sea-image: url(/assets/backgrounds/ocean/coral-shallows.jpg);--sea-top: #0d6175;--sea-mid: #073a51;--sea-deep: #04151f;--sea-light: rgba(160, 244, 226, .22);--sea-accent: rgba(255, 151, 131, .3);--sea-warm: rgba(249, 199, 120, .25);--sea-plant: rgba(43, 111, 111, .36);--sea-plant-dark: rgba(6, 33, 42, .68);--sea-spark: rgba(249, 215, 154, .26)}.pond-shell[data-theme=kelp]{--sea-image: url(/assets/backgrounds/ocean/kelp-forest.jpg);--sea-top: #0c5b58;--sea-mid: #073735;--sea-deep: #031718;--sea-light: rgba(149, 226, 186, .18);--sea-accent: rgba(110, 156, 78, .3);--sea-warm: rgba(172, 208, 104, .16);--sea-plant: rgba(93, 145, 74, .5);--sea-plant-dark: rgba(13, 42, 31, .74);--sea-spark: rgba(191, 232, 166, .2)}.pond-shell[data-theme=sargasso]{--sea-image: url(/assets/backgrounds/ocean/sargasso-sea.jpg);--sea-top: #123d61;--sea-mid: #092643;--sea-deep: #04131f;--sea-light: rgba(170, 217, 232, .15);--sea-accent: rgba(215, 161, 67, .34);--sea-warm: rgba(244, 199, 104, .22);--sea-plant: rgba(124, 90, 38, .44);--sea-plant-dark: rgba(42, 26, 12, .52);--sea-spark: rgba(244, 199, 104, .28)}.pond-shell[data-theme=polar]{--sea-image: url(/assets/backgrounds/ocean/blue-cave.jpg);--sea-top: #5d9db5;--sea-mid: #24596d;--sea-deep: #0c2434;--sea-light: rgba(239, 253, 255, .32);--sea-accent: rgba(245, 255, 255, .36);--sea-warm: rgba(214, 242, 255, .24);--sea-plant: rgba(177, 226, 230, .22);--sea-plant-dark: rgba(24, 64, 78, .48);--sea-spark: rgba(239, 253, 255, .38)}.pond-shell[data-theme=twilight]{--sea-image: url(/assets/backgrounds/ocean/deep-twilight.jpg);--sea-top: #16265f;--sea-mid: #0c1739;--sea-deep: #040914;--sea-light: rgba(104, 146, 255, .18);--sea-accent: rgba(94, 246, 220, .24);--sea-warm: rgba(143, 104, 255, .13);--sea-plant: rgba(32, 87, 84, .42);--sea-plant-dark: rgba(6, 28, 33, .68);--sea-spark: rgba(117, 255, 230, .46)}.pond-shell[data-theme=mediterranean]{--sea-image: url(/assets/backgrounds/ocean/coral-shallows.jpg);--sea-top: #20a8cb;--sea-mid: #05799d;--sea-deep: #064763;--sea-light: rgba(238, 255, 246, .34);--sea-accent: rgba(247, 245, 216, .24);--sea-warm: rgba(255, 249, 219, .24);--sea-plant: rgba(38, 127, 128, .26);--sea-plant-dark: rgba(8, 66, 84, .48);--sea-spark: rgba(255, 255, 255, .34)}.theme-switcher{position:fixed;top:18px;left:18px;z-index:150;display:flex;max-width:min(620px,calc(100vw - 36px));padding:5px;gap:4px;border:1px solid rgba(228,250,245,.18);border-radius:8px;background:rgba(4,20,25,.58);box-shadow:0 18px 50px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.theme-switcher button{min-width:58px;padding:7px 10px;border:0;border-radius:6px;color:#edf8f5c2;background:transparent;cursor:pointer;font-size:12px;line-height:1;letter-spacing:0;white-space:nowrap}.theme-switcher button[aria-pressed=true]{color:#062128;background:rgba(164,244,220,.9)}.pond{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.water-layer,.station-rim,.sea-shape{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.water-layer--back{background:radial-gradient(ellipse at 50% -8%,rgba(240,255,255,.32),transparent 18%),linear-gradient(106deg,transparent 0 23%,rgba(255,255,255,.085) 23.4% 24.4%,transparent 25.2% 100%),linear-gradient(113deg,transparent 0 40%,rgba(255,255,255,.058) 40.3% 41.1%,transparent 42% 100%),linear-gradient(122deg,transparent 0 62%,rgba(255,255,255,.045) 62.2% 63%,transparent 63.8% 100%),radial-gradient(ellipse at 50% 54%,rgba(167,238,238,.09),transparent 48%);mix-blend-mode:screen;opacity:.78}.water-layer--front{background:radial-gradient(circle at 15% 72%,rgba(255,255,255,.34) 0 1px,transparent 2px),radial-gradient(circle at 28% 44%,rgba(255,255,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 58% 58%,var(--sea-spark) 0 1px,transparent 2px),radial-gradient(circle at 76% 26%,rgba(255,255,255,.22) 0 1px,transparent 2px),radial-gradient(circle at 38% 32%,rgba(255,255,255,.14) 0 1px,transparent 1.8px),linear-gradient(90deg,rgba(0,5,10,.42),transparent 24%,transparent 76%,rgba(0,5,10,.42)),linear-gradient(180deg,transparent 0%,rgba(0,8,15,.12) 52%,rgba(0,3,8,.38) 100%);opacity:.86}.sea-shape--one{background:radial-gradient(ellipse at 16% 100%,var(--sea-plant-dark),transparent 21%),radial-gradient(ellipse at 84% 102%,var(--sea-plant-dark),transparent 24%),linear-gradient(88deg,transparent 0 8%,var(--sea-plant) 8.4% 9.1%,transparent 9.5% 100%),linear-gradient(93deg,transparent 0 23%,var(--sea-plant) 23.5% 24.4%,transparent 24.9% 100%),linear-gradient(86deg,transparent 0 72%,var(--sea-plant) 72.4% 73.2%,transparent 73.8% 100%),linear-gradient(91deg,transparent 0 89%,var(--sea-plant) 89.2% 90%,transparent 90.6% 100%);opacity:.48}.sea-shape--two{background:radial-gradient(ellipse at 10% 97%,var(--sea-warm),transparent 13%),radial-gradient(ellipse at 38% 104%,var(--sea-accent),transparent 14%),radial-gradient(ellipse at 78% 98%,var(--sea-warm),transparent 16%),repeating-linear-gradient(92deg,transparent 0 120px,rgba(255,255,255,.025) 120px 122px,transparent 122px 180px);opacity:.42}.pond-shell[data-theme=coral] .sea-shape--one{background:radial-gradient(ellipse at 16% 100%,var(--sea-plant-dark),transparent 21%),radial-gradient(ellipse at 84% 102%,var(--sea-plant-dark),transparent 24%),radial-gradient(ellipse at 18% 93%,rgba(255,148,129,.36),transparent 15%),radial-gradient(ellipse at 30% 98%,rgba(247,211,116,.28),transparent 14%),radial-gradient(ellipse at 86% 92%,rgba(255,133,172,.28),transparent 18%),linear-gradient(91deg,transparent 0 76%,var(--sea-plant) 76.4% 77%,transparent 77.6% 100%)}.pond-shell[data-theme=kelp] .sea-shape--one{background:radial-gradient(ellipse at 16% 100%,var(--sea-plant-dark),transparent 24%),radial-gradient(ellipse at 84% 102%,var(--sea-plant-dark),transparent 26%),repeating-linear-gradient(92deg,transparent 0 70px,rgba(141,195,95,.22) 70px 82px,transparent 82px 132px),repeating-linear-gradient(86deg,transparent 0 116px,rgba(81,133,75,.24) 116px 129px,transparent 129px 180px)}.pond-shell[data-theme=kelp] .sea-shape--two{background:radial-gradient(ellipse at 24% 102%,rgba(116,169,83,.2),transparent 18%),radial-gradient(ellipse at 78% 100%,rgba(89,134,79,.28),transparent 20%),repeating-linear-gradient(88deg,transparent 0 102px,rgba(169,207,103,.16) 102px 113px,transparent 113px 170px)}.pond-shell[data-theme=sargasso] .sea-shape--one{background:radial-gradient(ellipse at 22% 18%,rgba(214,163,72,.28),transparent 9%),radial-gradient(ellipse at 62% 14%,rgba(214,163,72,.22),transparent 10%),radial-gradient(ellipse at 84% 32%,rgba(214,163,72,.18),transparent 11%),radial-gradient(ellipse at 14% 100%,var(--sea-plant-dark),transparent 20%),linear-gradient(92deg,transparent 0 82%,var(--sea-plant) 82.5% 83.5%,transparent 84% 100%)}.pond-shell[data-theme=polar] .sea-shape--one{background:linear-gradient(172deg,rgba(247,255,255,.58) 0 10%,transparent 10% 100%),radial-gradient(ellipse at 70% 8%,rgba(247,255,255,.24),transparent 16%),radial-gradient(ellipse at 18% 101%,rgba(15,52,72,.4),transparent 20%),radial-gradient(ellipse at 82% 99%,rgba(225,251,255,.17),transparent 18%)}.pond-shell[data-theme=twilight] .sea-shape--one{background:radial-gradient(circle at 18% 34%,rgba(88,244,221,.42) 0 2px,transparent 3px),radial-gradient(circle at 42% 62%,rgba(110,174,255,.32) 0 2px,transparent 3px),radial-gradient(circle at 78% 28%,rgba(147,255,231,.34) 0 2px,transparent 3px),radial-gradient(ellipse at 16% 100%,var(--sea-plant-dark),transparent 22%),radial-gradient(ellipse at 86% 102%,var(--sea-plant-dark),transparent 25%),linear-gradient(89deg,transparent 0 12%,var(--sea-plant) 12.5% 13.2%,transparent 13.8% 100%),linear-gradient(93deg,transparent 0 77%,var(--sea-plant) 77.3% 78%,transparent 78.7% 100%)}.pond-shell[data-theme=mediterranean] .sea-shape--one{background:radial-gradient(ellipse at 18% 88%,rgba(247,245,216,.25),transparent 18%),radial-gradient(ellipse at 88% 12%,rgba(255,255,255,.18),transparent 18%),radial-gradient(ellipse at 24% 102%,rgba(255,249,219,.18),transparent 16%),repeating-linear-gradient(24deg,rgba(255,255,255,.09) 0 2px,transparent 2px 48px)}.pond-shell[data-theme] .sea-shape--one{background:radial-gradient(ellipse at 50% 112%,rgba(0,6,12,.46),transparent 36%),radial-gradient(ellipse at 7% 50%,rgba(0,8,14,.26),transparent 24%),radial-gradient(ellipse at 93% 50%,rgba(0,8,14,.26),transparent 24%);opacity:.62}.pond-shell[data-theme] .sea-shape--two{background:radial-gradient(ellipse at 22% 18%,rgba(255,255,255,.08),transparent 18%),radial-gradient(ellipse at 82% 12%,rgba(255,255,255,.055),transparent 16%),repeating-linear-gradient(92deg,transparent 0 132px,rgba(255,255,255,.022) 132px 134px,transparent 134px 196px);mix-blend-mode:screen;opacity:.48}.pond-shell[data-theme=coral] .sea-shape--two,.pond-shell[data-theme=mediterranean] .sea-shape--two{opacity:.34}.pond-shell[data-theme=kelp] .sea-shape--one{opacity:.5}.station-rim{border:clamp(10px,1.4vw,18px) solid rgba(184,220,212,.13);box-shadow:inset 0 0 48px #020b0e94,inset 0 0 120px #55c1b81f}.fish-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.fish-node{--fish-depth: 30;--float-amplitude: 2px;--float-duration: 8s;--body-sway-duration: 3.4s;--sprite-facing-scale: 1;--emotion-facing-scale: 1;--space-scale: 1;--space-opacity: 1;--space-blur: 0px;--space-shadow-alpha: .28;--turn-duration: .9s;position:absolute;top:0;left:0;z-index:var(--fish-depth);width:clamp(118px,13.5vw,176px);aspect-ratio:3 / 2;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;outline:none;will-change:transform}.fish-node[data-featured]{z-index:86}.fish-float{position:relative;display:block;width:100%;height:100%;animation:fish-float var(--float-duration) ease-in-out infinite;opacity:var(--space-opacity);scale:var(--space-scale);transform-origin:50% 54%;transition:opacity .22s ease,scale .26s ease}.fish-body{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transform-origin:50% 54%}.fish-sprite-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transform-origin:50% 54%;animation:fish-body-sway var(--body-sway-duration) ease-in-out infinite;will-change:transform}.fish-node[data-turning] .fish-float{animation:fish-float var(--float-duration) ease-in-out infinite,fish-soft-pivot var(--turn-duration) ease-in-out 1}.fish-node[data-turning] .fish-sprite-wrap{animation:fish-body-sway var(--body-sway-duration) ease-in-out infinite,fish-turn-tilt var(--turn-duration) ease-in-out 1}.fish-node[data-colliding]:not([data-turning]) .fish-float{animation:fish-float var(--float-duration) ease-in-out infinite,fish-collision-bump .42s ease-out 1}.fish-sprite{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;opacity:1;filter:blur(var(--space-blur)) drop-shadow(0 16px 22px rgba(0,0,0,var(--space-shadow-alpha)));transition:filter .18s ease,opacity .16s ease}.fish-node[data-emotion-active] .fish-sprite--base{opacity:0}.fish-sprite--base{transform:scaleX(var(--sprite-facing-scale));transform-origin:50% 54%}.fish-emotion-layer{opacity:0;pointer-events:none;transform:scaleX(var(--emotion-facing-scale));transform-origin:50% 54%}.fish-emotion-layer.is-visible{opacity:1}.fish-node[data-selected] .fish-sprite,.fish-node:focus-visible .fish-sprite,.fish-node:hover .fish-sprite{filter:blur(var(--space-blur)) drop-shadow(0 18px 24px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(163,244,220,.46))}.fish-node[data-avoiding] .fish-sprite{filter:blur(var(--space-blur)) drop-shadow(0 16px 22px rgba(0,0,0,var(--space-shadow-alpha))) drop-shadow(0 0 12px rgba(179,247,231,.22))}.fish-label{position:absolute;left:50%;bottom:-8px;max-width:140px;padding:4px 8px;border:1px solid rgba(222,249,243,.18);border-radius:999px;background:rgba(5,22,27,.58);color:#edf8f5db;font-size:clamp(11px,.78vw,13px);line-height:1.2;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.thought-bubble{position:absolute;left:var(--bubble-local-x);top:var(--bubble-local-y);z-index:112;max-width:min(210px,42vw);padding:9px 12px;border:1px solid rgba(230,255,250,.34);border-radius:18px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.76),transparent 16%),rgba(237,255,250,.76);box-shadow:0 12px 28px #00000024,inset 0 0 18px #ffffff5c;color:#061f24db;font-size:clamp(12px,.9vw,14px);line-height:1.38;letter-spacing:0;text-align:center;overflow-wrap:anywhere;transform:translateZ(0) scale(.86);animation:bubble-rise var(--bubble-duration) ease-out forwards;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thought-bubble[data-direction=left]{translate:-100% 0}.thought-bubble:after{content:"";position:absolute;bottom:-9px;width:12px;height:12px;border-radius:50%;background:rgba(237,255,250,.66);box-shadow:12px 12px 0 -4px #edfffa6b}.thought-bubble[data-direction=right]:after{left:16px}.thought-bubble[data-direction=left]:after{right:16px}.thought-bubble--collision{border-color:#ffdaad94;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.82),transparent 16%),rgba(255,238,213,.82);color:#44250fe6;font-weight:700}.fish-card{position:fixed;right:clamp(18px,4vw,56px);bottom:clamp(18px,4vw,52px);z-index:120;width:min(360px,calc(100vw - 36px));padding:22px;border:1px solid rgba(228,250,245,.18);border-radius:8px;background:rgba(6,28,34,.74);box-shadow:0 24px 80px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .18s ease,opacity .18s ease,transform .22s ease,max-height .22s ease;overflow:hidden}.fish-card[data-visible=false]{opacity:0;pointer-events:none;transform:translate3d(0,14px,0)}.card-kicker{margin-bottom:10px;color:#9de8d9;font-size:12px;font-weight:700;letter-spacing:0}.fish-card h1{margin:0;color:#f4fffb;font-size:clamp(28px,3.4vw,42px);line-height:1.05;letter-spacing:0}.fish-card p{margin:14px 0 18px;color:#edf8f5d1;font-size:15px;line-height:1.7}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 9px;border:1px solid rgba(157,232,217,.2);border-radius:999px;color:#edf8f5e0;background:rgba(157,232,217,.08);font-size:12px;line-height:1.2;letter-spacing:0}.load-error{display:grid;min-height:100vh;place-content:center;gap:8px;padding:24px;color:#edf8f5;background:#071c22;text-align:center}.load-error p{margin:0;font-size:18px}.load-error small{color:#edf8f59e}@keyframes fish-float{0%,to{translate:0 calc(var(--float-amplitude) * -1)}50%{translate:0 var(--float-amplitude)}}@keyframes fish-body-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes fish-soft-pivot{0%,to{scale:var(--space-scale) var(--space-scale)}44%{scale:calc(var(--space-scale) * .94) calc(var(--space-scale) * 1.05)}56%{scale:calc(var(--space-scale) * .94) calc(var(--space-scale) * 1.05)}}@keyframes fish-turn-tilt{0%,to{rotate:0deg}48%{rotate:-4deg}52%{rotate:4deg}}@keyframes fish-collision-bump{0%,to{transform:translate(0) rotate(0)}24%{transform:translate(-5px) rotate(-1.8deg)}52%{transform:translate(4px) rotate(1.2deg)}76%{transform:translate(-2px) rotate(-.6deg)}}@keyframes bubble-rise{0%{opacity:0;transform:translateZ(0) scale(.86)}12%{opacity:.94}72%{opacity:.86}to{opacity:0;transform:translate3d(var(--bubble-drift),-54px,0) scale(1.04)}}@media (max-width: 760px){.pond-shell{min-height:100svh}.theme-switcher{top:max(8px,env(safe-area-inset-top));left:8px;right:8px;max-width:none;padding:4px;gap:3px;overflow-x:auto;scrollbar-width:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-switcher::-webkit-scrollbar{display:none}.theme-switcher button{min-width:58px;padding:7px 8px;font-size:11px}.fish-node{width:clamp(96px,30vw,132px)}.fish-label{bottom:-4px;max-width:96px;padding:3px 7px;font-size:11px}.fish-node[data-featured] .fish-label,.fish-node[data-selected] .fish-label{max-width:112px}.thought-bubble{max-width:min(148px,46vw);padding:7px 9px;border-radius:15px;font-size:11px;line-height:1.32}.fish-card{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;width:auto;max-height:42svh;padding:14px 16px 16px;border-radius:14px 14px 8px 8px;cursor:pointer;touch-action:manipulation}.fish-card:before{content:"";display:block;width:42px;height:4px;margin:0 auto 10px;border-radius:999px;background:rgba(237,248,245,.34)}.fish-card[data-expanded=false]{max-height:116px;padding-bottom:13px}.fish-card[data-visible=false]{transform:translate3d(0,calc(100% + 18px),0)}.fish-card h1{font-size:24px}.fish-card p{display:-webkit-box;margin:8px 0 12px;font-size:13px;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.fish-card[data-expanded=false] p{margin-bottom:0;-webkit-line-clamp:1}.fish-card[data-expanded=false] .tag-row{display:none}.card-kicker{margin-bottom:6px;font-size:11px}.tag-row{max-height:72px;overflow:hidden;gap:6px}.tag{padding:5px 7px;font-size:11px}}@media (max-width: 480px){.theme-switcher button{min-width:54px;padding:6px 7px}.fish-node{width:clamp(92px,31vw,120px)}.fish-label{max-width:88px}.fish-card{right:8px;left:8px;max-height:44svh;padding:12px 14px 14px}.fish-card[data-expanded=false]{max-height:104px}.fish-card h1{font-size:22px}.thought-bubble{max-width:min(132px,44vw);padding:6px 8px}}@media (prefers-reduced-motion: reduce){.fish-float,.fish-sprite-wrap,.thought-bubble{animation-duration:1ms;animation-iteration-count:1}.fish-sprite{transition:none}.fish-node[data-turning] .fish-float,.fish-node[data-turning] .fish-sprite-wrap,.fish-node[data-colliding] .fish-float{animation-duration:1ms;animation-iteration-count:1}}