@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-rose-50:oklch(96.9% .015 12.422);--color-rose-600:oklch(58.6% .253 17.585);--color-neutral-100:oklch(97% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-white:#fff;--spacing:.25rem;--font-weight-medium:500;--font-weight-bold:700;--tracking-wide:.025em;--radius-lg:.5rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.top-full{top:100%}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.z-20{z-index:20}.z-30{z-index:30}.\!container{width:100%!important}@media (width>=40rem){.\!container{max-width:40rem!important}}@media (width>=48rem){.\!container{max-width:48rem!important}}@media (width>=64rem){.\!container{max-width:64rem!important}}@media (width>=80rem){.\!container{max-width:80rem!important}}@media (width>=96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-24{height:calc(var(--spacing) * 24)}.w-7{width:calc(var(--spacing) * 7)}.w-9{width:calc(var(--spacing) * 9)}.w-24{width:calc(var(--spacing) * 24)}.w-44{width:calc(var(--spacing) * 44)}.w-full{width:100%}.max-w-\[760px\]{max-width:760px}.max-w-\[880px\]{max-width:880px}.flex-1{flex:1}.flex-none{flex:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.bg-transparent{background-color:#0000}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.object-contain{object-fit:contain}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-left{text-align:left}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-rose-600{color:var(--color-rose-600)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.group-hover\:-translate-y-1\.5:is(:where(.group):hover *){--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}}@media (width>=40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-32{height:calc(var(--spacing) * 32)}.sm\:w-32{width:calc(var(--spacing) * 32)}.sm\:gap-14{gap:calc(var(--spacing) * 14)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}}@media (width>=48rem){.md\:ml-0{margin-left:calc(var(--spacing) * 0)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-1{flex:1}.md\:justify-end{justify-content:flex-end}}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100vh}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@font-face{font-family:Klephon;src:url(/assets/KLEPHON-DcUghjbt.otf)format("opentype"),url(/assets/KLEPHON-DUnqd4T5.ttf)format("truetype");font-weight:400;font-style:normal}.fade-up{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.fade-up.visible{opacity:1;transform:translateY(0)}.btn-grid .jellyfish:first-child{transition-delay:0s}.btn-grid .jellyfish:nth-child(2){transition-delay:.15s}.btn-grid .jellyfish:nth-child(3){transition-delay:.3s}html,body{color:#0e2a3a;background-color:#0000;background-image:radial-gradient(at 25% 2%,#dcd2ffb3 0%,#0000 35%),radial-gradient(at 75% 4%,#c8e6ffa6 0%,#0000 30%),radial-gradient(at 50% 0,#f0e6ff80 0%,#0000 22%),radial-gradient(at 70% 45%,#8250c82e 0%,#0000 50%),radial-gradient(at 20% 60%,#643cb424 0%,#0000 45%),radial-gradient(at 50% 100%,#6e3cb473 0%,#0000 50%),linear-gradient(#c8d8f8 0%,#8ab8e8 10%,#5890c8 25%,#3a68a8 42%,#2a4890 58%,#1e2e78 74%,#160a60 88%,#0e0840 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box;min-height:100%;margin:0;font-family:system-ui,sans-serif;overflow-x:hidden}.scroll-bubble{pointer-events:none;z-index:999;background:radial-gradient(circle at 35% 35%,#ffffffbf,#c8d2ff4d 50%,#b4e6ff26);border:1.5px solid #c8beff80;border-radius:50%;animation:linear forwards bubble-rise;position:fixed}@keyframes bubble-rise{0%{opacity:.9;transform:translateY(0)scale(1)translate(0)}30%{opacity:.8;transform:translateY(-25vh)scale(1.05)translate(8px)}60%{opacity:.55;transform:translateY(-55vh)scale(.97)translate(-6px)}to{opacity:0;transform:translateY(-95vh)scale(.9)translate(4px)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#12506e73;border-bottom:1px solid #64d2f033;align-items:center;gap:32px;height:64px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.navbar-dark{background:#050a2399;border-bottom-color:#3c64ff33}.navbar-dark .nav-links a{color:#7a9ad0}.navbar-dark .nav-links a:hover{color:#c8deff}.navbar-dark .nav-logo-placeholder{color:#6080c0;background:#2846b44d;border-color:#5078ff66}.nav-logo-placeholder{color:#a0dff0;background:#64d2f033;border:1px solid #78dcf866;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:11px;display:flex}.nav-links{flex:1;gap:28px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#a8dff0;font-size:15px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#e8f8ff}main{z-index:1;padding-top:64px;position:relative}.hero-aquatic{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 32px 120px;display:flex;position:relative;overflow:hidden}.light-rays{pointer-events:none;z-index:0;position:absolute;inset:0}.light-ray{transform-origin:top;background:linear-gradient(#ffffff8c 0%,#c8f0ff40 35%,#8cd2f014 65%,#0000 100%);border-radius:0 0 50% 50%;height:100%;animation:ease-in-out infinite alternate ray-sway;position:absolute;top:0}@keyframes ray-sway{0%{transform:rotate(-4deg)scaleX(1)}to{transform:rotate(4deg)scaleX(.85)}}.spotlight-ray{pointer-events:none;z-index:0;transform-origin:top;filter:blur(18px);background:linear-gradient(#ffffffb8 0%,#dcd2ff73 18%,#b4a0ff38 45%,#8c78dc14 70%,#0000 100%);border-radius:0 0 60% 60%;width:340px;height:140%;animation:7s ease-in-out infinite alternate spotlight-breathe;position:absolute;top:-10%;right:8%;transform:rotate(12deg)}@keyframes spotlight-breathe{0%{opacity:.85;transform:rotate(11deg)scaleX(1)}to{opacity:1;transform:rotate(13deg)scaleX(1.06)}}.ambient-bubbles{pointer-events:none;z-index:1;position:absolute;inset:0}.amb-bubble{background:radial-gradient(circle at 35% 35%,#fff9,#a0dcff33 55%,#0000);border:1px solid #8cd2ff73;border-radius:50%;animation:linear infinite amb-rise;position:absolute;bottom:-60px}@keyframes amb-rise{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}5%{opacity:.9}90%{opacity:.6}to{transform:translateY(-110vh) translateX(var(--drift)) scale(.85);opacity:0}}.particles{pointer-events:none;z-index:1;position:absolute;inset:0}.particle{background:#a0dcff8c;border-radius:50%;animation:ease-in-out infinite alternate particle-drift;position:absolute}@keyframes particle-drift{0%{opacity:.4;transform:translate(0)scale(1)}50%{opacity:.7;transform:translate(12px,-18px)scale(1.2)}to{opacity:.3;transform:translate(-8px,-30px)scale(.8)}}.fish3d-wrap{pointer-events:none;z-index:3;width:260px;height:260px;position:absolute;top:50%;right:12%;overflow:visible;transform:translateY(-55%)}.fish-bubble-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sea-plants{pointer-events:none;z-index:6;height:220px;position:absolute;bottom:0;left:-4%;right:-4%}.sea-plant-img{transform-origin:bottom;filter:drop-shadow(0 4px 10px #143c5066);width:auto;animation:ease-in-out infinite alternate home-plant-sway;position:absolute;bottom:-8px}@keyframes home-plant-sway{0%{transform:scaleX(var(--flip,1)) rotate(-7deg)}to{transform:scaleX(var(--flip,1)) rotate(7deg)}}.bg-fish-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.bg-fish-img{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.bg-fish-img.ltr{animation:linear infinite bg-fish-ltr;left:-120px}.bg-fish-img.rtl{animation:linear infinite bg-fish-rtl;right:-120px}@keyframes bg-fish-ltr{0%{opacity:0;transform:translate(0)scaleX(-1)}5%{opacity:1}95%{opacity:.8;transform:translate(110vw)scaleX(-1)}to{opacity:0;transform:translate(115vw)scaleX(-1)}}@keyframes bg-fish-rtl{0%{opacity:0;transform:translate(0)}5%{opacity:1}95%{opacity:.8;transform:translate(-110vw)}to{opacity:0;transform:translate(-115vw)}}.bg-creature-layer{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.bg-creature{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute}.bg-creature.ltr{animation:linear infinite bg-creature-ltr;left:-160px}.bg-creature.rtl{animation:linear infinite bg-creature-rtl;right:-160px}.bg-creature-img{filter:drop-shadow(0 6px 14px #6e82c840);animation:ease-in-out infinite alternate bg-creature-bob;display:block}@keyframes bg-creature-ltr{0%{opacity:0;transform:translate(0)}6%{opacity:1}94%{opacity:1;transform:translate(112vw)}to{opacity:0;transform:translate(118vw)}}@keyframes bg-creature-rtl{0%{opacity:0;transform:translate(0)}6%{opacity:1}94%{opacity:1;transform:translate(-112vw)}to{opacity:0;transform:translate(-118vw)}}@keyframes bg-creature-bob{0%{transform:translateY(-8px)rotate(-3deg)}to{transform:translateY(8px)rotate(3deg)}}.bg-jellies{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.bg-jellyfish{pointer-events:none;-webkit-user-select:none;user-select:none;animation:linear infinite bg-jelly-drift;position:absolute;bottom:-120px}@keyframes bg-jelly-drift{0%{opacity:0;transform:translateY(0)translate(0)}6%{opacity:1}93%{transform:translateY(-95vh) translateX(var(--jdrift));opacity:.5}to{transform:translateY(-110vh) translateX(calc(var(--jdrift) * .8));opacity:0}}.hero-grid{z-index:3;grid-template-rows:140px 140px;grid-template-columns:160px 420px 160px;place-items:center;gap:24px;display:grid;position:relative}.floating-logo-wrap{grid-area:1/2/3;justify-content:center;align-items:center;display:flex}#box-tl{grid-area:1/1}#box-tr{grid-area:1/3}#box-bl{grid-area:2/1}#box-br{grid-area:2/3}.floating-logo{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff59;border:2px dashed #64c8ff80;border-radius:32px;justify-content:center;align-items:center;width:400px;height:260px;animation:6s ease-in-out infinite logo-float;display:flex;box-shadow:0 20px 64px #50b4ff38,0 4px 16px #00000012,inset 0 1px #ffffff8c}@keyframes logo-float{0%{transform:translateY(0)rotate(-.4deg)}30%{transform:translateY(-16px)rotate(.5deg)}65%{transform:translateY(-8px)rotate(-.7deg)}to{transform:translateY(0)rotate(-.4deg)}}.logo-placeholder-inner{color:#60a0c0;letter-spacing:.06em;opacity:.7;font-size:22px;font-weight:700}.glass-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff38;border:1.5px solid #78d2ff66;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:145px;height:120px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 6px 28px #50b4ff1a,inset 0 1px #ffffff73}.glass-box:hover{transform:translateY(-4px);box-shadow:0 12px 40px #50b4ff2e,inset 0 1px #ffffff80}.glass-box-label{color:#3880a0;letter-spacing:.04em;font-size:14px;font-weight:700}.glass-box-hint{color:#80b8d0;letter-spacing:.03em;font-size:11px}.hero{justify-content:center;align-items:center;min-height:40vh;display:flex}.about-section{text-align:center;max-width:1080px;margin:0 auto;padding:96px 32px 72px;position:relative}.about-section:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8dcff47 50%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.about-section h2,.privacy-section h2{background:linear-gradient(90deg,#f1e6ff,#c4b6f5 60%,#b6c8f5);-webkit-text-fill-color:transparent;text-shadow:0 2px 18px #3c1e7859;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:36px}.about-section p,.privacy-section p{color:#e8deffeb;font-size:17px;line-height:1.8}.about-title{background:linear-gradient(90deg,#fff 0%,#e8d8ff 50%,#b6c8f5 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;text-shadow:0 2px 18px #3c1e7866;-webkit-background-clip:text;background-clip:text;margin-bottom:40px;font-family:Klephon,system-ui,sans-serif;font-size:42px}.about-cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto;display:grid}.about-card{text-align:left;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:radial-gradient(circle at 25% 0,#fff3 0%,#dce6ff14 45%,#b4c8fa0a 100%);border:1px solid #dce8ff4d;border-radius:22px;padding:30px 24px;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s;box-shadow:0 14px 36px #141e5a4d,inset 0 1px #ffffff4d}.about-card:hover{border-color:#ebf0ff8c;transform:translateY(-5px);box-shadow:0 20px 48px #141e5a66,inset 0 1px #ffffff73}.about-card h3{color:#f3ecff;letter-spacing:.2px;text-shadow:0 1px 8px #3c1e7859;margin:0 0 10px;font-size:18px;font-weight:700}.about-card p{color:#e1dafae0;margin:0;font-size:15px;line-height:1.75}@media (width<=700px){.about-cards{grid-template-columns:1fr}}.btn-section{text-align:center;flex-direction:column;align-items:center;padding:72px 32px 140px;display:flex;position:relative}.btn-section:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c8c8ff38 50%,#0000);height:1px;position:absolute;top:0;left:14%;right:14%}.quick-actions-title{letter-spacing:.4px;background:linear-gradient(90deg,#fff 0%,#e8d8ff 50%,#b6c8f5 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 18px #3c1e7866;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Klephon,system-ui,sans-serif;font-size:38px;font-weight:700}.quick-actions-sub{color:#e1dafac7;letter-spacing:.02em;margin:0 0 44px;font-size:15px}.btn-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:56px;max-width:880px;display:flex}.jellyfish{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;animation:4s ease-in-out infinite jelly-float;display:flex}.jellyfish:nth-child(2){animation-delay:1s}.jellyfish:nth-child(3){animation-delay:2s}@keyframes jelly-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.jelly-bell{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:radial-gradient(at 35% 28%,#fff5ff8c 0%,#d2b4ff52 45%,#8c82dc38 80%,#6e5ac82e 100%);border:1.5px solid #e6d7ff8c;border-radius:50% 50% 40% 40%/65% 65% 35% 35%;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:200px;height:165px;animation:3s ease-in-out infinite jelly-pulse;display:flex;position:relative;overflow:hidden;box-shadow:0 0 38px #aa82f059,0 0 70px #785adc40,inset 0 8px 20px #ffffff4d,inset 0 -14px 28px #5032a040}.jellyfish:nth-child(2) .jelly-bell{animation-delay:1s}.jellyfish:nth-child(3) .jelly-bell{animation-delay:2s}@keyframes jelly-pulse{0%,to{transform:scaleX(1)scaleY(1)}40%{transform:scaleX(1.06)scaleY(.95)}60%{transform:scaleX(.97)scaleY(1.04)}}.jelly-shine{filter:blur(5px);pointer-events:none;background:#ffffff8c;border-radius:50%;width:56px;height:30px;position:absolute;top:18px;left:38px}.jelly-graphic{background:#ffffff6b;border:1px solid #e6dcffa6;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:inset 0 2px 6px #ffffff73,0 4px 14px #5032a040}.jelly-graphic img{object-fit:cover;border-radius:50%;width:100%;height:100%}.jelly-label{color:#2a1850;letter-spacing:.04em;text-shadow:0 1px #ffffff73;font-size:16px;font-weight:700}.jelly-tentacles{align-items:flex-start;gap:6px;height:80px;padding-top:2px;display:flex}.tentacle{width:3px;animation:2.5s ease-in-out infinite tentacle-sway;animation-delay:calc(var(--i) * .18s);transform-origin:top;height:calc(40px + var(--i) * 2px);background:linear-gradient(#be96ffb3,#a0c8ff59,#0000);border-radius:2px}@keyframes tentacle-sway{0%,to{transform:rotate(-8deg)scaleX(1)}25%{transform:rotate(6deg)scaleX(.85)}50%{transform:rotate(-4deg)scaleX(1.1)}75%{transform:rotate(10deg)scaleX(.9)}}.jellyfish:hover .jelly-bell{border-color:#f5ebffd9;box-shadow:0 0 56px #b48cfa8c,0 0 100px #8c6ee659,inset 0 8px 20px #fff6,inset 0 -14px 28px #5032a04d}.connect-section{max-width:1200px;margin:0 auto;padding:80px 32px;position:relative}.connect-container{grid-template-columns:minmax(0,2fr) minmax(360px,1.15fr);gap:32px;max-width:1280px;margin:0 auto;display:grid}@media (width<=980px){.connect-container{grid-template-columns:1fr}}.connect-empty{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#4a3387;background:#ffffff52;border:1px solid #a078ff3d;border-radius:24px;max-width:520px;margin:80px auto;padding:36px}.connect-empty h2{color:#4d2d8c;margin:0 0 8px}.connect-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff52;border:1px solid #a078ff3d;border-radius:32px;padding:36px;box-shadow:0 20px 60px #6e50be1f}.connect-main h2{color:#4d2d8c;margin-top:0;font-size:34px}.connect-main p{color:#4a3387;line-height:1.7}.connect-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff52;border:1px solid #a078ff3d;border-radius:32px;padding:28px;box-shadow:0 20px 60px #6e50be1f}.connect-sidebar h3{color:#4d2d8c;margin-top:0;font-size:24px}.connect-search{margin-top:28px}.connect-search input{color:#32195f;background:#ffffffe6;border:1px solid #a078ff47;border-radius:18px;width:100%;padding:18px 20px;font-size:16px}.connect-result,.connect-hint{background:#ffffff38;border:1px solid #a078ff33;border-radius:22px;margin-top:22px;padding:22px}.no-match{color:#8c2e4c;font-weight:700}.mutual-section{margin-top:32px}.mutual-section h3{color:#4d2d8c;margin-bottom:18px}.mutual-grid{gap:18px;display:grid}.mutual-card{background:#ffffff2e;border:1px solid #a078ff2e;border-radius:22px;grid-template-columns:72px 1fr;align-items:center;gap:18px;padding:20px 22px;display:grid}.mutual-avatar{color:#fff;background:linear-gradient(135deg,#8354dc,#4f8bff);border-radius:22px;place-items:center;width:72px;height:72px;font-size:28px;font-weight:800;display:grid}.connect-result button,.mutual-card button{color:#4d2d8c;cursor:pointer;background:#a078ff33;border:none;border-radius:8px;margin-top:8px;margin-right:8px;padding:8px 12px;font-size:14px}.search-result-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.connect-result button:hover,.mutual-card button:hover{background:#a078ff66}.friends-list{flex-direction:column;gap:16px;display:flex}.friend-item{background:#ffffff2e;border:1px solid #a078ff29;border-radius:16px;grid-template-columns:50px minmax(0,1fr);align-items:flex-start;gap:14px;padding:16px 18px;display:grid}.friend-body{min-width:0}.friend-avatar-small{color:#fff;background:linear-gradient(135deg,#8354dc,#4f8bff);border-radius:16px;place-items:center;width:50px;height:50px;font-size:20px;font-weight:800;display:grid}.friend-item strong{color:#4d2d8c;margin-bottom:4px;display:block}.friend-item p{color:#5a3a8b;margin:0;font-size:14px}.friend-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.friend-actions button{color:#4d2d8c;cursor:pointer;background:#a078ff33;border:none;border-radius:8px;padding:6px 10px;font-size:12px}.friend-actions button:hover{background:#a078ff66}.no-friends{color:#5a3a8b;text-align:center;padding:20px}.profile-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal{background:#fffffff2;border-radius:32px;width:90%;max-width:600px;max-height:80vh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #6e50be4d}.modal-header{text-align:center;border-bottom:1px solid #a078ff33;margin-bottom:24px;padding-bottom:16px}.modal-header h2{color:#4d2d8c;margin:0 0 8px;font-size:24px}.modal-subtitle{color:#5a3a8b;margin:0;font-size:16px;font-weight:500}.close-modal{cursor:pointer;color:#4d2d8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #a078ff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:24px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.close-modal:hover{background:#ffffff4d;transform:scale(1.1)}.profile-details p{color:#32195f;margin-bottom:12px}.modal-actions{justify-content:center;gap:16px;margin-top:24px;display:flex}.glass-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4d2d8c;cursor:pointer;background:#ffffff26;border:1px solid #a078ff4d;border-radius:20px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #a078ff1a}.glass-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.glass-btn:hover:before{left:100%}.glass-btn:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 25px #a078ff33}.glass-btn.small{border-radius:16px;padding:8px 16px;font-size:12px}.glass-btn.danger{color:#dc3545;border-color:#dc35454d}.glass-btn.danger:hover{background:#dc35451a;box-shadow:0 8px 25px #dc354533}.link{color:#8354dc;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.bubble{background:#a078ff1a;border:1px solid #a078ff33;border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.bubble:first-child{width:60px;height:60px;animation-delay:0s;top:10%;left:10%}.bubble:nth-child(2){width:40px;height:40px;animation-delay:2s;top:20%;right:15%}.bubble:nth-child(3){width:80px;height:80px;animation-delay:4s;bottom:20%;left:20%}.bubble:nth-child(4){width:50px;height:50px;animation-delay:1s;bottom:10%;right:10%}.bubble:nth-child(5){width:70px;height:70px;animation-delay:3s;top:50%;left:5%}.bubble:nth-child(6){width:35px;height:35px;animation-delay:5s;top:70%;right:25%}@keyframes float{0%,to{opacity:.3;transform:translateY(0)rotate(0)}50%{opacity:.6;transform:translateY(-20px)rotate(180deg)}}.profile-details a{color:#7f5af0;text-decoration:none}.profile-details a:hover{text-decoration:underline}.privacy-modal{background:#fff;max-width:520px;padding-top:28px}.privacy-modal .close-modal{top:8px;right:8px}.privacy-modal .modal-header h2{color:#1f1438;letter-spacing:-.01em;font-size:26px}.privacy-modal .modal-subtitle{color:#5b4486;font-size:14px;font-weight:600}.privacy-body{color:#1f1438;flex-direction:column;gap:14px;font-size:14.5px;line-height:1.6;display:flex}.privacy-body p{margin:0}.privacy-intro{color:#4a3a78;font-weight:600}.privacy-list{flex-direction:column;gap:10px;margin:4px 0;padding:0;list-style:none;display:flex}.privacy-list li{background:linear-gradient(135deg,#7c5cd814,#508cdc14);border:1px solid #7c5cd847;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #7c5cd814}.privacy-icon{background:linear-gradient(135deg,#8a64dc,#5a8de2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;box-shadow:0 4px 10px #7c5cd847}.privacy-text{flex-direction:column;gap:2px;min-width:0;display:flex}.privacy-text strong{color:#2a1a55;font-size:14.5px;font-weight:700}.privacy-text span{color:#4a3a78;font-size:13px;line-height:1.45}.privacy-footer{text-align:center;color:#6b53a3;margin-top:4px;font-size:13px}.join-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 60px;display:flex;position:relative}.join-back{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#5030a0;cursor:pointer;background:#fff5ff80;border:1px solid #b496ff66;border-radius:12px;padding:8px 18px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s;position:fixed;top:20px;left:20px}.join-back:hover{background:#fff5ffbf}.join-container{flex-direction:column;align-items:center;gap:0;width:100%;max-width:520px;display:flex}.join-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-sizing:border-box;background:#fff8ff80;border:1.5px solid #c8aaff73;border-radius:32px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:44px 40px;display:flex;box-shadow:0 12px 48px #8c64ff1f,0 2px 8px #0000000f}.join-card-primary{border-color:#b482ff8c;box-shadow:0 16px 60px #8c50ff2e,0 0 0 1px #c8a0ff33,inset 0 1px #fff9}.join-fish-icon{filter:drop-shadow(0 4px 12px #7850ff59);font-size:52px;line-height:1}.join-title{background:linear-gradient(100deg,#a030c8,#5058d8,#3898e0);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:800}.join-desc{color:#7050a0;text-align:center;margin:0;font-size:15px;line-height:1.5}.join-input-big{box-sizing:border-box;letter-spacing:.28em;text-align:center;color:#2a1060;background:#ffffffb3;border:2.5px solid #aa82ff8c;border-radius:22px;outline:none;width:100%;padding:22px 28px;font-family:system-ui,sans-serif;font-size:38px;font-weight:900;transition:border-color .25s,box-shadow .25s;box-shadow:0 4px 20px #8c5aff1a}.join-input-big:focus{border-color:#965affd9;box-shadow:0 0 0 5px #965aff1f,0 4px 24px #8c5aff2e}.join-input-big::placeholder{color:#c8b0e8;font-weight:700}.join-input-name{box-sizing:border-box;text-align:center;color:#2a1060;background:#ffffffa6;border:2px solid #aa82ff73;border-radius:18px;outline:none;width:100%;padding:16px 22px;font-family:system-ui,sans-serif;font-size:18px;font-weight:600;transition:border-color .2s,box-shadow .2s}.join-input-name:focus{border-color:#965affcc;box-shadow:0 0 0 4px #965aff1a}.join-input-name::placeholder{color:#c0a8e0}.join-error{color:#c0407a;text-align:center;margin:0;font-size:14px;font-weight:500}.join-dive-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#9040e8 0%,#5868d8 55%,#38a0e8 100%);border:none;border-radius:20px;width:100%;padding:20px;font-family:system-ui,sans-serif;font-size:20px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 28px #6e3ce673,0 2px 8px #00000026,inset 0 1px #ffffff40}.join-dive-btn:hover{transform:translateY(-3px);box-shadow:0 10px 36px #6e3ce68c,0 4px 12px #0000002e,inset 0 1px #ffffff40}.join-dive-btn:active{transform:translateY(0)}.join-btn-create{color:#5030a0;cursor:pointer;background:#c8aaff26;border:2px solid #a078ff80;border-radius:18px;width:100%;padding:16px;font-family:system-ui,sans-serif;font-size:17px;font-weight:700;transition:background .2s,transform .2s}.join-btn-create:hover{background:#c8aaff4d;transform:translateY(-2px)}.join-divider{text-align:center;color:#a090c0;width:100%;padding:20px 0;font-size:14px;font-weight:600;position:relative}.join-divider:before,.join-divider:after{content:"";background:#b496dc4d;width:40%;height:1px;position:absolute;top:50%}.join-divider:before{left:0}.join-divider:after{right:0}.created-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.created-label{letter-spacing:.1em;text-transform:uppercase;color:#9070b0;margin:0;font-size:12px;font-weight:700}.created-name{color:#3a1a7a;font-size:22px;font-weight:800}.created-code{letter-spacing:.28em;background:linear-gradient(100deg,#a030c8,#4060d8,#30a0e0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:8px 0;font-size:44px;font-weight:900}.copy-btn{color:#6040a0;cursor:pointer;background:0 0;border:1.5px solid #a078ff80;border-radius:12px;padding:10px 28px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s}.copy-btn:hover{background:#b496ff26}.past-events-card{padding:0;overflow:hidden}.past-events-toggle{cursor:pointer;color:#5030a0;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:18px 22px;font-family:system-ui,sans-serif;font-size:15px;font-weight:700;transition:background .18s;display:flex}.past-events-toggle:hover{background:#b496ff1a}.past-events-count{color:#7040b8;background:#a050dc2e;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.past-events-chevron{color:#9070c0;margin-left:auto;font-size:11px}.past-events-list{border-top:1px solid #b496dc38;flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.past-event-row{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #b496dc1f;flex-direction:column;gap:3px;padding:13px 22px;font-family:system-ui,sans-serif;transition:background .15s;display:flex}.past-event-row:last-child{border-bottom:none}.past-event-row:hover{background:#b496ff1a}.past-event-name{color:#3a1a7a;font-size:15px;font-weight:700}.past-event-meta{align-items:center;gap:10px;display:flex}.past-event-code{letter-spacing:.12em;color:#8040c0;background:#a050dc1a;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700}.past-event-date{color:#9080b0;font-size:12px}.welcome-toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#c8deff;text-align:center;pointer-events:none;z-index:200;background:#0a081eb3;border:1px solid #82aaff66;border-radius:24px;padding:22px 44px;font-family:system-ui,sans-serif;font-size:22px;font-weight:600;animation:3.5s forwards toast-in-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 40px #3c64ff40}.welcome-toast strong{background:linear-gradient(90deg,#a0c4ff,#c8a0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,-44%)}12%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-56%)}}.event-hud-code{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#a8c4f0;white-space:nowrap;pointer-events:none;background:#080c288c;border:1px solid #5078ff4d;border-radius:16px;padding:10px 26px;font-family:system-ui,sans-serif;font-size:14px;font-weight:500;position:fixed;top:76px;left:50%;transform:translate(-50%)}.hud-event-name{color:#c8d8ff;font-weight:700}.event-leave-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#5030a0;cursor:pointer;background:#f5eeff80;border:1px solid #b496ff66;border-radius:12px;padding:9px 18px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s;position:fixed;top:76px;left:20px}.event-leave-btn:hover{background:#f5eeffcc}.proximity-bubble{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;background:#ffffffeb;border:1px solid #a078ff4d;border-radius:20px;min-width:220px;max-width:300px;padding:18px 24px;animation:.25s cubic-bezier(.34,1.56,.64,1) bubble-pop;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #7850dc38}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}.proximity-name{color:#3a1878;margin:0 0 8px;font-size:16px;font-weight:700}.proximity-row{text-align:left;margin:6px 0}.proximity-label{text-transform:uppercase;letter-spacing:.07em;color:#a080d0;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.proximity-tags{color:#3a1878;font-size:13px;font-weight:500}.proximity-empty{color:#a090c0;text-align:center;font-size:13px;font-style:italic}.proximity-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9060e0,#6040c0);border:none;border-radius:12px;width:100%;margin-top:12px;padding:9px 0;font-size:14px;font-weight:600;transition:opacity .2s}.proximity-btn:hover{opacity:.88}.user-portfolio{min-height:100vh;position:relative;overflow:hidden}.portfolio-fish-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.portfolio-back{z-index:10;position:fixed;top:20px;left:20px}.portfolio-scroll{z-index:5;flex-direction:column;gap:20px;max-width:560px;margin:0 auto;padding:80px 24px 100px;display:flex;position:relative}.portfolio-header{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #a0c8ff33;border-radius:24px;padding:32px 24px}.portfolio-name{color:#fff;filter:drop-shadow(0 2px 12px #7850ff66);margin:0 0 4px;font-family:Klephon,sans-serif;font-size:48px}.portfolio-username{color:#a0c8ffbf;margin:0 0 12px;font-size:14px}.portfolio-bio{color:#c8e6ffd9;margin:0;font-size:15px;line-height:1.7}.portfolio-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff12;border:1px solid #a0c8ff2e;border-radius:20px;padding:24px}.portfolio-card-title{text-transform:uppercase;letter-spacing:.08em;color:#a0d2ffb3;margin:0 0 14px;font-size:13px;font-weight:700}.portfolio-links{flex-wrap:wrap;gap:10px;display:flex}.portfolio-link-pill{color:#c8e0ff;background:#78a0ff2e;border:1px solid #78a0ff4d;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s}.portfolio-link-pill:hover{background:#78a0ff52}.portfolio-connect-btn{width:100%;margin-top:4px}.profile-page{flex-direction:column;align-items:center;min-height:100vh;padding:72px 24px 100px;display:flex;position:relative}.fishbowl-outer{flex-direction:column;align-items:center;width:min(620px,94vw);margin-top:16px;display:flex}.fishbowl-rim{background:linear-gradient(#c8e6ff8c,#a0c8ff40);border:2px solid #b4d7ff99;border-bottom:none;border-radius:50% 50% 0 0/100% 100% 0 0;width:52%;height:28px;box-shadow:inset 0 4px 8px #ffffff26}.fishbowl-bowl{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0e285f52;border:2px solid #a0cdff61;border-radius:44% 44% 50% 50%/8% 8% 52% 52%;flex-direction:column;gap:22px;width:100%;padding:44px 72px 72px;display:flex;position:relative;box-shadow:inset 0 0 120px #508ce61a,inset -30px 0 60px #7850dc0f,0 12px 60px #2850c838}.fishbowl-shine{pointer-events:none;background:radial-gradient(at 40% 30%,#ffffff24 0%,#0000 70%);border-radius:50%;width:22%;height:32%;position:absolute;top:6%;left:7%}.fishbowl-bowl:after{content:"";pointer-events:none;background:radial-gradient(#ffffff12 0%,#0000 70%);border-radius:50%;width:10%;height:20%;position:absolute;top:12%;right:9%}.fishbowl-stem{background:linear-gradient(#a0c8f573,#78a0dc47);border-left:1.5px solid #aad7ff73;border-right:1.5px solid #aad7ff73;width:14px;height:38px}.fishbowl-base{background:linear-gradient(135deg,#b4d7ff61,#78a0dc38);border:2px solid #aad7ff73;border-radius:0 0 50% 50%/0 0 100% 100%;width:40%;height:14px;box-shadow:0 4px 16px #5078dc26}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff8ff73;border:1px solid #c8aaff66;border-radius:28px;flex-direction:column;gap:14px;padding:36px 32px;display:flex;box-shadow:0 8px 40px #a078ff1a}.profile-card-title{text-align:left;font-size:22px}.profile-card-desc{text-align:left;margin-bottom:6px}.profile-field{flex-direction:column;gap:6px;display:flex}.profile-field>span{color:#6040a0;letter-spacing:.02em;font-size:13px;font-weight:600}.profile-input{box-sizing:border-box;color:#2a1a5e;background:#ffffff8c;border:1.5px solid #b496ff66;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:system-ui,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.profile-input:focus{border-color:#a064ffcc;box-shadow:0 0 0 4px #a064ff1f}.profile-input::placeholder{color:#b8a0d8}.profile-textarea{resize:vertical;min-height:70px;font-family:system-ui,sans-serif;line-height:1.5}.profile-custom-row{align-items:stretch;gap:8px;display:flex}.profile-custom-label{flex:0 0 35%}.profile-custom-url{flex:auto}.profile-remove-btn{color:#c04080;cursor:pointer;background:#ffe6f080;border:1.5px solid #dc78a066;border-radius:12px;flex:0 0 38px;font-family:system-ui,sans-serif;font-size:20px;font-weight:700;line-height:1;transition:background .2s}.profile-remove-btn:hover{background:#ffc8dc99}.profile-save{margin-top:8px}.tag-input{flex-direction:column;gap:6px;display:flex}.tag-list{background:#ffffff8c;border:1.5px solid #b496ff66;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.tag-list:focus-within{border-color:#a064ffcc;box-shadow:0 0 0 4px #a064ff1f}.tag-pill{color:#5030a0;cursor:pointer;background:linear-gradient(135deg,#b482ff4d,#8caaff4d);border:1px solid #b496ff80;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-family:system-ui,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.tag-pill:hover{opacity:.7}.tag-pill-x{color:#8060c0;margin-left:2px;font-size:14px;line-height:1}.tag-draft{color:#2a1a5e;background:0 0;border:none;outline:none;flex:1;min-width:100px;padding:4px 6px;font-family:system-ui,sans-serif;font-size:14px}.tag-draft::placeholder{color:#b8a0d8}.tag-hint{color:#8070b0;letter-spacing:.02em;font-size:11px}.connection-grid{flex-wrap:wrap;gap:8px;display:flex}.connection-pill{color:#6040a0;cursor:pointer;background:#fff6;border:1.5px solid #b496ff66;border-radius:999px;padding:8px 14px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.connection-pill:hover{background:#ffffffb3;transform:translateY(-1px)}.connection-pill.on{color:#fff;background:linear-gradient(135deg,#9050e0,#5070d0);border-color:#0000;box-shadow:0 4px 16px #7846dc4d}.login-page{background:linear-gradient(#b8f0ff 0%,#60c8e8 30%,#2060a0 70%,#0a1a40 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-card{z-index:2;-webkit-backdrop-filter:blur(18px);background:#ffffff2e;border:1.5px solid #ffffff59;border-radius:28px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:380px;padding:48px 40px 36px;display:flex;position:relative;box-shadow:0 12px 48px #1e3c8c40}.login-logo{margin-bottom:4px;font-size:48px;line-height:1}.login-logo-img{object-fit:contain;filter:drop-shadow(0 6px 14px #dc82b459);width:96px;height:96px;margin:0 auto 4px;animation:3.4s ease-in-out infinite login-fish-bob;display:block}@keyframes login-fish-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-divider{color:#ffffff8c;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;margin:14px 0 6px;font-size:11px;font-weight:700;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff26;flex:1;height:1px}.login-demo-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px dashed #fff6;border-radius:14px;width:100%;padding:11px 16px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,transform .12s}.login-demo-btn:hover{background:#ffffff29;border-color:#fff9;transform:translateY(-1px)}.login-title{background:linear-gradient(90deg,#c06090,#7060d0,#40a0d0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.login-subtitle{color:#ffffffbf;margin:0 0 16px;font-size:14px}.login-form{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.login-input{color:#1a0a40;box-sizing:border-box;background:#ffffff38;border:1.5px solid #ffffff59;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:system-ui,sans-serif;font-size:15px;transition:border-color .2s,background .2s}.login-input::placeholder{color:#503c8299}.login-input:focus{background:#ffffff52;border-color:#a078ff99}.login-error{color:#ff6080;text-align:center;margin:0;font-size:13px}.login-submit{width:100%;margin-top:4px}.login-switch{color:#ffffffbf;cursor:pointer;background:0 0;border:none;margin-top:8px;font-family:system-ui,sans-serif;font-size:13px;text-decoration:underline;transition:color .2s}.login-switch:hover{color:#fff}.login-back{color:#ffffff80;cursor:pointer;background:0 0;border:none;margin-top:4px;font-family:system-ui,sans-serif;font-size:12px;transition:color .2s}.login-back:hover{color:#ffffffd9}.nav-profile-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:flex}.nav-avatar{color:#fff;background:linear-gradient(135deg,#9060e0,#5080d0);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:system-ui,sans-serif;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #643cc84d}.nav-avatar:hover{transform:scale(1.08);box-shadow:0 4px 14px #643cc866}.nav-avatar-guest{background:#ffffff47;font-size:20px}.field-note{color:#9080c0;margin-left:4px;font-size:11px;font-weight:400}.field-error{color:#e04060;margin:4px 0 0;font-size:13px}.field-success{color:#30b070;font-size:13px;font-weight:600}.field-note-block{color:#8070b0;margin:0 0 6px;font-size:13px}.cred-row{align-items:center;gap:10px;margin-top:4px;display:flex}.cred-display{color:#3020a0;flex:1;font-size:15px;font-weight:600}.cred-edit-block{flex-direction:column;gap:8px;margin-top:6px;display:flex}.cred-actions{gap:8px;margin-top:2px;display:flex}.cred-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8050d8,#4868c8);border:none;border-radius:12px;padding:8px 20px;font-family:system-ui,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s}.cred-confirm-btn:hover{opacity:.88}.fish-preview-canvas{border:1.5px solid #648cdc38;border-radius:16px;margin:4px auto 18px;display:block}.acc-section-label{color:#7060b0;letter-spacing:.06em;text-transform:uppercase;margin:4px 0 8px;font-size:11px;font-weight:700}.fish-style-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.fish-style-card{cursor:pointer;background:#ffffff52;border:2px solid #b496ff38;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-family:system-ui,sans-serif;transition:border-color .18s,transform .15s,background .18s;display:flex}.fish-style-card:hover{background:#ffffff8c;transform:translateY(-2px)}.fish-style-card.selected{background:#8c5ae61a;border-color:#8060e0;box-shadow:0 2px 14px #7846dc38}.fish-style-swatch{border-radius:50%;width:34px;height:34px;box-shadow:0 2px 8px #00000024}.fish-style-label{color:#5040a0;font-size:11px;font-weight:600}.accessory-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.acc-label{color:#7060b0;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;width:58px;font-size:12px;font-weight:700}.acc-options{flex-wrap:wrap;gap:6px;display:flex}.acc-option{color:#5040a0;cursor:pointer;background:#ffffff52;border:1.5px solid #b496ff52;border-radius:999px;padding:5px 12px;font-family:system-ui,sans-serif;font-size:12px;font-weight:600;transition:background .18s,border-color .18s}.acc-option:hover{background:#fff9}.acc-option.selected{color:#fff;background:linear-gradient(135deg,#9050e0,#5070d0);border-color:#0000;box-shadow:0 2px 8px #7846dc47}.nav-logo-img{cursor:pointer;filter:drop-shadow(0 2px 10px #8c3cdc40);flex-shrink:0;height:42px;animation:3.2s ease-in-out infinite navLogoFloat}@keyframes navLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-center{z-index:2;pointer-events:none;justify-content:flex-start;align-items:flex-start;padding-top:7vh;padding-left:6vw;display:flex;position:absolute;inset:0}.floating-logo-wrap{pointer-events:auto}.floating-logo-text{color:#fff;letter-spacing:.02em;filter:drop-shadow(0 8px 40px #783cc880)drop-shadow(0 2px 12px #50b4ff66);-webkit-user-select:none;user-select:none;font-family:Klephon,sans-serif;font-size:clamp(72px,12vw,140px);animation:3.8s ease-in-out infinite heroLogoFloat}@keyframes heroLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.bg-bubbles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-bubble{background:radial-gradient(circle at 35% 35%,#dcf0ff1a,#78beff0a);border:1.5px solid #a0dcff52;border-radius:50%;animation:linear infinite both bgBubbleRise;position:absolute;bottom:-80px}@keyframes bgBubbleRise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:1}92%{opacity:.9}to{transform:translateY(-110vh) translateX(var(--drift,20px));opacity:0}}.profile-fish-header{-webkit-backdrop-filter:blur(14px);background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:22px;align-items:center;gap:20px;padding:20px 24px;display:flex;box-shadow:0 4px 24px #5028a01a}.profile-fish-avatar{cursor:pointer;border:2px solid #a078ff4d;border-radius:16px;flex-shrink:0;transition:border-color .2s;position:relative;overflow:hidden}.profile-fish-avatar:hover{border-color:#8c50f0b3}.profile-fish-avatar .fish-preview-canvas{border:none;border-radius:0;margin:0;display:block}.fish-edit-overlay{opacity:0;background:#3c147873;flex-direction:column;justify-content:center;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-fish-avatar:hover .fish-edit-overlay{opacity:1}.fish-edit-icon{font-size:20px}.fish-edit-label{color:#fff;font-family:system-ui,sans-serif;font-size:12px;font-weight:700}.profile-fish-info{flex-direction:column;gap:4px;display:flex}.profile-fish-username{color:#3020a0;margin:0;font-size:18px;font-weight:800}.profile-fish-nick{color:#7060b0;margin:0;font-size:14px}.fish-edit-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#140a3c8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fish-edit-modal{-webkit-backdrop-filter:blur(20px);background:#f0ebffeb;border:1.5px solid #c8b4ff80;border-radius:24px;width:100%;max-width:440px;max-height:90vh;padding:32px 28px 28px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #3c148c4d}.fish-modal-close{cursor:pointer;color:#5040a0;background:#b496ff33;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:background .2s;display:flex;position:absolute;top:14px;right:16px}.fish-modal-close:hover{background:#b496ff73}.login-field-wrap{flex-direction:column;gap:4px;display:flex}.login-field-hint{color:#fff9;padding-left:4px;font-size:11px}.toast-stack{z-index:1100;pointer-events:none;flex-direction:column;gap:10px;max-width:320px;display:flex;position:fixed;top:88px;right:24px}.toast-item{color:#4d2d8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#fffffff2;border:1px solid #a078ff4d;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:600;animation:.28s both toast-in;box-shadow:0 12px 32px #6e50be38}.toast-success{color:#1f6f4a;background:linear-gradient(135deg,#fffffff5,#dcfaebf5);border-color:#50c88c80}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=600px){.toast-stack{max-width:none;left:16px;right:16px}}.profile-fishbowl-page{background:radial-gradient(at 50% 0,#96c8fa8c,#0000 65%),linear-gradient(#cfe7f7,#aacde6 35%,#7fb1d7 80%);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:96px 16px 32px;display:flex;position:relative;overflow:hidden}.profile-fishbowl{background:linear-gradient(#aadcfaeb,#4691c8e0);border:1px solid #fff6;border-radius:48% 48% 50% 50%/56% 56% 48% 48%;width:900px;max-width:96vw;height:700px;max-height:86vh;position:relative;overflow:hidden;box-shadow:inset 0 -22px 50px #28507852,inset 0 0 0 2px #ffffff73,0 22px 60px #3c649647,0 6px 18px #3c64962e}.profile-fishbowl-water{pointer-events:none;background:radial-gradient(at 25% 18%,#ffffff47,#0000 38%),radial-gradient(at 80% 30%,#ffffff24,#0000 55%);position:absolute;inset:0}.bowl-fish-canvas{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bowl-id-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:7;background:#fff9;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:14px;max-width:92%;padding:10px 16px 10px 10px;display:flex;position:absolute;top:9%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #2850782e}.bowl-fish-square{background:linear-gradient(#aadcfad9,#4691c8b3);border:1px solid #ffffff80;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -4px 8px #28507840}.bowl-fish-square canvas{max-width:100%;max-height:100%;display:block}.bowl-fish-square-btn{cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s}.bowl-fish-square-btn:hover{border-color:#7c5cd8b3;transform:translateY(-2px);box-shadow:inset 0 -4px 8px #28507840,0 8px 18px #7c5cd847}.bowl-fish-square-overlay{opacity:0;background:#283c5a8c;border-radius:14px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.bowl-fish-square-btn:hover .bowl-fish-square-overlay{opacity:1}.bowl-fish-square-overlay-text{color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.bowl-id-text{min-width:0}.bowl-username-row{align-items:center;gap:6px;display:flex}.bowl-username{color:#1f3a5e;letter-spacing:.01em;margin:0;font-size:clamp(16px,2.2vw,22px);font-weight:700}.bowl-display-name{color:#4a6285;margin:2px 0 6px;font-size:clamp(12px,1.4vw,14px);font-style:italic}.bowl-edit-info-btn{cursor:pointer;color:#2c4a72;background:#fff9;border:1px solid #78a0c866;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:background .15s;display:inline-flex}.bowl-edit-info-btn:hover{background:#ffffffe6}.bowl-contact-row{flex-wrap:wrap;gap:6px;display:flex}.bowl-contact-chip{color:#4d2d8c;cursor:pointer;background:#7c5cd824;border:1px solid #7c5cd852;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.bowl-contact-chip:hover{background:#7c5cd83d}.bowl-contact-chip.ghost{color:#4a6285;background:0 0;border-color:#78a0c866}.bowl-fish-hint{color:#2c4a72;letter-spacing:.04em;text-transform:uppercase;z-index:5;pointer-events:none;white-space:nowrap;background:#fff;border-radius:12px;padding:6px 12px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite hint-bob;position:absolute;top:30%;left:50%;transform:translate(-50%,-100%);box-shadow:0 4px 14px #28507838}.bowl-fish-hint-tail{background:#fff;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:4px 4px 6px #28507829}@keyframes hint-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,calc(-100% - 4px))}}.bowl-dot-tooltip{color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:1;background:#142337c7;border-radius:6px;padding:4px 9px;font-size:10px;font-weight:700;transition:background .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #14233759}.bowl-dot:hover .bowl-dot-tooltip{background:#142337f2;transform:translate(-50%)translateY(-2px)}.bowl-seaweed{pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:bottom;filter:drop-shadow(0 4px 6px #28466e33);z-index:3;height:auto;animation:6.5s ease-in-out infinite alternate seaweed-sway;position:absolute}.seaweed-mirror{animation-name:seaweed-sway-mirror}@keyframes seaweed-sway{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes seaweed-sway-mirror{0%{transform:scaleX(-1)rotate(-2.5deg)}to{transform:scaleX(-1)rotate(2.5deg)}}.bowl-sand{z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 60%,#966e3c59 .9px,#0000 1.4px) 0 0/24px 24px,radial-gradient(circle at 28% 78%,#785a3266 .8px,#0000 1.3px) 0 0/32px 32px,radial-gradient(circle at 47% 68%,#966e3c52 1px,#0000 1.6px) 0 0/28px 28px,radial-gradient(circle at 64% 82%,#785a3261 .9px,#0000 1.4px) 0 0/36px 36px,radial-gradient(circle at 82% 72%,#966e3c4d 1px,#0000 1.5px) 0 0/30px 30px,radial-gradient(60% 80% at 25% 55%,#e1c3878c,#0000 65%) 0 0/100% 100%,radial-gradient(60% 80% at 70% 45%,#d2b47d8c,#0000 65%) 0 0/100% 100%,linear-gradient(#e8d2aa00 0%,#e4cda08c 14%,#dcc391eb 45%,#c4a776 100%) 0 0/100% 100%;height:22%;position:absolute;bottom:0;left:0;right:0}.bowl-sand:before{content:"";filter:blur(1.5px);background:linear-gradient(90deg,#0000 0%,#fff0d299 18%,#0000 32%,#fff0d28c 56%,#0000 72%,#fff0d280 92%,#0000 100%);height:4px;position:absolute;top:8%;left:0;right:0}.bowl-rocks{z-index:2;pointer-events:none;height:22%;position:absolute;bottom:0;left:0;right:0}.rock{background:radial-gradient(at 32% 22%,#ffffff47 0%,#0000 38%),radial-gradient(at 70% 80%,#0000004d 0%,#0000 55%),linear-gradient(#8a9aa6 0%,#4a5560 65%,#2c343d 100%);border-radius:52% 48% 32% 32%/68% 70% 38% 36%;display:block;position:absolute;bottom:4%;box-shadow:inset 0 -10px 18px #00000073,inset 2px 4px 10px #ffffff2e,0 6px 14px #0000004d,0 2px 4px #00000040}.rock-1{background:radial-gradient(at 30% 22%,#ffffff40,#0000 38%),radial-gradient(at 70% 78%,#00000052,#0000 55%),linear-gradient(#6f808d 0%,#3d4854 65%,#1f262d 100%);border-radius:56% 44% 30% 32%/72% 68% 36% 38%;width:11%;height:40%;left:12%;transform:rotate(-3deg)}.rock-2{background:radial-gradient(at 28% 18%,#ffffff52,#0000 40%),radial-gradient(at 72% 82%,#0000004d,#0000 55%),linear-gradient(#94a4af 0%,#56636e 60%,#353e47 100%);border-radius:50% 50% 28% 32%/65% 70% 38% 36%;width:16%;height:56%;left:28%;transform:rotate(2deg)}.rock-3{background:radial-gradient(at 35% 22%,#ffffff38,#0000 38%),radial-gradient(at 70% 80%,#00000057,#0000 56%),linear-gradient(#79899a 0%,#44505d 62%,#28303a 100%);border-radius:48% 52% 36% 28%/70% 64% 32% 40%;width:13%;height:42%;left:47%;transform:rotate(-2deg)}.rock-4{background:radial-gradient(at 30% 18%,#ffffff57,#0000 42%),radial-gradient(at 72% 82%,#00000047,#0000 55%),linear-gradient(#9eaeb9 0%,#5d6a76 62%,#3a434d 100%);border-radius:54% 46% 30% 34%/70% 68% 36% 38%;width:18%;height:62%;left:60%;transform:rotate(3deg)}.rock-5{background:radial-gradient(at 32% 22%,#ffffff38,#0000 38%),radial-gradient(at 70% 80%,#00000057,#0000 56%),linear-gradient(#6a7884 0%,#394550 62%,#1f262e 100%);border-radius:52% 48% 28% 36%/70% 66% 36% 36%;width:10%;height:36%;left:81%;transform:rotate(-4deg)}.bowl-rocks:before,.bowl-rocks:after{content:"";background:radial-gradient(circle at 30% 28%,#fff6,#0000 45%),radial-gradient(circle,#6e7a86,#2c343c 70%);border-radius:50%;position:absolute;bottom:5%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 3px #0006}.bowl-rocks:before{width:14px;height:10px;left:24%;transform:rotate(8deg)}.bowl-rocks:after{width:18px;height:12px;left:76%;transform:rotate(-12deg)}.bowl-dot{cursor:pointer;z-index:6;border:0;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .18s;position:absolute;transform:translate(-50%,-50%)}.bowl-dot:hover{transform:translate(-50%,-50%)scale(1.25)}.bowl-dot:before,.bowl-dot:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0}.bowl-dot:before{animation:2.4s ease-out infinite dot-pulse}.bowl-dot:after{animation:2.4s ease-out -1.2s infinite dot-pulse}@keyframes dot-pulse{0%{opacity:.8;transform:scale(1)}90%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.bowl-dot-blue{background:radial-gradient(circle at 32% 28%,#d8efff 0%,#74bcff 45%,#2c83cf 100%);box-shadow:0 0 14px 3px #78c8ffb3,0 0 28px 8px #50a0e666,inset 0 -2px 4px #28508273}.bowl-dot-blue:before,.bowl-dot-blue:after{background:#78c8ff8c}.bowl-dot-green{background:radial-gradient(circle at 32% 28%,#d8ffe5 0%,#6fe5a0 45%,#2aae6c 100%);box-shadow:0 0 14px 3px #8ce6b4b3,0 0 28px 8px #50c88266,inset 0 -2px 4px #28643c73}.bowl-dot-green:before,.bowl-dot-green:after{background:#8ce6b48c}.bowl-dot-hint{letter-spacing:.08em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 1px 6px #28466e8c;z-index:6;pointer-events:none;white-space:nowrap;margin:0;font-size:12px;font-weight:600;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.bowl-toolbar{z-index:10;flex-shrink:0;justify-content:center;gap:12px;margin-top:18px;display:flex}.bowl-toolbar .glass-btn{color:#2a4a72;background:#ffffff8c;border-color:#ffffffb3}.bowl-feed-btn{color:#4a2410;letter-spacing:.4px;cursor:pointer;text-shadow:0 1px #ffe6b499;background:linear-gradient(135deg,#ffb955 0%,#ff8a3c 55%,#f06d2e 100%);border:1.5px solid #fff5d7d9;border-radius:999px;align-items:center;gap:8px;padding:9px 18px 9px 14px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s,filter .15s;animation:2.6s ease-in-out infinite bowl-feed-pulse;display:inline-flex;box-shadow:0 6px 18px #dc6e2873,inset 0 1px #ffffff8c}.bowl-feed-btn:hover{filter:brightness(1.05);transform:translateY(-2px)scale(1.04);box-shadow:0 10px 26px #dc6e288c,inset 0 1px #ffffffa6}.bowl-feed-btn:active{transform:translateY(0)scale(1)}.bowl-feed-emoji{filter:drop-shadow(0 2px 4px #78320a66);font-size:18px;line-height:1}@keyframes bowl-feed-pulse{0%,to{box-shadow:0 6px 18px #dc6e2873,0 0 #ffb4508c,inset 0 1px #ffffff8c}60%{box-shadow:0 6px 18px #dc6e2873,0 0 0 12px #ffb45000,inset 0 1px #ffffff8c}}.bowl-info-panel{z-index:10;background:#fffffff0;border:1px solid #a078ff40;border-radius:18px;min-width:200px;max-width:260px;padding:20px 22px 16px;animation:.2s cubic-bezier(.34,1.56,.64,1) bubble-pop;position:absolute;bottom:18%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #643cc82e}.bowl-info-close{color:#a080c0;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:10px;right:12px}.bowl-info-title{text-transform:uppercase;letter-spacing:.07em;color:#a080d0;margin:0 0 10px;font-size:11px;font-weight:700}.bowl-info-bio{color:#5a4090;margin:0 0 8px;font-size:13px;line-height:1.6}.bowl-saved-flash{color:#fff;z-index:9;background:#48b482eb;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;animation:.25s both flash-in;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #28825a59}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.section-modal{max-width:540px}.section-modal-body{flex-direction:column;gap:14px;margin:8px 0 18px;display:flex}.spotify-input-row{align-items:center;display:flex;position:relative}.spotify-input-icon{pointer-events:none;opacity:.7;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.spotify-input{padding-left:36px}.spotify-embed-wrap{background:#181818;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #2850782e}.spotify-embed-wrap iframe{border:0;width:100%;display:block}@media (width<=700px){.profile-fishbowl-page{padding-top:80px}.profile-fishbowl{width:96vw;height:82vh}.bowl-username{font-size:18px}}.fishbowl{background:linear-gradient(#aadcfad9,#4691c8c7);border:1px solid #fff6;border-radius:48% 48% 50% 50%/56% 56% 48% 48%;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 -16px 36px #28507852,inset 0 0 0 2px #ffffff73,0 18px 42px #3c649638,0 4px 12px #3c64962e}.fishbowl-canvas{cursor:pointer;z-index:1;display:block;position:relative}.fishbowl-shine{filter:blur(8px);pointer-events:none;z-index:2;background:#ffffff61;border-radius:50%;width:32%;height:26%;position:absolute;top:5%;left:9%}.fishbowl-water-line{filter:blur(8px);pointer-events:none;z-index:2;background:#ffffff2e;border-radius:50%;width:64%;height:14%;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}.fishbowl-hint{text-align:center;color:#6b53a3;letter-spacing:.04em;text-transform:uppercase;margin-top:12px;font-size:12px;font-weight:600}.nav-tab{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:14px;line-height:1;transition:background .18s,color .18s,box-shadow .18s}.nav-tab:hover{color:#1c1230;-webkit-backdrop-filter:blur(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);background:#ffffffa6;box-shadow:inset 0 0 0 1px #ffffffd9,0 4px 14px #505a8c1f}.nav-tab-accent{color:#7c5cd8}.nav-tab-accent:hover{color:#5d3ec0;background:#ffffffb3}.hero-aquatic:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#08102400 0%,#08102473 60%,#081024d9 92%,#081024 100%);height:240px;position:absolute;bottom:0;left:0;right:0}.home-aquarium-page{isolation:isolate;min-height:100vh;position:relative}.home-aquarium-page:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(80% 100% at 50% -10%,#ffffff61 0%,#dce8ff38 35%,#c8dcfa0f 70%,#0000 100%),linear-gradient(#f5f8ff2e 0%,#dce8ff14 55%,#0000 100%);height:220px;position:fixed;top:0;left:0;right:0}.aquarium-caustics{pointer-events:none;z-index:1;mix-blend-mode:screen;filter:blur(34px);position:fixed;inset:0}.aquarium-caustics.layer-a{opacity:.5;background-image:radial-gradient(720px 140px at 22% 12%,#dcf0ff8c,#0000 70%),radial-gradient(540px 120px at 68% 28%,#c8e6ff73,#0000 70%),radial-gradient(600px 130px at 38% 52%,#d2ebff66,#0000 70%),radial-gradient(480px 110px at 78% 70%,#c3e1ff66,#0000 70%),radial-gradient(520px 130px at 28% 88%,#c8e6ff52,#0000 70%);animation:22s ease-in-out infinite alternate caustic-pan-a}.aquarium-caustics.layer-b{opacity:.42;background-image:radial-gradient(620px 130px at 60% 18%,#d2ebff66,#0000 70%),radial-gradient(460px 110px at 18% 38%,#c8e4ff6b,#0000 70%),radial-gradient(540px 120px at 50% 62%,#dcf0ff61,#0000 70%),radial-gradient(420px 100px at 88% 82%,#cde8ff5c,#0000 70%);animation:28s ease-in-out infinite alternate caustic-pan-b}@keyframes caustic-pan-a{0%{transform:translate(-3%,-1%)scale(1)}50%{transform:translate(2%,2%)scale(1.06)}to{transform:translate(-1%,3%)scale(1.02)}}@keyframes caustic-pan-b{0%{transform:translate(2%,2%)scale(1.04)}50%{transform:translate(-2%,-2%)scale(.98)}to{transform:translate(3%,1%)scale(1.05)}}.aquarium-particles{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}.aquarium-particle{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#e6f5fff2 0%,#c8e1ff73 45%,#b4d2ff00 80%);border-radius:50%;animation:linear infinite aquarium-particle-rise;position:absolute;bottom:-16px}@keyframes aquarium-particle-rise{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:var(--popacity,.6)}90%{opacity:calc(var(--popacity,.6) * .6)}to{transform:translate(var(--pdrift,0px), -110vh) scale(1);opacity:0}}.home-aquarium-page>nav,.home-aquarium-page>main{z-index:3;position:relative}.connect-tank-wrap{z-index:5;max-width:1200px;margin:0 auto;padding:36px 24px 96px;position:relative}.tank-header{text-align:center;margin:0 0 32px}.tank-header h2{color:#f1ecff;text-shadow:0 2px 14px #3c1e7873;margin:0 0 10px;font-family:Klephon,system-ui,sans-serif;font-size:44px}.tank-header p{color:#e8deffd9;margin:0;font-size:15px}.tank-header .inline-plus{vertical-align:-4px;background:#ffffff2e;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:0 2px;font-weight:700;display:inline-flex}.tank-hint{color:#dcd2ffb3;margin-top:10px;font-size:13px}.tank-hint.incoming{color:#ffc7e3}.bubble-tank{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:44px 32px;min-height:50vh;padding:24px 8px;display:grid}.tank-empty{text-align:center;color:#e1d7ffb3;grid-column:1/-1;padding:60px 24px;font-size:15px}.person-bubble{aspect-ratio:1;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px)saturate(140%);will-change:transform;background:radial-gradient(circle at 30% 24%,#ffffff8c 0%,#dce8ff2e 38%,#aac8fa1a 70%,#96b4f00a 100%);border:1.5px solid #dce8ff66;border-radius:50%;justify-content:center;align-items:center;padding:22px;transition:transform .28s,box-shadow .28s,border-color .28s;animation:ease-in-out infinite alternate person-bubble-bob;display:flex;position:relative;box-shadow:inset 0 8px 18px #ffffff4d,inset 0 -10px 22px #503ca02e,0 14px 32px #28328252}.person-bubble:hover{border-color:#ebf0ffa6;transform:translateY(-4px)scale(1.04);box-shadow:inset 0 8px 18px #ffffff73,inset 0 -10px 22px #503ca038,0 22px 44px #28328273}.person-bubble.incoming{background:radial-gradient(circle at 30% 24%,#ffebf88c 0%,#ffc8e633 40%,#dc96c81a 75%);border-color:#ffbee1a6;box-shadow:inset 0 8px 18px #ffebf859,inset 0 -10px 22px #b4509633,0 18px 38px #b450a066}.person-bubble.sent{opacity:.92}.bubble-shine{pointer-events:none;filter:blur(1px);background:radial-gradient(#ffffffd9 0%,#fff0 70%);border-radius:50%;width:32%;height:22%;position:absolute;top:10%;left:18%}.bubble-shine-sm{pointer-events:none;filter:blur(.5px);background:#ffffffb3;border-radius:50%;width:8%;height:8%;position:absolute;top:22%;left:50%}.bubble-inner{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:78%;display:flex;position:relative}.bubble-avatar{color:#fff;background:linear-gradient(135deg,#b9a3f0,#7c5cd8);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;font-weight:800;display:flex;box-shadow:0 4px 12px #3c1e7859}.person-bubble.incoming .bubble-avatar{background:linear-gradient(135deg,#ffadd1,#d87cb1);box-shadow:0 4px 12px #b4509659}.bubble-name{color:#2a1850;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px #ffffff8c;max-width:100%;font-size:14px;font-weight:700;line-height:1.15;overflow:hidden}.bubble-tags{flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;margin-top:2px;display:flex}.bubble-tag{letter-spacing:.1px;color:#3d1f8a;white-space:nowrap;text-overflow:ellipsis;background:#7c5cd838;border:1px solid #7c5cd84d;border-radius:999px;max-width:100%;padding:2px 8px;font-size:10.5px;font-weight:600;overflow:hidden}.bubble-tag.more{color:#5a3fb0;background:#7c5cd81a}.person-bubble.incoming .bubble-tag{color:#7e1a5a;background:#d85ca833;border-color:#d85ca859}.bubble-status{color:#7e1a5a;letter-spacing:.2px;margin-top:2px;font-size:11px;font-weight:600}.bubble-add{color:#fff;cursor:pointer;z-index:3;background:linear-gradient(135deg,#8a6ce6,#5e3fc4);border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:absolute;bottom:6%;right:6%;box-shadow:0 6px 16px #4628a073,inset 0 1px #fff6}.bubble-add:hover{transform:scale(1.12);box-shadow:0 8px 22px #4628a08c,inset 0 1px #ffffff8c}.bubble-add.sent{background:linear-gradient(135deg,#6db58c,#3d8e63);box-shadow:0 6px 16px #28785073,inset 0 1px #fff6}.bubble-accept-row{z-index:3;gap:6px;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.bubble-mini{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex}.bubble-mini.accept{background:linear-gradient(135deg,#6db58c,#3d8e63);box-shadow:0 4px 12px #28785073}.bubble-mini.decline{background:linear-gradient(135deg,#d88aa0,#b34d6e);box-shadow:0 4px 12px #96325a66}.bubble-mini:hover{transform:scale(1.12)}@keyframes person-bubble-bob{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--bubble-dx,0), var(--bubble-dy,0)) rotate(var(--bubble-tilt,0deg))}}@media (width<=640px){.bubble-tank{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 18px}.bubble-avatar{width:38px;height:38px;font-size:16px}.bubble-name{font-size:13px}.bubble-tag{font-size:10px}.bubble-add{width:32px;height:32px;font-size:18px}}.friends-page-wrap{z-index:5;max-width:880px;margin:0 auto;padding:36px 24px 96px;position:relative}.friends-page-header{text-align:center;margin:0 0 28px}.friends-page-header h2{color:#f1ecff;text-shadow:0 2px 14px #3c1e7873;margin:0 0 8px;font-family:Klephon,system-ui,sans-serif;font-size:44px}.friends-page-header p{color:#e8deffd9;margin:0;font-size:15px}.friends-search{max-width:560px;margin:0 auto 28px}.friends-search .profile-input{color:#f1ecff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #dce8ff4d;border-radius:14px;width:100%;padding:12px 16px;font-size:15px}.friends-search .profile-input::placeholder{color:#e1dafa8c}.friends-search .profile-input:focus{background:#ffffff29;border-color:#b496ffb3;outline:none}.friends-block{-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);background:radial-gradient(circle at 25% 0,#ffffff2e 0%,#dce6ff12 45%,#b4c8fa0a 100%);border:1px solid #dce8ff47;border-radius:22px;margin:0 0 28px;padding:22px 22px 18px;box-shadow:0 12px 30px #141e5a47,inset 0 1px #ffffff40}.friends-block-header{justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;display:flex}.friends-block-header h3{color:#f3ecff;letter-spacing:.2px;margin:0;font-size:17px;font-weight:700}.chat-modal{flex-direction:column;width:min(560px,92vw);max-height:78vh;display:flex}.chat-scroll{flex-direction:column;flex:1;gap:6px;min-height:240px;max-height:50vh;margin:8px 0 12px;padding:12px 4px;display:flex;overflow-y:auto}.chat-empty{color:#5032828c;text-align:center;margin:auto;font-size:14px}.chat-msg{flex-direction:column;max-width:78%;display:flex}.chat-msg.mine{align-self:flex-end;align-items:flex-end}.chat-msg.theirs{align-self:flex-start;align-items:flex-start}.chat-bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:18px;padding:9px 14px;font-size:14px;line-height:1.4}.chat-msg.mine .chat-bubble{color:#fff;background:linear-gradient(135deg,#8a6ce6,#5e3fc4);border-bottom-right-radius:6px;box-shadow:0 4px 12px #4628a04d}.chat-msg.theirs .chat-bubble{color:#1f1340;background:#ffffffd9;border:1px solid #b496dc73;border-bottom-left-radius:6px}.chat-time{color:#5032828c;margin-top:2px;padding:0 6px;font-size:10.5px}.chat-input-row{border-top:1px solid #b496dc40;align-items:stretch;gap:8px;padding-top:8px;display:flex}.chat-input{color:#1f1340;background:#ffffffd9;border:1px solid #b496dc73;border-radius:999px;flex:1;padding:10px 14px;font-size:14px}.chat-input:focus{border-color:#7c5cd8;outline:none}.chat-send{border-radius:999px;padding:0 18px;font-size:14px;font-weight:600}.chat-send:disabled{opacity:.5;cursor:not-allowed}.nav-message-btn{color:#5836b8;cursor:pointer;background:0 0;border:1px solid #dce8ff00;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s,color .18s,box-shadow .18s,border-color .18s,transform .18s;display:inline-flex;position:relative}.nav-message-btn:hover{color:#3d1f8a;-webkit-backdrop-filter:blur(8px)saturate(140%);backdrop-filter:blur(8px)saturate(140%);background:#ffffffa6;border-color:#ffffffd9;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffffd9,0 4px 14px #505a8c24}.nav-message-btn:active{transform:translateY(0)}.nav-notif-badge{color:#fff;text-align:center;pointer-events:none;background:linear-gradient(135deg,#ff7eb6,#d44b8e);border:1.5px solid #ffffffd9;border-radius:999px;min-width:17px;height:17px;padding:0 5px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #b43c8273}.messages-page{background:0 0;min-height:100vh;position:relative}.messages-layout{z-index:5;gap:16px;max-width:1040px;height:calc(100vh - 96px);margin:0 auto;padding:16px 20px 20px;display:flex;position:relative}.messages-sidebar,.messages-chat-area{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:radial-gradient(circle at 25% 0,#ffffff2e 0%,#dce6ff12 45%,#b4c8fa0a 100%);border:1px solid #dce8ff4d;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px #141e5a4d,inset 0 1px #ffffff4d}.messages-sidebar{flex-direction:column;flex-shrink:0;width:280px;display:flex}.messages-sidebar-hdr{border-bottom:1px solid #dce8ff33;padding:18px 20px 12px}.messages-sidebar-title{letter-spacing:.4px;color:#f3ecff;text-shadow:0 2px 12px #3c1e7866;margin:0;font-family:Klephon,system-ui,sans-serif;font-size:22px}.messages-empty{color:#e1dafaa6;text-align:center;padding:28px 22px;font-size:13px;line-height:1.6}.convo-row{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #dce8ff1a;align-items:center;gap:11px;width:100%;padding:12px 18px;transition:background .18s;display:flex}.convo-row:hover{background:#ffffff1a}.convo-active{background:#7c5cd83d!important}.convo-avatar{color:#fff;background:linear-gradient(135deg,#b9a3f0,#7c5cd8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:flex;box-shadow:0 4px 10px #3c1e784d}.convo-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.convo-name{color:#f3ecff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.convo-preview{color:#e1dafa8c;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.convo-unread-dot{background:linear-gradient(135deg,#ff7eb6,#d44b8e);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 8px #d85ca8b3}.messages-chat-area{flex-direction:column;flex:1;display:flex}.messages-placeholder{color:#e1dafa8c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.messages-placeholder-icon{filter:drop-shadow(0 4px 14px #785adc73);font-size:38px}.messages-chat-hdr{border-bottom:1px solid #dce8ff33;flex-shrink:0;align-items:center;gap:10px;padding:14px 18px;display:flex}.msg-back-btn{color:#e1dafabf;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:2px 8px;font-size:20px;transition:background .15s}.msg-back-btn:hover{background:#ffffff24}.msg-chat-user{flex:1;align-items:center;gap:10px;display:flex}.msg-chat-avatar{color:#fff;background:linear-gradient(135deg,#b9a3f0,#7c5cd8);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;box-shadow:0 3px 8px #3c1e784d}.msg-chat-title{color:#f3ecff;letter-spacing:.2px;font-size:14.5px;font-weight:700}.msg-view-profile-btn{color:#f3ecff;cursor:pointer;background:#7c5cd838;border:1px solid #7c5cd873;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .18s,border-color .18s}.msg-view-profile-btn:hover{background:#7c5cd866;border-color:#ffffff8c}.messages-chat-body{scrollbar-width:thin;scrollbar-color:#dce8ff33 transparent;flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.messages-chat-empty{text-align:center;color:#e1dafa80;margin:auto;font-size:13px}.msg-wrap{flex-direction:column;gap:3px;max-width:72%;display:flex}.msg-wrap-mine{align-self:flex-end;align-items:flex-end}.msg-wrap-theirs{align-self:flex-start;align-items:flex-start}.msg-bubble{word-break:break-word;white-space:pre-wrap;border-radius:18px;padding:10px 15px;font-size:14px;line-height:1.45}.msg-bubble-mine{color:#fff;background:linear-gradient(135deg,#8a6ce6,#5e3fc4);border-bottom-right-radius:6px;box-shadow:0 4px 14px #4628a059}.msg-bubble-theirs{color:#1f1340;background:#ffffffd9;border:1px solid #b496dc66;border-bottom-left-radius:6px}.msg-ts{color:#e1dafa73;padding:0 6px;font-size:10.5px}.messages-input-row{border-top:1px solid #dce8ff33;flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.msg-text-input{color:#1f1340;background:#ffffffd9;border:1px solid #b496dc73;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.msg-text-input::placeholder{color:#50328273}.msg-text-input:focus{border-color:#7c5cd8;box-shadow:0 0 0 3px #7c5cd838}.msg-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a6ce6,#5e3fc4);border:none;border-radius:999px;padding:0 22px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 6px 16px #4628a059}.msg-send-btn:disabled{opacity:.45;cursor:default;box-shadow:none}.msg-send-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 22px #4628a073}@media (width<=600px){.messages-layout{flex-direction:column;gap:0;padding:0 10px 10px}.messages-sidebar{border-radius:14px 14px 0 0;flex-shrink:0;width:100%;max-height:40vh}.messages-chat-area{border-radius:0 0 14px 14px}.sidebar-hidden-mobile,.chat-hidden-mobile{display:none}}.event-chat-panel{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);z-index:30;pointer-events:none;background:#0a1628d1;border:1px solid #ffffff1a;border-radius:18px 0 0;flex-direction:column;width:280px;height:380px;transition:transform .28s cubic-bezier(.34,1.2,.64,1);display:flex;position:fixed;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.event-chat-open{pointer-events:all;transform:translate(0)}.event-chat-hdr{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.event-chat-title{color:#ffffffd9;letter-spacing:.02em;font-size:13px;font-weight:700}.event-chat-close{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 5px;font-size:18px;line-height:1}.event-chat-close:hover{color:#fffc}.event-chat-msgs{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.event-chat-empty{color:#ffffff47;text-align:center;margin:auto;font-size:12px}.event-chat-msg{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ecm-mine{align-items:flex-end}.ecm-name{color:#a082ffbf;padding:0 4px;font-size:10px;font-weight:600}.ecm-mine .ecm-name{color:#82c8ffbf}.ecm-text{color:#ffffffe0;word-break:break-word;background:#ffffff17;border-radius:12px 12px 12px 4px;max-width:210px;padding:6px 11px;font-size:13px;line-height:1.4}.ecm-mine .ecm-text{background:#7c5cd859;border-bottom-right-radius:4px;border-bottom-left-radius:12px}.event-chat-input-row{border-top:1px solid #ffffff12;flex-shrink:0;gap:6px;padding:10px;display:flex}.event-chat-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1c;border-radius:10px;outline:none;flex:1;padding:7px 11px;font-size:13px}.event-chat-input::placeholder{color:#ffffff47}.event-chat-input:focus{border-color:#7c5cd880}.event-chat-send{color:#fff;cursor:pointer;background:#7c5cd88c;border:none;border-radius:10px;flex-shrink:0;width:34px;font-size:16px;transition:background .15s}.event-chat-send:hover{background:#7c5cd8cc}.event-chat-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:31;background:#7c5cd8bf;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;transition:background .15s,transform .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 18px #00000059}.event-chat-toggle:hover{background:#7c5cd8f2;transform:scale(1.07)}.event-chat-badge{color:#fff;text-align:center;background:#e63946;border-radius:999px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:17px;position:absolute;top:-3px;right:-3px}.up-connect-btn{cursor:pointer;color:#ffffffe0;background:#7c5cd826;border:1.5px solid #7c5cd88c;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.up-connect-btn:hover:not(:disabled){background:#7c5cd852;border-color:#7c5cd8d9}.up-connect-btn:disabled{opacity:.55;cursor:default}.up-connected{color:#50e68ce6;background:#32c87826;border-color:#32c87880}.up-dm-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#7c5cd8bf,#4a90d9bf);border:none;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:600;transition:opacity .15s}.up-dm-btn:hover{opacity:.85}.profile-dm-drawer{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);z-index:50;pointer-events:none;background:#081222e0;border-left:1px solid #ffffff17;flex-direction:column;width:320px;transition:transform .3s cubic-bezier(.34,1.15,.64,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.pdm-open{pointer-events:all;transform:translate(0)}.pdm-backdrop{display:none}.pdm-header{border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.pdm-back{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:2px 6px;font-size:18px;transition:background .15s}.pdm-back:hover{color:#ffffffd9;background:#ffffff17}.pdm-title-row{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.pdm-avatar{color:#fff;background:linear-gradient(135deg,#7c5cd8,#4a90d9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.pdm-title{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pdm-open-full{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px 6px;font-size:16px;transition:color .15s}.pdm-open-full:hover{color:#fffc}.pdm-body{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;flex-direction:column;flex:1;gap:10px;padding:14px 14px 6px;display:flex;overflow-y:auto}.pdm-empty{text-align:center;color:#ffffff4d;margin:auto;font-size:13px;line-height:1.6}.pdm-input-row{border-top:1px solid #ffffff12;flex-shrink:0;gap:8px;padding:12px;display:flex}.pdm-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1c;border-radius:12px;outline:none;flex:1;padding:9px 13px;font-size:14px;transition:border-color .2s}.pdm-input::placeholder{color:#ffffff47}.pdm-input:focus{border-color:#7c5cd899}.pdm-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cd8,#5a8fd8);border:none;border-radius:12px;flex-shrink:0;width:40px;font-size:18px;transition:opacity .15s}.pdm-send:disabled{opacity:.35;cursor:default}.pdm-send:not(:disabled):hover{opacity:.82}@media (width<=600px){.profile-dm-drawer{border-top:1px solid #ffffff1a;border-left:none;border-radius:20px 20px 0 0;width:100%;height:70vh;top:auto;transform:translateY(100%)}.pdm-open{transform:translateY(0)}.pdm-backdrop{z-index:49;background:#00000073;display:block;position:fixed;inset:0}}.music-toggle-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:999;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:background .15s,transform .15s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 14px #00000040}.music-toggle-btn:hover{background:#ffffff38;transform:scale(1.08)}