:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#b2ccee;--color-background-deep:#a8a5c9;--color-navigation:#b2ccee;--color-surface:#f7efe1;--color-surface-lavender:#ebd9cc;--color-accent-violet:#a8a5c9;--color-accent-cyan:#bae5ee;--color-accent-mint:#bae5ee;--color-text:#312e46;--color-text-muted:#5e5a70;--color-success:#246b57;--color-success-surface:#ddf6e9;--color-warning:#714817;--color-warning-surface:#ffe7ad;--color-error:#8b2445;--color-error-surface:#fadde7;--color-white:#fff;--color-border:#a8a5c9;--color-overlay:#312e4652;--color-ui-page-background:#f7efe1;--color-ui-glass-primary:#f7efe1eb;--color-ui-glass-strong:#f7efe1fa;--color-ui-border:#48b6de9e;--color-ui-divider:#b9ddea;--color-ui-text-primary:#17324d;--color-ui-text-secondary:#49667c;--color-ui-accent-primary:#247fc0;--color-ui-accent-secondary:#319bc8;--color-ui-action-primary:#2e91d1;--color-ui-action-primary-deep:#17639d;--color-ui-control-surface:#ffffffc7;--color-ui-control-surface-hover:#fffffff0;--color-ui-control-text:#17324d;--color-ui-focus:#1677b8;--color-ui-success:#39705e;--color-ui-warning:#815a28;--color-ui-danger:#914c61;--color-ui-interactive-hover:#b2ccee61;--color-ui-interactive-selected:#48b6de3d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-button:9px;--radius-control:10px;--radius-panel:26px;--radius-pill:999px;--drawer-width:clamp(300px, 33vw, 420px);--content-width:1200px;--duration-fast:.15s;--duration-standard:.22s;--ease-tactile:cubic-bezier(.2, .8, .2, 1);--z-aquarium:1;--z-content:10;--z-navigation:20;--z-overlay:100;--z-dialog:200}html,body,#root{height:100%;min-height:100%;margin:0;overflow-x:clip}body{color:var(--color-text);background-color:var(--color-ui-page-background);background-image:none;font-family:Inter,ui-rounded,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aquarium-background{z-index:var(--z-aquarium);contain:strict;background:var(--color-background-deep);position:fixed;inset:0;overflow:hidden}.aquarium-atmosphere{background:radial-gradient(circle at 16% -20%,#ffffff4d,#0000 42%),radial-gradient(circle at 82% 12%,#8ee8ff33,#0000 34%),linear-gradient(160deg,#493a65 0%,#655082 48%,#7a6599 100%);height:20vh;position:absolute;inset:0 0 auto}.aquarium-water{z-index:1;background:radial-gradient(at 18% 25%,#bff3d021,#0000 34%),radial-gradient(at 82% 56%,#8ee8ff1f,#0000 38%),radial-gradient(at 50% 105%,#a987e852,#0000 56%),linear-gradient(#725a99 0%,#655082 34%,#584474 68%,#493a65 100%);position:absolute;inset:20vh 0 0;overflow:hidden}.aquarium-water-surface{z-index:4;background:radial-gradient(at 18% 20%,#ffffff9e,#0000 14%),radial-gradient(at 68% 30%,#bff3d06b,#0000 18%),linear-gradient(#f3e1f16b,#8ee8ff24);border-top:2px solid #ffffff94;border-bottom:1px solid #8ee8ff9e;height:16px;position:absolute;top:0;left:0;right:0;box-shadow:0 5px 16px #8ee8ff38,0 -5px 14px #ffffff1f}.aquarium-light-band{z-index:2;opacity:.62;transform-origin:top;background:linear-gradient(#ffffff38,#cdc2da17 42%,#0000 88%);border-radius:999px;height:118%;position:absolute;top:-12%;transform:rotate(12deg)}.aquarium-light-band-left{width:clamp(42px,7vw,110px);left:8%}.aquarium-light-band-centre{opacity:.42;width:clamp(34px,5vw,82px);left:47%;transform:rotate(-8deg)}.aquarium-light-band-right{opacity:.52;width:clamp(48px,8vw,130px);right:10%;transform:rotate(16deg)}.aquarium-depth-glow{z-index:1;background:#a987e829;border-radius:50%;height:54%;position:absolute;bottom:-30%;left:8%;right:8%;box-shadow:0 0 90px #8ee8ff17}.aquarium-canvas-shell{z-index:3;pointer-events:none;opacity:.78;position:absolute;inset:0;overflow:hidden}.aquarium-canvas-shell>div,.aquarium-canvas-shell canvas{pointer-events:none!important;width:100%!important;height:100%!important}.aquarium-debug-overlay{z-index:2147483646;color:#fff;font:700 12px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;inset:0}.aquarium-debug-bound{position:fixed;inset-inline:0}.aquarium-debug-bound>span,.aquarium-debug-legend{background:#1c122ce6;border-radius:6px;padding:4px 7px;box-shadow:0 2px 8px #00000057}.aquarium-debug-aquarium-bound{border:2px solid #8ee8ff;inset-block:0}.aquarium-debug-aquarium-bound>span{position:absolute;top:6px;left:6px}.aquarium-debug-water-bound{border:2px solid #bff3d0;top:20vh;bottom:0}.aquarium-debug-water-bound>span{position:absolute;top:6px;left:6px}.aquarium-debug-canvas-bound{border:2px dashed #d8b9ff;inset:calc(20vh + 5px) 5px 5px}.aquarium-debug-canvas-bound>span{position:absolute;top:6px;right:6px}.aquarium-debug-legend{gap:3px;max-width:min(300px,100vw - 20px);display:grid;position:fixed;bottom:10px;right:10px}.aquarium-debug-legend strong{color:var(--color-accent-cyan)}html[data-aquarium-debug=true] [data-aquarium-content=true]{outline-offset:-3px;outline:3px solid #ff9fd8}*,:before,:after{box-sizing:border-box}button,a,input,textarea,select{font:inherit}input::placeholder,textarea::placeholder{color:var(--color-ui-text-secondary);opacity:1}[data-field-frame=true]:focus-within{box-shadow:0 0 0 3px var(--color-ui-focus);outline:2px solid var(--color-ui-page-background);outline-offset:2px}[data-tactile=true]{transition:transform var(--duration-fast) var(--ease-tactile), box-shadow var(--duration-standard) var(--ease-tactile), background-color var(--duration-standard) ease, border-color var(--duration-standard) ease, filter var(--duration-fast) ease, opacity var(--duration-standard) ease}[data-tactile=true]:hover:not([aria-disabled=true]){transform:translateY(-1px)}[data-tactile=true]:active:not([aria-disabled=true]){transform:translateY(0)scale(.99)}[data-tactile=true]:focus-visible{box-shadow:0 0 0 3px var(--color-ui-focus);outline:2px solid var(--color-ui-page-background);outline-offset:2px}[data-button-variant]{cursor:pointer}[data-button-variant]:hover:not([aria-disabled=true]){border-color:var(--color-ui-border);filter:brightness(1.08)}[data-button-variant]:active:not([aria-disabled=true]){filter:brightness(.94)}[data-button-variant=ghost]:hover:not([aria-disabled=true]){background-color:var(--color-ui-interactive-hover)}[data-button-variant=destructive]:hover:not([aria-disabled=true]){border-color:var(--color-ui-danger)}[data-button-variant][aria-disabled=true]{cursor:not-allowed;filter:saturate(.55);transform:none}[data-tactile-surface=true]{transition:transform var(--duration-fast) var(--ease-tactile), box-shadow var(--duration-standard) var(--ease-tactile), background-color var(--duration-standard) ease, border-color var(--duration-standard) ease}[data-tactile-surface=true]:hover{transform:translateY(-1px)}[data-tactile-surface=true]:active{transform:translateY(0)scale(.99)}[data-tactile-surface=true]:focus-visible{box-shadow:0 0 0 3px var(--color-ui-focus);outline:2px solid var(--color-ui-page-background);outline-offset:2px}[data-drawer-backdrop=true]{animation:backdrop-in var(--duration-standard) ease both}[data-drawer-panel=true]{animation:drawer-in var(--duration-standard) var(--ease-tactile) both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=599px){:root{--drawer-width:calc(100vw - 24px);--radius-panel:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-tactile=true]:hover:not([aria-disabled=true]),[data-tactile=true]:active:not([aria-disabled=true]),[data-tactile-surface=true]:hover,[data-tactile-surface=true]:active{transform:none!important}}@media print,(forced-colors:active){.aquarium-background,.aquarium-debug-overlay{display:none}}