.pond-root{position:absolute;inset:0}.pond-canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.pond-canvas.is-over{cursor:pointer}.pond-canvas.is-dragging{cursor:grabbing}.pond-overlay,.pond-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pond-labels{z-index:3}.pond-nogl{text-align:center;color:#fff;z-index:2;justify-content:center;align-items:center;padding:24px;font-size:16px;line-height:1.5;display:flex;position:absolute;inset:0}.pond-tag{background:var(--surface);color:var(--ink);white-space:nowrap;will-change:transform;pointer-events:auto;cursor:pointer;border-radius:999px;align-items:center;gap:7px;max-width:300px;padding:3px 12px 3px 3px;font-size:12px;font-weight:700;line-height:1.25;transition:opacity .25s,padding-inline-end .18s,gap .18s;display:inline-flex;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 4px 14px #04222a38}.pond-tag--icon{gap:0;padding-inline-end:3px}.pond-tag--icon .pond-tag__t{opacity:0;max-width:0}.pond-tag__ic{background:var(--bg);width:24px;height:24px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pond-tag__ic svg{width:13px;height:13px;display:block}.pond-tag__t{text-overflow:ellipsis;min-width:0;max-width:260px;transition:max-width .18s,opacity .18s;overflow:hidden}.pond-tag:after{content:"";background:inherit;border-radius:2px;width:9px;height:9px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.pond-tag--mine{background:var(--ink);color:#fff}.pond-tag--mine .pond-tag__ic{background:var(--catch);color:var(--ink)}.pond-tag--bite{background:var(--bobber);color:#fff;animation:.5s pond-pop}.pond-tag--bite .pond-tag__ic{color:var(--bobber);background:#fff}.pond-tag--hot{color:#fff;background:linear-gradient(120deg,#ff8a3d 0%,#ff4d6d 100%);box-shadow:0 6px 18px #ff5c5c59}.pond-tag--hot .pond-tag__ic{color:#ff5a3d;background:#fffffff2}.pond-tag--hot:after{background:#ff6259}.pond-tag--you,.pond-tag--name{pointer-events:none;cursor:default;padding:6px 11px}.pond-tag--you{background:var(--action);color:#fff;font-family:var(--font-heading);font-weight:600}.pond-tag--name{color:#fff;background:#0f2a3dd9}.pond-tag--offscreen{font-size:13px;box-shadow:0 0 0 3px #f2b92eb3,0 4px 14px #04222a40}.pond-tag--offscreen:after{display:none}.pond-tag--hidden{opacity:0;pointer-events:none;transition:none}@keyframes pond-pop{0%{transform:translate(-50%,-100%)scale(.6)}60%{transform:translate(-50%,-100%)scale(1.12)}to{transform:translate(-50%,-100%)scale(1)}}@media (prefers-reduced-motion:reduce){.pond-tag,.pond-tag__t{transition:none}.pond-tag--bite{animation:none}}
.ui-menu{display:inline-flex;position:relative}.ui-menu__panel{top:calc(100% + 8px);width:var(--menu-w,260px);z-index:var(--z-menus);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:18px;flex-direction:column;gap:2px;padding:8px;animation:.15s ui-menu-in;display:flex;position:absolute;inset-inline-start:0}.ui-menu__panel.is-right{inset-inline:auto 0}.ui-menu__item{text-align:start;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.ui-menu__item:hover{background:#0f2a3d0f}.ui-menu__item.is-active{color:var(--action);background:#17776d1f}.ui-menu__item.is-danger{color:var(--bobber)}.ui-menu__item.has-hint{flex-wrap:wrap;row-gap:2px}.ui-menu__hint{color:var(--muted);flex-basis:100%;padding-inline-start:28px;font-size:12px;font-weight:600;line-height:1.35}.ui-menu__divider{background:var(--line);height:1px;margin:6px 4px}.ui-menu__title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 12px 4px;font-size:12px;font-weight:800}@keyframes ui-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ui-menu__panel{animation:none}}.ui-menu__head{display:none}@media (max-width:760px){.ui-menu__panel,.ui-menu__panel.is-right{z-index:var(--z-modal);width:auto;max-height:none;box-shadow:none;padding:0 12px calc(var(--safe-bottom) + 24px);overscroll-behavior:contain;border-radius:0;gap:2px;animation:.2s ui-sheet-in;position:fixed;inset:0;overflow-y:auto}.ui-menu__head{z-index:2;min-height:60px;padding:var(--safe-top) 12px 0 20px;background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:0 -12px 8px;display:flex;position:sticky;top:0}.ui-menu__head b{font:700 18px/1.2 var(--font-heading);color:var(--ink)}.ui-menu__close{background:var(--bg);width:44px;height:44px;color:var(--ink);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ui-menu__item{min-height:48px}}@keyframes ui-sheet-in{0%{opacity:0;transform:translateY(16px)}}
.cs{flex-direction:column;gap:6px;min-width:0;display:flex}.cs__field{background:var(--bg);height:42px;color:var(--muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.cs__field:focus-within{border-color:var(--action);background:var(--surface)}.cs__field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.cs__list{scrollbar-width:thin;flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.cs__locate,.cs__item{text-align:start;width:100%;min-height:40px;color:var(--ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.cs__locate{color:var(--action);font-weight:700}.cs__locate:disabled{opacity:.6}.cs__locate:hover,.cs__item:hover,.cs__item.is-active{background:#0f2a3d0f}.cs__item svg{color:var(--muted);flex-shrink:0}.cs__name{white-space:nowrap;font-weight:700}.cs__sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:12px;overflow:hidden}.cs__empty{color:var(--muted);padding:8px 10px;font-size:13px}
.nav{inset-inline-start:var(--gutter);inset-inline-end:var(--gutter);top:var(--nav-top);z-index:var(--z-menus);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.nav>*{pointer-events:auto}.nav__left,.nav__right{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav__right{margin-inline-start:auto}.nav__search{flex:auto;min-width:0;max-width:600px;display:flex}@media (min-width:761px){.nav__search{display:none}}.navtabs{align-items:center;gap:4px;display:inline-flex}.navtabs__fold{margin-inline-end:4px}.navtabs__tab{height:var(--nav-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);box-shadow:var(--shadow);background:#ffffffd1;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.navtabs__tab.is-on{background:var(--ink);color:#fff}.navtabs__badge{background:var(--bobber);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.navtabs--compact{width:100%;padding:0 0 10px}.navtabs--compact .navtabs__tab{background:var(--bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex:1;justify-content:center}.navtabs--compact .navtabs__tab.is-on{background:var(--ink)}@media (max-width:760px){.nav__left .navtabs{display:none}}.nav-logo{font-family:var(--font-heading);letter-spacing:-.03em;padding-inline-end:16px;font-size:19px;font-weight:700;text-decoration:none}.nav-search-toggle{display:none}.nav-caret{opacity:.6;width:10px;height:10px;margin-inline-start:2px}.search{width:100%;position:relative}.search__field{height:var(--nav-h);width:100%;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 16px;display:flex}.search__field input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:14px;font-weight:600}.search__field input::placeholder{color:var(--muted)}.search__clear{color:var(--muted);background:0 0;border:0;padding:4px;font-size:16px}.search__results{top:calc(100% + 8px);z-index:var(--z-menus);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:18px;max-height:60vh;padding:8px;position:absolute;inset-inline:0;overflow:auto}.search__hit{text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.search__hit:hover,.search__hit.is-active{background:#0f2a3d0f}.search__hit small{color:var(--muted);font-size:12px;font-weight:600;display:block}.search__icon{background:#e5412e1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:inline-flex}.search__icon.is-fish{background:#17776d1f}.search__empty{color:var(--muted);padding:12px;font-size:13px;font-weight:600}.nav-city__current{color:var(--action);align-items:center;gap:10px;padding:6px 10px 10px;display:flex}.nav-city__current span{color:var(--ink);flex-direction:column;display:flex}.nav-city__current small{color:var(--muted);font-size:12px}.avatar--img{object-fit:cover;background:var(--bg)}.nav-city__status{color:var(--muted);margin-inline-start:auto;font-size:12px;font-weight:600}.notif__list{scrollbar-width:thin;scrollbar-color:#0f2a3d40 transparent;max-height:60vh;padding:0 2px;overflow:auto}.notif__group{flex-direction:column;display:flex}.notif__group h4{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin:2px 0;padding:6px 12px 4px;font-size:12px;font-weight:800;display:flex}.notif__group+.notif__group{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}.notif__item{text-align:start;width:100%;color:var(--ink);background:0 0;border:0;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.notif__item+.notif__item{border-top:1px solid var(--line);border-start-start-radius:0;border-start-end-radius:0}.notif__item:hover{background:#0f2a3d0d}.notif__item.is-unread{background:#17776d12}.notif__item.is-unread.is-bite{box-shadow:inset 3px 0 0 var(--bobber)}[dir=rtl] .notif__item.is-unread.is-bite{box-shadow:inset -3px 0 0 var(--bobber)}.notif__group--read .notif__item{opacity:.85}.notif__icon{background:var(--bg);width:34px;height:34px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.notif__item.is-bite .notif__icon{background:#f2b92e40}.notif__item.is-match .notif__icon{color:var(--action);background:#17776d26}.notif__item.is-chat .notif__icon{background:var(--ink);color:#fff}.notif__item.is-system .notif__icon{color:var(--muted)}.notif__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.notif__title{font-size:13px;font-weight:700}.notif__item.is-unread .notif__title{font-weight:800}.notif__time{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:11px}.notif__text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.notif__item.is-unread .notif__text{color:var(--ink);font-weight:600}.notif__dot{background:var(--action);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notif__head{justify-content:space-between;align-items:center;padding:6px 12px 8px;font-size:14px;font-weight:800;display:flex}.notif__head button{color:var(--action);background:0 0;border:0;font-size:12px;font-weight:700}.avatar{width:44px;height:44px;box-shadow:var(--shadow);background:var(--water);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;overflow:hidden}.avatar canvas{width:100%;height:100%;display:block}.avatar--guest{color:var(--ink);font-size:16px;font-weight:800}.profile__head{align-items:center;gap:10px;padding:8px 12px 10px;display:flex}.profile__name{font-size:14px;font-weight:800}.profile__sub{color:var(--muted);font-size:12px;font-weight:600}.main-menu__mobile{display:none}@media (max-width:760px){.main-menu__mobile{display:contents}.nav{gap:6px}.nav__search{display:none}.nav.is-search-open .nav__search{inset-inline:0;max-width:none;display:flex;position:absolute;top:0}.nav.is-search-open .nav__left,.nav.is-search-open .nav__right{visibility:hidden}.nav-search-toggle{display:inline-flex}.nav-logo{padding:0 12px;font-size:17px}.nav-logo svg,.nav__right .nav-city,.nav__right .nav-lang{display:none}}.avatar--shadow{color:#a8dedb;background:#123a48;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.langsel{background:var(--bg);height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 12px;display:inline-flex}.langsel select{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;outline:0;max-width:130px;font-size:13px;font-weight:700}.langsel:focus-within{box-shadow:0 0 0 2px var(--catch)}@media (min-width:761px){.screen:not(.is-collapsed) .nav__left .ui-round,.screen:not(.is-collapsed) .nav__left .ui-pill,.screen:not(.is-collapsed) .nav__left .navtabs__tab{box-shadow:none;-webkit-backdrop-filter:none}.screen:not(.is-collapsed) .nav__left .navtabs__tab:not(.is-on){background:var(--surface);border:1px solid var(--line)}}@media (max-width:760px){.notif__head{justify-content:flex-end}.notif__head-title{display:none}.notif__list{max-height:none}}
.chips{inset-inline-start:var(--gutter);inset-inline-end:var(--gutter);top:calc(var(--nav-top) + var(--nav-h) + 10px);z-index:var(--z-widgets);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.chips.is-open{z-index:var(--z-menus)}.chips>*{pointer-events:auto}.chips__row{scrollbar-width:none;gap:6px;max-width:100%;padding:0 28px 4px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.chips__row::-webkit-scrollbar{display:none}.chips__toggle .chips__chev{margin-inline-start:-2px;transition:transform .15s}.chips.is-open .chips__toggle .chips__chev{transform:rotate(180deg)}.chips__tag{background:var(--ink);color:#fff;border-color:#0000;padding-inline-end:8px}.chips__tag .chips__x{opacity:.7;margin-inline-start:2px}.chips__tag:hover .chips__x{opacity:1}.chips__picker{background:var(--surface);max-width:min(100%,640px);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;gap:6px;margin-top:6px;padding:10px;display:flex}.chips__opt{border:1px solid var(--line);background:var(--bg);border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:700;transition:background-color .12s;display:inline-flex}.chips__opt:hover{background:#e7ece4}.chips__opt.is-on{background:var(--ink);color:#fff;border-color:#0000;padding-inline-end:9px}.chips__opt .chips__check{margin-inline-start:1px}.chips__opt:focus-visible{box-shadow:inset 0 0 0 2px var(--catch);outline:0}.chips__foot{flex-basis:100%;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 0;display:flex}.chips__hint{color:var(--muted);font-size:12px;font-weight:600}.chips__clear{height:28px;color:var(--action);background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:13px;font-weight:800}.chips__clear:hover{background:var(--bg)}@media (max-width:760px){.chips__picker{z-index:var(--z-modal);width:auto;max-width:none;box-shadow:none;padding:0 12px calc(var(--safe-bottom) + 24px);border-radius:0;align-content:flex-start;margin:0;animation:.2s ui-sheet-in;position:fixed;inset:0;overflow-y:auto}.chips__head{flex-basis:100%}.chips__opt{height:34px;padding:0 11px}}[dir=rtl] .chips__row{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000)}
.welcome{z-index:var(--z-modal);background:#0f2a3d47;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.welcome__card{background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-lg);text-align:center;border-radius:24px;flex-direction:column;gap:12px;padding:26px 24px 18px;display:flex;position:relative}.welcome__art{align-self:center;width:72px;height:72px}.welcome__card h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}.welcome__lead{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.welcome__city{background:var(--bg);text-align:start;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.welcome__city>svg{color:var(--action);flex-shrink:0}.welcome__city--wait{color:var(--muted);font-size:14px}.welcome__city-text{flex-direction:column;flex:1;min-width:0;display:flex}.welcome__city-text b{font-size:17px}.welcome__city-text small{color:var(--muted);font-size:12px}.welcome .cs{text-align:start}.welcome__go{height:48px;font-size:16px}.welcome__note{color:var(--muted);margin:0;font-size:12px}.welcome__lang{top:14px;position:absolute;inset-inline-end:14px}
.fm{z-index:var(--z-modal);background:#0f2a3d59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fm__card{background:var(--surface);width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;display:flex;overflow-y:auto}.fm__head{justify-content:space-between;align-items:center;padding:12px 12px 0;display:flex}.fm__steps{gap:6px;display:flex}.fm__stepdot{background:#0f2a3d26;border-radius:2px;width:22px;height:4px}.fm__stepdot.is-on{background:var(--action)}.fm__preview{background:radial-gradient(at 50% 40%,#1a8aa0 0%,#0b5f75 70%,#0a4a5c 100%);border-radius:18px;margin:8px 16px 0;position:relative;overflow:hidden}.fm__preview canvas{width:100%;height:auto;display:block}.fm__name-tag{top:10px;background:var(--action);color:#fff;font-family:var(--font-heading);white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;inset-inline-start:50%;transform:translate(-50%)}[dir=rtl] .fm__name-tag{transform:translate(50%)}.fm__body{flex-direction:column;gap:10px;padding:16px 22px 4px;display:flex}.fm__body h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.fm__lead,.fm__hint{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.fm__field{background:var(--bg);height:46px;color:var(--muted);border:1px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.fm__field:focus-within{border-color:var(--action);background:var(--surface)}.fm__field.is-ok{border-color:var(--catch);color:var(--action)}.fm__field.is-bad{border-color:var(--bobber)}.fm__field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px;font-weight:700}.fm__tabs{background:var(--bg);border-radius:999px;align-self:flex-start;gap:4px;padding:3px;display:flex}.fm__tab{height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.fm__tab.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.fm__presets{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.fm__preset{background:var(--bg);color:var(--ink);border:2px solid #0000;border-radius:12px;flex-direction:column;gap:4px;padding:6px;font-size:12px;font-weight:700;display:flex}.fm__preset canvas{background:#0b5f75;border-radius:8px;width:100%;height:auto}.fm__preset.is-on{border-color:var(--catch);background:var(--surface)}.fm__row{flex-wrap:wrap;gap:8px;display:flex}.fm__mode{flex-direction:column;gap:12px;display:flex}.fm__mode[hidden]{display:none}.fm__draw{flex-direction:column;gap:10px;display:flex}.fm__pad{background:linear-gradient(90deg,#0f2a3d0f 1px,#0000 1px) 0 0/10% 100%,linear-gradient(0deg,#0f2a3d0f 1px,#0000 1px) 0 0/100% 25%,#e9eef1;border-radius:14px;position:relative;overflow:hidden}.fm__pad canvas{touch-action:none;cursor:crosshair;width:100%;height:auto;display:block}.fm__pad-guide{pointer-events:none;color:#0f2a3d73;font-size:11px;font-weight:700;position:absolute;inset:0}.fm__pad-nose{top:6px;position:absolute;inset-inline-start:8px}.fm__pad-tail{top:6px;position:absolute;inset-inline-end:8px}.fm__pad-back{top:50%;border-top:1px dashed #0f2a3d59;padding-top:2px;position:absolute;inset-inline-start:50%;transform:translate(-50%,-50%)}.fm__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fm__colors{gap:6px;display:flex}.fm__color{border:3px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.fm__color.is-on{border-color:var(--catch)}.fm__size{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.fm__size input{width:90px}.fm__options{flex-direction:column;gap:6px;display:flex}.fm__option{background:var(--bg);text-align:start;color:var(--ink);border:2px solid #0000;border-radius:14px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.fm__option span{color:var(--muted);font-size:13px;line-height:1.4}.fm__option.is-on{border-color:var(--catch);background:var(--surface)}.fm__foot{justify-content:flex-end;padding:14px 22px 18px;display:flex}.fm__next{min-width:160px;height:46px}
.fnote{background:var(--surface);width:300px;max-width:100%;box-shadow:var(--shadow-lg);border-radius:18px;align-items:flex-start;gap:10px;padding:12px 14px;animation:.3s fnote-in;display:flex;position:relative}.fnote__avatar{color:#fff;background:#0f2a3dd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.fnote__body{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding-inline-end:20px;display:flex}.fnote__body b{font-size:14px}.fnote__body p{color:var(--muted);margin:0 0 4px;font-size:12px;line-height:1.4}.fnote__close{top:8px;background:var(--bg);width:26px;height:26px;color:var(--muted);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:8px}@keyframes fnote-in{0%{opacity:0;transform:translateY(8px)}}@media (max-width:760px){.fnote{display:none}}
.radio{padding:3px 12px 3px 3px;height:48px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding-inline:3px 12px;display:flex}.radio__btn{background:var(--ink);color:#fff;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background-color .15s;display:inline-flex}.radio.is-on .radio__btn{background:var(--action)}.radio__btn:focus-visible{outline:0;box-shadow:0 0 0 3px #f2b92e8c}.radio__meta{flex-direction:column;min-width:0;max-width:170px;line-height:1.2;display:flex}.radio__title{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex;overflow:hidden}.radio__sub{color:var(--muted);font-size:11px;font-weight:700}.radio__bars{flex-shrink:0;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.radio__bars i{background:var(--action);transform-origin:bottom;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite radio-bar}.radio__bars i:nth-child(2){animation-delay:.2s}.radio__bars i:nth-child(3){animation-delay:.4s}@keyframes radio-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.radio__next{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.radio__next:hover{background:#0f2a3d14}.radio__next:disabled{opacity:.4}.radio__vol{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.radio__vol input{width:72px;accent-color:var(--action)}@media (prefers-reduced-motion:reduce){.radio__bars i{animation:none}}@media (max-width:760px){.radio{border-radius:50%;height:44px;padding:0}.radio__btn{width:44px;height:44px}.radio__meta,.radio__next,.radio__vol{display:none}}
.tabs{display:none}@media (max-width:760px){.tabs{inset-inline:0;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--line);z-index:var(--z-menus);display:flex;position:absolute;bottom:0}.tabs__tab{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:800;display:flex}.tabs__tab.is-active{color:var(--action)}.tabs__icon{display:inline-flex;position:relative}.tabs__badge{top:-6px;background:var(--bobber);color:#fff;text-align:center;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;inset-inline-end:-10px}}.vswitch{bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 16px);z-index:var(--z-widgets);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.vswitch__btn{height:34px;color:var(--ink);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.vswitch__btn.is-on{background:var(--ink);color:#fff}.screen__list .vswitch{width:max-content;margin:0 auto;position:sticky;bottom:16px;left:auto;transform:none}@media (max-width:760px){.vswitch{bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 88px)}}.vswitch__btn{text-decoration:none}
.pond-search{top:var(--nav-top);width:280px;max-width:calc(100% - var(--gutter) * 2);z-index:var(--z-menus);transition:width .2s;position:absolute;inset-inline-start:var(--gutter)}@media (min-width:1200px){.pond-search.is-focused{width:460px}}.screen.is-collapsed .pond-search{inset-inline-start:520px}@media (max-width:760px){.pond-search{display:none}}
.bites{bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 24px);width:340px;max-width:calc(100% - 32px);height:190px;z-index:var(--z-menus);pointer-events:none;position:absolute;inset-inline-end:24px}.bite-card{inset-inline:0;background:var(--surface);box-shadow:var(--shadow-lg);pointer-events:auto;transform:translateY(calc(var(--i) * -12px)) scale(calc(1 - var(--i) * .05));transform-origin:top;z-index:calc(10 - var(--i));opacity:calc(1 - var(--i) * .15);border-radius:18px;flex-direction:column;gap:8px;padding:12px 14px;transition:transform .25s,opacity .25s;animation:.3s bite-in;display:flex;position:absolute;bottom:0;overflow:hidden}@keyframes bite-in{0%{opacity:0;transform:translateY(16px)}}.bite-card__head{align-items:center;gap:10px;display:flex}.bite-card__avatar{background:var(--catch);width:34px;height:34px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bite-card__who{flex-direction:column;min-width:0;line-height:1.2;display:flex}.bite-card__who b{font-size:14px}.bite-card__who span{color:var(--bobber);font-size:12px;font-weight:700}.bite-card__close{background:var(--bg);width:28px;height:28px;color:var(--muted);border:0;border-radius:50%;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.bite-card__rod{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.bite-card__actions{align-items:center;gap:6px;display:flex}.bite-card__timer{bottom:0;background:var(--catch);height:3px;animation:10s linear forwards bite-timer;position:absolute;inset-inline-start:0}@keyframes bite-timer{0%{width:100%}to{width:0}}.bites.is-paused .bite-card__timer{animation-play-state:paused}.bites__more{top:-6px;color:#fff;background:var(--ink);z-index:11;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;inset-inline-end:8px}@media (max-width:760px){.bites{inset-inline-end:12px;bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 84px)}}
.mm{width:100%;height:176px;box-shadow:var(--shadow);background:#0b3f4e;border:3px solid #ffffffe6;border-radius:16px;position:relative;overflow:hidden}.mm canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.mm__zoom{inset-inline-end:6px;flex-direction:column;gap:4px;display:flex;position:absolute;top:6px}.mm__caption{inset-inline:0;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;background:linear-gradient(#04222a00,#04222abf);align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:0}.mm__dot{background:#3fbf8f;border-radius:50%;flex-shrink:0;width:7px;height:7px}.mm__zoom button{background:#ffffffeb;border:0;border-radius:8px;width:28px;height:28px;font-size:16px;font-weight:800;line-height:1}@media (max-width:760px){.mm{height:96px}.mm__caption{padding:3px 6px;font-size:9px}.mm__caption-long{display:none}.mm__zoom button{width:22px;height:22px;font-size:13px}}
.ctrl{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.ctrl [data-tip]{position:relative}.ctrl [data-tip]:after{content:attr(data-tip);top:50%;z-index:10;background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:700;line-height:1.3;transition:opacity .12s;position:absolute;inset-inline-end:calc(100% + 10px);transform:translateY(-50%)}.ctrl [data-tip]:hover:after,.ctrl [data-tip]:focus-visible:after{opacity:1;transition-delay:.25s}@media (hover:none){.ctrl [data-tip]:after{display:none}}@media (min-width:761px){.ctrl__whose .ui-menu__panel{top:0;inset-inline:auto calc(100% + 10px)}}.ctrl__whose-btn.is-on,.ctrl__dot{top:5px;background:var(--catch);border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:5px}.ctrl__split{border:1px solid var(--line);background:var(--panel);width:44px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);border-radius:22px;flex-direction:column;display:flex}.ctrl__half{width:100%;height:44px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ctrl__half:first-child{border-radius:22px 22px 6px 6px}.ctrl__half:last-child{border-radius:6px 6px 22px 22px}.ctrl__half+.ctrl__half{border-top:1px solid var(--line)}.ctrl__half:hover{background:#0f2a3d0f}.ctrl__half:focus-visible{box-shadow:inset 0 0 0 2px var(--catch);outline:0}.ctrl__half--fish{background:var(--action);color:#fff}.ctrl__half--fish:hover{background:var(--action);filter:brightness(1.08)}.ctrl__half--fish.is-following{box-shadow:inset 0 0 0 3px #f2b92ed9}.ctrl__check{height:32px;color:var(--ink);text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 6px;font-size:13px;font-weight:700;display:flex}.ctrl__check:hover{background:#0f2a3d0f}.ctrl__check:focus-visible{box-shadow:inset 0 0 0 2px var(--catch);outline:0}.ctrl__box{color:#fff;border:2px solid #0f2a3d59;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background-color .12s,border-color .12s;display:inline-flex}.ctrl__check.is-on .ctrl__box{background:var(--action);border-color:var(--action)}.ctrl__check .fi{opacity:.35;filter:grayscale();transition:opacity .12s,filter .12s}.ctrl__check.is-on .fi{opacity:1;filter:none}@media (min-width:761px){.ctrl__gear .ui-menu__panel{top:calc(var(--nav-top) + var(--nav-h) + 12px);max-height:calc(100vh - var(--nav-top) - var(--nav-h) - 24px);max-height:calc(100dvh - var(--nav-top) - var(--nav-h) - 24px);overscroll-behavior:contain;position:fixed;inset-inline-start:auto;inset-inline-end:var(--gutter);overflow-y:auto}}.ctrl__gear .ui-round.is-on{background:var(--ink);color:#fff;border-color:#0000}.ctrl__row{text-align:start;width:100%;color:var(--ink);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.ctrl__row:hover{background:#0f2a3d0f}.ctrl__row:disabled{opacity:.45;cursor:default}.ctrl__row:disabled:hover{background:0 0}.ctrl__row:focus-visible{box-shadow:inset 0 0 0 2px var(--catch);outline:0}.ctrl__row-icon{width:20px;color:var(--muted);justify-content:center;display:inline-flex}.ctrl__row-label{flex:auto}.ctrl__switch{background:#0f2a3d2e;border-radius:999px;flex-shrink:0;width:36px;height:22px;transition:background-color .15s;position:relative}.ctrl__switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #00000040}.ctrl__switch.is-on{background:var(--action)}.ctrl__switch.is-on:after{transform:translate(14px)}[dir=rtl] .ctrl__switch.is-on:after{transform:translate(-14px)}.ctrl__quality{background:var(--bg);border-radius:999px;gap:4px;margin:2px 8px 0;padding:3px;display:flex}.ctrl__quality-btn{height:32px;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1 1 0;font-size:13px;font-weight:800}.ctrl__quality-btn.is-on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #04222a26}.ctrl__quality-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--catch);outline:0}.ctrl__look{justify-content:space-between;align-items:center;gap:8px;padding:3px 4px 3px 12px;display:flex}.ctrl__look-label{color:var(--ink);font-size:13px;font-weight:700}.ctrl__look-pick{flex:0 0 172px;margin:0}.ctrl__look-pick .ctrl__quality-btn{height:30px;font-size:12px}.ctrl__note{color:var(--muted);margin:8px 12px 4px;font-size:12px;line-height:1.4}.ctrl__debug{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 12px 2px;padding-top:8px;font-size:11px;font-weight:700}@media (max-width:760px){.ctrl{gap:6px}.ctrl__check{gap:6px;height:28px;font-size:12px}.ctrl__zoom{display:none}.ctrl .ui-round{width:38px;height:38px}.ctrl__split{border-radius:19px;width:38px}.ctrl__half{height:38px}.ctrl__half:first-child{border-radius:19px 19px 5px 5px}.ctrl__half:last-child{border-radius:5px 5px 19px 19px}}
.cast-btn{left:50%;bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 18px);background:var(--action);color:#fff;height:60px;font-family:var(--font-heading);z-index:var(--z-widgets);border:0;border-radius:999px;align-items:center;gap:12px;padding:0 28px;font-size:18px;font-weight:600;transition:transform .15s;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 30px #04222a59}.cast-btn:hover{transform:translate(-50%)translateY(-2px)}.cast-modal{z-index:var(--z-modal);background:#04222a73;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.cast-modal__card{background:var(--surface);width:min(520px,100%);box-shadow:var(--shadow-lg);border-radius:24px;padding:20px}.cast-modal__card h2{font-family:var(--font-heading);margin:0;font-size:20px;font-weight:600}.cast-modal__card textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;background:var(--bg);border-radius:16px;margin-top:12px;padding:12px 14px;font-size:15px}.cast-modal__chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.cast-modal__actions{gap:8px;margin-top:14px;display:flex}.cast-modal__actions .ui-btn{flex:1}@media (max-width:760px){.cast-btn{inset-inline-start:12px;bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 12px);height:52px;padding:0 18px;font-size:15px;transform:none}.cast-btn:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.cast-btn{transition:none}}
.card{z-index:var(--z-cards);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-lg);inset-inline-end:var(--gutter);top:calc(var(--nav-top) + var(--nav-h) + 250px);width:360px;max-height:calc(100% - var(--nav-top) - var(--nav-h) - 300px);border-radius:24px;flex-direction:column;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s;display:flex;position:absolute;overflow:hidden}.card__head{flex-shrink:0;padding:18px 18px 0}.card__body{scrollbar-width:thin;scrollbar-color:#0f2a3d33 transparent;min-height:0;padding:0 18px 18px;overflow-y:auto}.card__body::-webkit-scrollbar{width:6px}.card__body::-webkit-scrollbar-thumb{background:#0f2a3d33;border-radius:3px}.card.is-closed{opacity:0;pointer-events:none;transform:translateY(12px)}.card h2{font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600;line-height:1.2}.card__head{align-items:flex-start;gap:12px;display:flex}.card__swatch{border-radius:12px;flex-shrink:0;width:72px;height:36px;margin-top:4px;box-shadow:inset 0 0 0 1px #00000014}.card__verified{color:var(--action);vertical-align:middle;display:inline-flex}.card__shell{color:var(--catch)}.card__activity-label{align-items:center;gap:4px;display:inline-flex}.card__reason{color:var(--action);font-weight:700}.card__scales{align-items:center;gap:2px;margin-top:4px;font-size:12px;display:inline-flex}.card__scales-n{color:var(--muted);margin-inline-start:6px;font-weight:600}.card__req{background:#e5412e1a;border-radius:16px;flex-direction:column;gap:8px;margin-top:8px;padding:12px;font-size:14px;font-weight:700;line-height:1.35;display:flex}.card__req--mine{background:#f2b92e29}.card__req-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.card__req-cat{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.card__req-stats{color:var(--muted);font-size:12px;font-weight:600;line-height:1.4}.card__req-stats b{color:var(--ink)}.card__req .ui-btn--soft{align-self:flex-start}.card__activity{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12px;font-weight:600;display:flex}.card__activity-label{color:var(--ink);font-weight:800}.card__activity.is-hot .card__activity-label{color:#c2410c}.card__chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.card__interests{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;display:grid}.card__interest{border:1px solid var(--line);border-radius:16px;padding:10px;font-size:13px;font-weight:700}.card__interest.is-yes{background:#17776d0f;border-color:#17776d80}.card__interest.is-no{opacity:.55}.card__interest-actions{flex-direction:column;gap:4px;margin-top:8px;display:flex}.card__mini{border:1px solid var(--line);background:0 0;border-radius:999px;height:30px;font-size:12px;font-weight:700}.card__mini.is-on{background:var(--ink);color:#fff;border-color:#0000}.card__common{background:#17776d14;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:700}.card__actions{gap:8px;margin-top:14px;display:flex}.card__actions .ui-btn{box-shadow:none;flex:1}@media (max-width:760px){.card{inset-inline:0;width:auto;top:auto;bottom:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));border-radius:24px 24px 0 0;max-height:64%;padding-bottom:18px}.card.is-closed{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.card{transition:none}}.card__swatch--shadow{color:#a8dedb;background:#123a48;justify-content:center;align-items:center;display:inline-flex}
.hint{border-radius:16px;max-width:300px;padding:10px 14px;font-size:13px;font-weight:600;line-height:1.35;transition:opacity .5s}.hint.is-gone{opacity:0;pointer-events:none}@media (max-width:760px){.hint{display:none}}