@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-gradient-start:#00c6ff;--primary-gradient-end:#00ffb2;--icon-color-default:#495057;--icon-color-muted:#6c757d;--topbar-height-desktop:56px;--topbar-height-mobile:56px;--card-max-width:600px;--main-area-side-padding-desktop:var(--spacing-l);--main-area-bottom-padding-desktop:var(--spacing-l);--main-area-side-padding-mobile:var(--spacing-m);--main-area-bottom-padding-mobile:var(--spacing-m);--card-internal-padding-desktop:var(--spacing-l);--card-internal-padding-mobile:var(--spacing-m);--box-shadow-heavy:0 6px 15px #0000001a;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-size-small:0.875em;--font-size-base:1em;--font-size-medium:1.125em;--font-size-large:1.25em;--app-height:100vh}html{-webkit-text-size-adjust:100%;font-size:16px}body{background-color:#f4f6f8;background-color:var(--background-color-app);color:#212529;color:var(--text-color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--font-family-base);line-height:1.6;overflow:hidden;padding:0}#root,.App{height:100vh;height:var(--app-height)}#root,.App,.logged-in-container{display:flex;flex-direction:column;overflow:hidden}.logged-in-container{flex-grow:1}.logged-in-container>header{background-color:#fff;background-color:var(--background-color-card);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);flex-shrink:0;z-index:1000}.main-content-area{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-grow:1;min-height:0;overflow-y:auto;padding:56px 20px 20px;padding:var(--topbar-height-desktop) var(--main-area-side-padding-desktop) var(--main-area-bottom-padding-desktop);position:relative}.main-content-area.messenger-active{overflow:hidden;padding-bottom:0;padding-left:0;padding-right:0;padding-top:56px;padding-top:var(--topbar-height-desktop)}.standard-card-container{background-color:#fff;background-color:var(--background-color-card);border-radius:12px;border-radius:var(--border-radius-large);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);margin-bottom:20px;margin-bottom:var(--main-area-bottom-padding-desktop);margin-left:auto;margin-right:auto;max-width:600px;max-width:var(--card-max-width);padding:20px;padding:var(--card-internal-padding-desktop)}.flash-message{animation:slideDown .5s forwards;background-color:#141414e6;box-shadow:0 2px 5px #0000001a;color:#fff;font-size:.9em;font-weight:500;left:0;padding:12px 20px;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);z-index:1150}@keyframes slideDown{to{transform:translateY(0)}}.error-fullpage,.loading-fullpage{align-items:center;color:#495057;color:var(--text-color-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.error-fullpage button{background-color:#e9ecef;border:1px solid #ced4da;border:1px solid var(--border-color-medium);border-radius:8px;border-radius:var(--border-radius-medium);color:#212529;color:var(--text-color-primary);cursor:pointer;font-weight:500;margin-top:20px;padding:10px 18px;transition:background-color .2s ease}.error-fullpage button:hover{background-color:#dee2e6}.icon-button{border-radius:var(--border-radius-round);color:#495057;color:var(--icon-color-default);line-height:0;padding:8px;padding:var(--spacing-s);transition:background-color .2s ease,color .2s ease}.icon-button:hover:not(:disabled){background-color:#0000000a;color:#007bff;color:var(--primary-color)}.icon-button:disabled{opacity:.5}@media (max-width:768px){:root{--font-size-base:15px}.main-content-area{padding:56px 16px 16px;padding:var(--topbar-height-mobile) var(--main-area-side-padding-mobile) var(--main-area-bottom-padding-mobile)}.main-content-area.messenger-active{padding-bottom:0;padding-left:0;padding-right:0;padding-top:56px;padding-top:var(--topbar-height-mobile)}.standard-card-container{margin-bottom:16px;margin-bottom:var(--main-area-bottom-padding-mobile);padding:16px;padding:var(--card-internal-padding-mobile)}}@media (max-width:480px){:root{--font-size-base:14px}.main-content-area{padding:56px 8px 8px;padding:var(--topbar-height-mobile) var(--spacing-s) var(--spacing-s)}.main-content-area.messenger-active{padding-bottom:0;padding-left:0;padding-right:0;padding-top:56px;padding-top:var(--topbar-height-mobile)}.flash-message{font-size:.85em;padding:8px 15px}.standard-card-container{padding:16px;padding:var(--card-internal-padding-mobile)}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{transition:transform .3s ease-out,opacity .3s ease-in}.leaflet-cluster-spider-leg{transition:stroke-dashoffset .3s ease-out,stroke-opacity .3s ease-in}.marker-cluster-small{background-color:#b5e28c99}.marker-cluster-small div{background-color:#6ecc3999}.marker-cluster-medium{background-color:#f1d35799}.marker-cluster-medium div{background-color:#f0c20c99}.marker-cluster-large{background-color:#fd9c7399}.marker-cluster-large div{background-color:#f1801799}.leaflet-oldie .marker-cluster-small{background-color:#b5e28c}.leaflet-oldie .marker-cluster-small div{background-color:#6ecc39}.leaflet-oldie .marker-cluster-medium{background-color:#f1d357}.leaflet-oldie .marker-cluster-medium div{background-color:#f0c20c}.leaflet-oldie .marker-cluster-large{background-color:#fd9c73}.leaflet-oldie .marker-cluster-large div{background-color:#f18017}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{border-radius:15px;font:12px Helvetica Neue,Arial,Helvetica,sans-serif;height:30px;margin-left:5px;margin-top:5px;text-align:center;width:30px}.marker-cluster span{line-height:30px}.user-avatar-marker{align-items:center;background-color:#bbb;border-radius:50%;box-shadow:0 0 0 2px #00000026;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.user-avatar-marker .user-marker-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-marker .user-marker-placeholder-text{align-items:center;color:#fff;display:flex;font-size:1.2em;height:100%;justify-content:center;text-shadow:1px 1px 1px #0006;width:100%}.current-user-marker.sharing-mode-friends{box-shadow:0 0 0 3px #4caf50,0 0 0 5px #fff}.current-user-marker.sharing-mode-public{box-shadow:0 0 0 3px #007bff,0 0 0 5px #fff}.current-user-marker.sharing-mode-private{box-shadow:0 0 0 3px #c0392b,0 0 0 5px #fff}.current-user-marker{z-index:1000!important}.other-user-marker.sharing-mode-friends{box-shadow:0 0 0 3px #4caf50}.other-user-marker.sharing-mode-public{box-shadow:0 0 0 3px #007bff!important}.other-user-marker.sharing-mode-private{box-shadow:0 0 0 3px #c0392b}.other-user-marker.stranger-marker:not(.sharing-mode-public):not(.sharing-mode-friends):not(.sharing-mode-private){box-shadow:0 0 0 3px #ffc107}.map-popup-content{align-items:center;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:220px;min-width:190px;padding:12px}.map-popup-content[data-sharing-mode=PUBLIC]{box-shadow:0 0 0 3px #007bff}.map-popup-content .popup-avatar{align-items:center;background-color:#e0e0e0;border:2px solid #fff;border-radius:50%;box-shadow:none!important;display:flex;height:60px;justify-content:center;margin-bottom:10px;overflow:hidden;width:60px}.map-popup-content .popup-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.map-popup-content .popup-avatar-placeholder-text{align-items:center;background-color:#ccc;color:#fff;display:flex;font-size:26px;font-weight:700;height:100%;justify-content:center;width:100%}.map-popup-content .popup-avatar.status-friend{box-shadow:0 0 0 3px #4caf50!important}.map-popup-content .popup-avatar.status-stranger{box-shadow:0 0 0 3px #ffc107!important}.map-popup-content .popup-user-name{color:#2c3e50;font-size:1.15rem;font-weight:600;margin-bottom:12px;text-align:center;word-break:break-word}.map-popup-content .popup-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.popup-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#007bff);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;flex-grow:1;font-size:.85rem;font-weight:500;height:40px;justify-content:center;line-height:1.2;padding:8px 12px;text-align:center;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;white-space:normal;width:100%}.popup-button:hover{box-shadow:0 3px 6px #00000026;filter:brightness(1.12)}.popup-button:active{box-shadow:inset 0 1px 3px #0000001a;filter:brightness(.92);transform:translateY(1px)}.leaflet-popup-content-wrapper{background-color:#fdfdfd!important;border-radius:12px!important;box-shadow:0 5px 20px #0000002e!important;padding:0!important}.leaflet-popup-content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5!important;margin:0!important;padding:0!important;width:auto!important}.leaflet-popup-close-button{color:#777!important;font-size:1.25rem;font-weight:700;padding:10px 10px 0 0!important;transition:color .2s ease}.leaflet-popup-close-button:hover{background-color:initial!important;color:#333!important}.current-user-popup-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;min-width:240px;padding:20px}.current-user-popup-header{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.current-user-popup-avatar{align-items:center;background-color:#e9ecef;border-radius:50%;box-shadow:0 4px 10px #00000026;display:flex;height:75px;justify-content:center;overflow:hidden;position:relative;width:75px}.current-user-popup-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.current-user-popup-avatar-placeholder-text{align-items:center;background-color:#ccc;color:#fff;display:flex;font-size:2.2em;font-weight:700;height:100%;justify-content:center;width:100%}.current-user-popup-avatar.status-public-avatar-ring{box-shadow:0 4px 10px #00000026,0 0 0 3px #fff,0 0 0 6px #007bff}.current-user-popup-avatar.status-friends-avatar-ring{box-shadow:0 4px 10px #00000026,0 0 0 3px #fff,0 0 0 6px #4caf50}.current-user-popup-avatar.status-private-avatar-ring{box-shadow:0 4px 10px #00000026,0 0 0 3px #fff,0 0 0 6px #c0392b}.current-user-popup-avatar.status-unknown-avatar-ring{box-shadow:0 4px 10px #00000026,0 0 0 3px #fff,0 0 0 6px #888}.current-user-popup-name{color:#212529;font-size:1.35rem;font-weight:700;margin-top:5px;text-align:center}.current-user-popup-status-section{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:25px;box-sizing:border-box;display:flex;gap:10px;justify-content:center;padding:10px 18px;width:100%}.current-user-popup-status-icon{font-size:1.25rem}.current-user-popup-status-text{font-size:.95rem;font-weight:500}.current-user-popup-status-text.status-public{color:#198754}.current-user-popup-status-text.status-friends{color:#0d6efd}.current-user-popup-status-text.status-private{color:#dc3545}.current-user-popup-status-text.status-unknown{color:#6c757d}.current-user-location-settings-button{margin-top:10px}.marker-cluster{background-color:#1da1f2bf!important;border:2px solid #fffc!important;border-radius:50%!important;box-shadow:0 0 0 3px #1da1f280,0 2px 6px #00000059!important;height:50px!important;width:50px!important}.marker-cluster,.marker-cluster div{color:#fff!important;line-height:46px!important}.marker-cluster div{background-color:initial!important;border-radius:50%!important;font-size:18px!important;font-weight:700!important;height:46px!important;margin-left:0!important;margin-top:0!important;text-align:center!important;width:46px!important}.leaflet-cluster-spider-leg{stroke:#38f;stroke-width:1.5;stroke-dasharray:4,4;opacity:.8}.map-page-container{background-color:#e0e0e0;height:100%;position:relative;width:100%}.map-component-container{background-color:#f0f2f5;position:relative}.map-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:20px;position:absolute;right:0;text-align:center;top:0;z-index:1500}.map-overlay p{color:#333;font-size:1.1rem;margin-top:1rem}.error-overlay p{background-color:#fef2f2;border-left:6px solid #c0392b;border-radius:8px;color:#c0392b;padding:1rem}.map-controls-container{align-items:center;display:flex;flex-direction:row;gap:10px;position:absolute;right:10px;top:10px;z-index:1000}.map-reload-button{align-items:center;background:linear-gradient(135deg,#00ffb2,#00c6ff);border:none;border-radius:50%;box-shadow:0 2px 5px #0003,0 0 0 2px #ffffff80;color:#fff;cursor:pointer;display:inline-flex;height:42px;justify-content:center;line-height:0;overflow:hidden;padding:0;transition:all .2s ease-out;width:42px}.map-reload-button svg{stroke-width:2.5;height:20px;width:20px}.map-reload-button:hover:not(:disabled){box-shadow:0 4px 8px #00000040,0 0 0 2px #fff9;filter:brightness(1.15);transform:translateY(-1px)}.map-reload-button:active:not(:disabled){box-shadow:inset 0 1px 3px #0003,0 0 0 2px #fff6;filter:brightness(.95);transform:translateY(1px)}.map-reload-button:disabled{background:#ccc;box-shadow:0 1px 2px #0000001a;color:#888;cursor:not-allowed;filter:grayscale(50%)}.map-reload-button .animate-spin{animation:spin 1s linear infinite}.global-toggle-container{position:relative}.global-toggle-checkbox{display:none}.global-toggle-label{background-color:#6c757d;border-radius:21px;box-shadow:inset 0 1px 3px #0003;box-sizing:border-box;cursor:pointer;display:block;height:42px;position:relative;transition:background-color .3s ease;-webkit-user-select:none;user-select:none;width:120px}.global-toggle-text{color:#fff;font-size:.9rem;font-weight:600;position:absolute;text-shadow:1px 1px 2px #0003;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1}.global-toggle-slider{height:calc(100% - 6px);left:3px;position:absolute;top:3px;width:calc(100% - 6px)}.global-toggle-knob{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;display:flex;font-size:1.2rem;height:36px;justify-content:center;left:0;position:absolute;top:0;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55);width:36px}.global-toggle-checkbox:not(:checked)+.global-toggle-label .global-toggle-text{right:18px}.global-toggle-checkbox:not(:checked)+.global-toggle-label .global-toggle-knob{transform:translateX(0)}.global-toggle-checkbox:checked+.global-toggle-label{background-color:#2ecc71}.global-toggle-checkbox:checked+.global-toggle-label .global-toggle-text{left:18px}.global-toggle-checkbox:checked+.global-toggle-label .global-toggle-knob{transform:translateX(78px)}.global-toggle-checkbox:disabled+.global-toggle-label{background-color:#d8dbe0;box-shadow:inset 0 1px 2px #0000001a;cursor:not-allowed}.global-toggle-checkbox:disabled+.global-toggle-label .global-toggle-text{color:#a4a9b1;text-shadow:none}.global-toggle-checkbox:disabled+.global-toggle-label .global-toggle-knob{background-color:#f0f2f5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.login-page-wrapper{align-items:center;background:#f0f0f0;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.live-map-background{background:#e0e0e0;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.live-map-background .map-component-container{height:100%;position:relative;width:100%;z-index:1}.live-map-background .leaflet-control-zoom{display:none}.live-map-background .leaflet-control-attribution{background:#ffffffb3!important;color:#444!important;font-size:9px!important;padding:1px 4px!important}.floating-avatars{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.avatar-container{align-items:center;animation:float 12s ease-in-out infinite alternate;border-radius:50%;box-sizing:border-box;display:flex;height:60px;justify-content:center;opacity:1;padding:3px;position:absolute;width:60px}.avatar-container.ring-green{background-color:#00ffb3}.avatar-container.ring-blue{background-color:#00c6ff}.avatar-container.ring-green-blue{background:conic-gradient(from 135deg,#00ffb3,#00c6ff)}.avatar-image{background-color:#e0e0e0;border:2px solid #fff;box-sizing:border-box}@keyframes float{0%{transform:translate(-50%,-50%) translateY(0) rotate(-5deg)}25%{transform:translate(-45%,-55%) translateY(-10px) rotate(0deg)}50%{transform:translate(-50%,-60%) translateY(-20px) rotate(5deg)}75%{transform:translate(-55%,-55%) translateY(-10px) rotate(0deg)}to{transform:translate(-50%,-50%) translateY(0) rotate(-5deg)}}.login-container{background:#0000;height:100%;justify-content:center;padding:10px;width:100%;z-index:20}.login-box,.login-container{align-items:center;display:flex;position:relative}.login-box{-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000026;flex-direction:column;gap:.5rem;margin:0 auto;max-height:90vh;max-width:360px;min-height:auto;overflow-y:auto;padding:1rem 1.2rem 1.2rem;text-align:center;width:90%}.logo-container{display:flex;justify-content:center;width:100%}.login-logo{display:block;height:auto;max-width:150px}h2{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:.4rem;margin-top:.1rem;text-align:center;width:100%}.forgot-password-btn,.large-btn{background:linear-gradient(135deg,#00ffb3,#00c6ff);border:none;border-radius:8px;box-shadow:0 4px 12px #00b4e640;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:4px 0;padding:9px 12px;text-transform:uppercase;transition:all .25s ease;width:100%}.forgot-password-btn:hover,.large-btn:hover{background:linear-gradient(135deg,#00e6a1,#00b2e6);box-shadow:0 6px 16px #00b4e659;transform:translateY(-2px)}.forgot-password-btn:active,.large-btn:active{box-shadow:0 3px 10px #00b4e633;transform:translateY(0)}.forgot-password-btn:disabled,.large-btn:disabled{background:#e0e0e0;box-shadow:none;color:#a0a0a0;cursor:not-allowed;opacity:.8}form .large-btn{margin-bottom:6px}.google-login-wrapper{display:flex;justify-content:center;margin-bottom:.6rem;margin-top:.5rem;width:100%}.google-login-wrapper>div{display:flex!important;justify-content:center!important;width:100%!important}.google-login-wrapper>div button{border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;font-size:.9rem!important;max-width:280px;padding:8px!important;width:100%!important}.google-login-wrapper>div button:hover{box-shadow:0 4px 8px #00000026!important}.input-group{margin-bottom:8px;text-align:left;width:100%}.input-group label{color:#444;display:block;font-size:.8rem;margin-bottom:3px}.input-group input[type=email],.input-group input[type=password],.input-group input[type=text]{border:1px solid #d0d0d0;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:9px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input[type=email]:focus,.input-group input[type=password]:focus,.input-group input[type=text]:focus{border-color:#00c6ff;box-shadow:0 0 0 3px #00c6ff33;outline:none}.error-message,.success-message{border-radius:6px;box-sizing:border-box;font-size:.75rem;margin-bottom:6px;padding:6px 8px;text-align:center;width:100%}.error-message{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.success-message{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.loading-indicator{color:#555;font-size:.75rem;padding:6px;text-align:center}.separator{color:#b0b0b0;font-size:.7rem;font-weight:500;margin:.6rem 0;text-align:center;text-transform:uppercase;width:100%}.auth-terms-notice{color:#666;font-size:.65rem;line-height:1.3;margin:.3rem 0;padding:0 5px;text-align:center;width:100%}.auth-terms-notice p{display:inline-block;margin:0}.auth-terms-notice .terms-link{align-items:center;display:inline-flex;gap:.2rem}.auth-terms-notice button.inline-link,.terms-agreement .terms-label button.inline-link{-webkit-appearance:none!important;appearance:none!important;background:none!important;border:none!important;box-shadow:none!important;color:#007bff!important;cursor:pointer;display:inline!important;font-family:inherit!important;font-size:inherit!important;font-weight:500!important;letter-spacing:normal!important;line-height:inherit!important;margin:0 2px!important;outline:none!important;padding:0!important;text-decoration:none!important;text-transform:none!important;vertical-align:initial}.auth-terms-notice button.inline-link:hover,.terms-agreement .terms-label button.inline-link:hover{color:#0056b3!important;text-decoration:underline!important}.auth-terms-notice button.inline-link:disabled,.terms-agreement .terms-label button.inline-link:disabled{color:#aaa!important;text-decoration:none!important}.disclaimer-text{color:#666;font-size:.6rem;line-height:1.25;margin:.3rem 0;padding:0 5px;text-align:center;width:100%}.disclaimer-text p{margin:0}.terms-agreement{align-items:center;display:flex;margin:.4rem 0;text-align:left;width:100%}.terms-agreement input[type=checkbox]{flex-shrink:0;margin:0 4px 0 0;transform:scale(.8);width:auto}.terms-agreement input[type=checkbox]:focus{box-shadow:0 0 0 2px #00c6ff40}.terms-agreement .terms-label{color:#555;flex-grow:1;font-size:.65rem;font-weight:400;line-height:1.25;margin-bottom:0;text-align:left}.terms-agreement .terms-label .terms-link{align-items:center;display:inline-flex;gap:.2rem}.switch-form{color:#555;font-size:.75rem;margin-bottom:.2rem;margin-top:.6rem;text-align:center;width:100%}.switch-form .large-btn{display:inline-block;font-size:.8rem;margin-top:.25rem;padding:6px 12px;width:auto}.link-button{background:none!important;border:none!important;border-radius:3px;color:#007bff;cursor:pointer;display:inline;font-size:inherit;font-weight:600;margin:0 1px;padding:1px 3px;text-decoration:none;transition:color .2s ease,-webkit-text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease;transition:color .2s ease,text-decoration .2s ease,-webkit-text-decoration .2s ease;vertical-align:initial}.link-button:hover{color:#0056b3;text-decoration:underline!important}.link-button:disabled{color:#aaa;cursor:not-allowed;text-decoration:none}.resend-email-container{color:#555;font-size:.7rem;margin-bottom:.2rem;margin-top:.5rem;text-align:center}.resend-email-container p{margin-bottom:.25rem}footer{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem;width:100%}.footer-location-notice{color:#777;font-size:.6rem;line-height:1.25;padding:0 5px;text-align:center}.copyright{color:#999;font-size:.6rem;text-align:center}@media (max-width:768px){.login-box{gap:.4rem;padding:.8rem 1rem 1rem}.login-logo{max-width:140px}h2{font-size:1.2rem;margin-bottom:.3rem}.forgot-password-btn,.large-btn{font-size:.85rem;margin:3px 0;padding:8px 10px}form .large-btn{margin-bottom:5px}.google-login-wrapper{margin-bottom:.5rem}.auth-terms-notice,.disclaimer-text,.terms-agreement .terms-label{font-size:.6rem;line-height:1.2}.copyright,.footer-location-notice{font-size:.55rem}footer{gap:.3rem}.switch-form,footer{margin-top:.5rem}.switch-form .large-btn{font-size:.75rem;padding:5px 10px}.avatar-container{height:50px;padding:2.5px;width:50px}.avatar-image{border-width:1.5px}}@media (max-width:480px){.login-box{gap:.35rem;padding:.8rem .8rem .9rem}.login-logo{max-width:120px}h2{font-size:1.1rem;margin-bottom:.25rem}.forgot-password-btn,.large-btn{font-size:.8rem;padding:7px 10px}.google-login-wrapper>div button{font-size:.8rem!important;padding:6px!important}.separator{font-size:.65rem;margin:.4rem 0}footer{gap:.25rem;margin-top:.4rem}.switch-form{font-size:.7rem;margin-top:.4rem}.switch-form .large-btn{font-size:.7rem;padding:5px 8px}.input-group{margin-bottom:6px}.input-group label{font-size:.75rem;margin-bottom:2px}.input-group input[type=email],.input-group input[type=password],.input-group input[type=text]{font-size:.85rem;padding:8px}.terms-agreement{margin:.3rem 0}.terms-agreement input[type=checkbox]{margin-right:3px;transform:scale(.75)}.disclaimer-text{margin:.25rem 0}.avatar-container{height:40px;padding:2px;width:40px}.avatar-image{border-width:1px}}@media (max-width:360px){.login-box{gap:.3rem;padding:.6rem .6rem .7rem}.login-logo{max-width:100px}h2{font-size:1rem;margin-bottom:.2rem}.forgot-password-btn,.large-btn{font-size:.75rem;padding:6px 8px}.input-group input[type=email],.input-group input[type=password],.input-group input[type=text]{font-size:.8rem;padding:7px}.auth-terms-notice,.disclaimer-text,.terms-agreement .terms-label{font-size:.5rem;line-height:1.15}footer{gap:.2rem;margin-top:.3rem}.switch-form{font-size:.65rem;margin-top:.3rem}.switch-form .large-btn{font-size:.65rem;padding:4px 6px}.input-group{margin-bottom:5px}.input-group label{font-size:.7rem}.terms-agreement{margin:.25rem 0}.terms-agreement input[type=checkbox]{transform:scale(.7)}.disclaimer-text{margin:.2rem 0}.avatar-container{height:35px;padding:1.5px;width:35px}}.register-container{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center}.register-box{background-color:#fff;border-radius:20px;box-shadow:0 8px 20px #00000026;margin:2rem auto;max-width:400px;min-height:500px;padding:3rem 2rem;width:90%}.register-box h2{color:#333;margin-bottom:1rem;text-align:center}input{border:1px solid #ccc;border-radius:10px;font-size:1rem;padding:10px}button,input{margin:10px 0;width:100%}button{background:linear-gradient(135deg,#00c6ff,#00ffb3);border:none;border-radius:10px;box-shadow:0 5px 15px #00c8ff4d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px;text-transform:uppercase;transition:all .3s ease}button:hover{background:linear-gradient(135deg,#00ffb3,#00c6ff);box-shadow:0 7px 20px #00c8ff66}button:active{box-shadow:0 4px 12px #00c8ff4d;transform:translateY(2px)}.error-message{color:red;font-size:1rem;margin-top:10px}footer{text-align:center}footer a{color:#00c6ff;text-decoration:none}*,:after,:before{box-sizing:border-box}.convo-avatar-wrapper{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:44px;justify-content:center;margin-right:12px;position:relative;width:44px}.convo-avatar-wrapper.ring-friendsOnly,.convo-avatar-wrapper.ring-private,.convo-avatar-wrapper.ring-public{padding:2px}.convo-avatar-wrapper.ring-public{background:linear-gradient(45deg,#2196f3,#90caf9)}.convo-avatar-wrapper.ring-friendsOnly{background:linear-gradient(45deg,#4caf50,#a5d6a7)}.convo-avatar-wrapper.ring-private{background:linear-gradient(45deg,#f44336,#ef9a9a)}.convo-avatar{background-color:#eee;border:2px solid #fff;border-radius:50%;display:block;height:40px;object-fit:cover;width:40px}.messenger-layout{background-color:#f5f6f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:calc(100% - var(--topbar-height-desktop));overflow:hidden;width:100%}.conversation-list{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex:0 0 300px;flex-direction:column;height:100%}.conversation-list-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 15px}.conversation-list-header h2{color:#1c1e21;font-size:1.15rem;font-weight:600;margin:0}.icon-button{color:#5f6368;display:inline-flex;padding:4px;transition:background-color .2s ease,color .2s ease,transform .2s ease}.icon-button:hover:not(:disabled){background-color:#0000000d;color:#333}.icon-button:disabled{background-color:initial!important;color:#bdc1c6;cursor:not-allowed}.conversation-list-header .compose-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;line-height:0;overflow:hidden;padding:0;transition:filter .2s ease,box-shadow .2s ease;width:38px}.conversation-list-header .compose-button:hover{filter:brightness(1.15)}.conversation-list-header .compose-button:active{box-shadow:inset 0 1px 2px #0000001a;filter:brightness(.95);transform:translateY(1px)}.conversation-list-search{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;padding:8px 15px;position:relative}.search-input{background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:18px;color:#1c1e21;font-size:.9rem;height:36px;line-height:1.4;outline:none;padding:8px 12px 8px 34px;transition:border-color .2s ease,background-color .2s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#0090ff}.search-input::placeholder{color:#888}.search-input::-webkit-search-cancel-button{cursor:pointer}.search-icon{color:#999;left:27px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.conversation-list-items{flex-grow:1;list-style:none;margin:0;min-height:0;overflow-y:auto;padding:0}.no-conversations-message{color:#888;font-size:.9rem;font-style:italic;padding:30px 20px;text-align:center}.no-conversations-message>svg{margin-bottom:10px}.no-conversations-message>button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;margin-top:15px;padding:10px 18px;text-decoration:none;transition:filter .2s ease,box-shadow .2s ease}.no-conversations-message>button:hover{box-shadow:0 3px 7px #00000026;filter:brightness(1.1)}.conversation-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;padding:10px 15px;position:relative;transition:background-color .15s ease}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background-color:#f5f5f5}.conversation-item.active{background-color:#e8f0fe}.convo-details{flex-grow:1;overflow:hidden}.convo-participants{color:#333;font-size:.95rem;font-weight:500;margin-bottom:2px}.convo-last-message,.convo-participants{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-last-message{color:#666;font-size:.85rem}.convo-meta{align-items:flex-end;color:#999;display:flex;flex-direction:column;flex-shrink:0;font-size:.75rem;margin-left:10px;text-align:right}.convo-timestamp{margin-bottom:3px;white-space:nowrap}.unread-badge{background-color:#0090ff;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;text-align:center}.delete-convo-button{color:#aaa;height:24px;opacity:0;padding:3px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease,color .2s ease;width:24px;z-index:2}.conversation-item:hover .delete-convo-button,.delete-convo-button:focus{opacity:1}.delete-convo-button:hover{background-color:#0000000d;color:#f44336}.mobile-nav-back-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff)!important;border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff!important;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;line-height:0;overflow:hidden;padding:0;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px}.mobile-nav-back-button:hover{box-shadow:0 2px 5px #00000026;filter:brightness(1.15)}.mobile-nav-back-button:active{box-shadow:inset 0 1px 2px #0000001a;filter:brightness(.95);transform:translateY(1px)}.mobile-nav-back-button svg{fill:currentColor;height:22px;width:22px}.message-view-area{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;height:100%;overflow:hidden;position:relative}.mobile-chat-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:none;flex-shrink:0;gap:10px;padding:12px 15px}.mobile-chat-header .chat-header-title{color:#1c1e21;flex-grow:1;font-size:1.15rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.messages-display{background-color:#f9f9f9;display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto;padding:15px 20px}.messages-display>.no-messages-placeholder{align-items:center;color:#888;display:flex;flex-direction:column;font-size:.95rem;gap:10px;justify-content:center;margin:auto;text-align:center}.messages-display>.no-messages-placeholder svg{color:#ccc}.message-wrapper{align-items:flex-end;display:flex;margin-bottom:4px;max-width:80%;position:relative}.message-wrapper.sent{align-self:flex-end;justify-content:flex-end;margin-left:auto}.message-wrapper.received{align-self:flex-start;justify-content:flex-start;margin-right:auto}.message-sender-avatar{align-self:flex-end;background-color:#eee;border-radius:50%;flex-shrink:0;height:30px;margin-right:8px;object-fit:cover;width:30px}.message{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 1px #0000000d;line-height:1.4;max-width:100%;order:1;padding:9px 14px;position:relative}.message.sent{background-color:#0090ff;border-bottom-right-radius:6px;color:#fff}.message.received{background-color:#e5e5ea;border-bottom-left-radius:6px;color:#333}.message-text{white-space:pre-wrap}.message-timestamp{clear:both;color:#999;display:block;font-size:.7rem;margin-top:4px;text-align:right;-webkit-user-select:none;user-select:none}.message.sent .message-timestamp{color:#ffffffb3}.message-actions{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;gap:3px;opacity:0;order:0;padding:2px 4px;position:absolute;top:-10px;transition:opacity .2s ease;z-index:5}.message-wrapper.sent:hover .message-actions{opacity:1}.message-wrapper.sent .message-actions{margin-right:5px;right:100%}.delete-message-button,.edit-message-button,.unsend-message-button{align-items:center;background:none;border-radius:50%;color:#888;cursor:pointer;display:inline-flex;height:20px;justify-content:center;line-height:0;padding:3px;position:static;transform:none;transition:background-color .2s ease,color .2s ease;width:20px}.delete-message-button:hover,.edit-message-button:hover,.unsend-message-button:hover{background-color:#00000014;color:#333}.delete-message-button:hover{color:#f44336}.unsend-message-button:hover{color:#ff9800}.message.editing{background-color:#f0f8ff;box-shadow:0 0 0 2px #0090ff;padding:5px}.message-edit-form{display:flex;flex-direction:column;gap:5px}.message-edit-input{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-sizing:border-box;color:#333;font-size:.9rem;line-height:1.4;outline:none;padding:6px 10px;width:100%}.message-edit-input:focus{border-color:#0090ff}.message-edit-input.input-error{background-color:#fff5f5;border-color:#d8000c!important}.message-edit-actions{display:flex;gap:5px;justify-content:flex-end}.message-edit-actions button{border:none;border-radius:10px;cursor:pointer;font-size:.8rem;font-weight:500;padding:4px 10px;transition:background-color .2s ease,color .2s ease,filter .1s ease}.message-edit-actions button:active{filter:brightness(.9)}.save-edit-button{background-color:#28a745;color:#fff}.save-edit-button:hover{background-color:#218838}.cancel-edit-button{background-color:#e0e0e0;color:#333}.cancel-edit-button:hover{background-color:#c7c7c7}.message-input{align-items:center;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;padding:8px 10px;position:relative;transition:opacity .2s ease}.input-area-disabled{opacity:.6;pointer-events:none}.input-area-disabled .icon-button,.input-area-disabled input[type=text]{background-color:#f0f0f0!important;cursor:not-allowed}.message-input .icon-button{margin:0 3px;padding:5px}.message-input .emoji-button{background:#0000!important;border:none!important;border-radius:100%;color:#fce357;height:28px;margin:0 5px;padding:0!important;width:28px}.message-input .emoji-button svg{height:100%;width:100%}.message-input .emoji-button.active:not(:disabled),.message-input .emoji-button:hover:not(:disabled){background-color:initial!important;color:#ffee58;transform:scale(1.1)}.message-input .emoji-button:active:not(:disabled){color:#fdd835;transform:scale(1.05)}.message-input .emoji-button:disabled{background-color:initial!important;color:#aaa;transform:scale(1)}.message-input .send-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:inline-flex;filter:brightness(1);flex-shrink:0;height:38px;justify-content:center;line-height:0;margin-left:5px;margin-right:3px;overflow:hidden;padding:0;transition:filter .2s ease,box-shadow .2s ease,opacity .2s ease,background-color .2s ease;width:38px}.message-input .send-button.has-text:not(:disabled){filter:brightness(1.15)}.message-input .send-button:hover:not(:disabled){filter:brightness(1.25)}.message-input .send-button.has-text:hover:not(:disabled){filter:brightness(1.3)}.message-input .send-button:active:not(:disabled){box-shadow:inset 0 1px 2px #0000001a;filter:brightness(.95)}.message-input .send-button:disabled{background:linear-gradient(135deg,#20ffa0,#0090ff);box-shadow:none;color:#e0e0e0;cursor:not-allowed;filter:brightness(.85);opacity:.6}.message-input input[type=text]{background-color:#f7f7f7;border:1px solid #dcdcdc;border-radius:18px;color:#1c1e21;flex-grow:1;font-size:.95rem;line-height:1.4;margin:0 5px;min-height:38px;outline:none;padding:9px 12px;resize:none;transition:border-color .2s ease,background-color .2s ease}.message-input input[type=text]:focus{background-color:#fff;border-color:#0090ff}.message-input input[type=text].input-error{background-color:#fff5f5;border-color:#d8000c!important}.char-counter-display{color:#666;font-size:.8rem;line-height:38px;margin-left:-55px;margin-right:10px;transition:color .2s ease}.char-counter-display.warning{color:#ff9800}.char-counter-display.error{color:#d8000c}.attachment-container{align-items:center;display:flex;position:relative}.attachment-options-popover{background-color:#fff;border:1px solid #ccc;border-radius:8px;bottom:100%;box-shadow:0 2px 10px #00000026;display:flex;flex-direction:column;gap:5px;left:0;margin-bottom:5px;min-width:150px;padding:5px;position:absolute;z-index:100}.attachment-options-popover .popover-button{align-items:center;background:none;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:8px;line-height:normal;padding:8px 10px;text-align:left;width:100%}.attachment-options-popover .popover-button:hover{background-color:#f0f0f0;color:#111}.attachment-options-popover .popover-button svg{color:#5f6368;flex-shrink:0}.attachment-options-popover .popover-button:hover svg{color:#333}.attachment-options-popover .popover-button span{flex-grow:1}.no-conversation-selected{align-items:center;background-color:#f9f9f9;color:#888;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.no-conversation-selected>svg{color:#ccc;margin-bottom:15px}.no-conversation-selected p{font-size:1.1rem;margin:0 0 25px}.compose-button-placeholder{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:25px;box-shadow:0 2px 5px #00000026;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:filter .2s ease,box-shadow .2s ease}.compose-button-placeholder svg{margin-right:10px}.compose-button-placeholder:hover{box-shadow:0 4px 8px #0003;filter:brightness(1.1)}.compose-button-placeholder:active{box-shadow:inset 0 1px 3px #0000001a;filter:brightness(.9);transform:translateY(1px)}.loading-placeholder{color:#888;font-style:italic;padding:20px;text-align:center}.emoji-picker-container{background-color:#fff;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;padding:15px;position:relative;z-index:10}.emoji-picker-container>p{border-bottom:1px solid #f0f0f0;color:#555;font-size:.9rem;margin-bottom:5px;padding-bottom:10px;text-align:center}.emoji-picker-container>button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:500;justify-content:center;padding:12px 20px;text-decoration:none;transition:filter .2s ease,box-shadow .2s ease;width:100%}.emoji-picker-container>button:hover{box-shadow:0 3px 6px #00000026;filter:brightness(1.12)}.emoji-picker-container>button:active{box-shadow:inset 0 1px 3px #0000001f;filter:brightness(.93)}.message-image{border-radius:8px;cursor:pointer;display:block;height:auto;margin-top:5px;max-height:160px;max-width:160px;object-fit:cover;width:auto}.message:has(.message-image):not(:has(.message-text)){background-color:initial;box-shadow:none;padding:5px}@media (max-width:768px){.messenger-layout{display:block;height:100dvh;height:calc(100dvh - var(--topbar-height-mobile, 0px));overflow:hidden;position:relative}.messenger-layout.has-global-error .mobile-chat-header{padding-top:52px}.conversation-list{background-color:#fff;border-right:none;display:flex;flex:none;flex-direction:column;height:100%;left:0;position:absolute;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:100%;z-index:1}.conversation-list-search{padding:8px 10px}.search-input{font-size:.85rem;height:34px;padding:8px 10px 8px 30px}.search-icon{left:20px}.message-view-area{background-color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:100%;z-index:2}.messenger-layout.mobile-chat-visible .conversation-list{transform:translateX(-100%)}.messenger-layout.mobile-chat-visible .message-view-area{transform:translateX(0)}.mobile-chat-header{display:flex}.messages-display{padding:10px}.message-input{padding:6px 8px}.message-input input[type=text]{border-radius:12px;font-size:.9rem;margin:0 4px;min-height:36px;padding:8px 12px}.message-input .icon-button{margin:0 2px;padding:4px}.message-input .emoji-button{height:20px;margin:0 4px;width:20px}.message-input .send-button{margin-left:4px;margin-right:2px}.message-input .icon-button svg{height:20px;width:20px}.message-input .emoji-button svg{height:100%;width:100%}.char-counter-display{font-size:.7rem;line-height:36px;margin-left:-45px;margin-right:8px}.messenger-layout.mobile-chat-visible .no-conversation-selected,.no-conversation-selected{display:none}.conversation-item{padding:8px 12px}.delete-convo-button{right:5px}.message-wrapper.sent .message-actions{margin-right:3px}.attachment-options-popover .camera-only-mobile{display:flex!important}.message-image{max-height:130px;max-width:130px}.compose-button-placeholder{font-size:.9rem;padding:10px 18px}.compose-button-placeholder svg{margin-right:6px}.emoji-picker-container>button{font-size:1rem;padding:10px 15px}.error-banner{font-size:.85rem;padding:8px 10px;position:-webkit-sticky;position:sticky;top:0}.rate-limit-modal-content{max-width:320px;padding:20px;width:90%}.rate-limit-modal-content h4{font-size:1.1rem}.rate-limit-modal-content p{font-size:.9rem}.rate-limit-modal-ok-button{font-size:.9rem;padding:8px 20px}.confirmation-modal-content{max-width:320px;padding:20px;width:90%}.confirmation-modal-content h4{font-size:1.1rem}.confirmation-modal-content p{font-size:.9rem}.confirmation-modal-actions button{font-size:.9rem;padding:8px 15px}}@media (min-width:769px){.attachment-options-popover .camera-only-mobile{display:none!important}}.image-preview-modal-backdrop{align-items:center;background-color:#000000e0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:20px;position:fixed;top:0;width:100vw;z-index:1050}.image-preview-modal-content{align-items:center;display:flex;flex-direction:column;gap:15px;height:auto;justify-content:center;max-height:90vh;max-width:90vw;position:relative;width:auto}.image-preview-large{border-radius:6px;display:block;height:auto;max-height:calc(90vh - 80px);max-width:100%;object-fit:contain;width:auto}.image-preview-close-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:10px;top:10px;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;width:36px;z-index:1061}.image-preview-close-button:hover{filter:brightness(1.15);transform:scale(1.05)}.image-preview-close-button svg{stroke:#fff;stroke-width:2;height:18px;width:18px}.image-preview-download-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:25px;box-shadow:0 2px 8px #00000059;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;min-width:160px;padding:10px 22px;position:relative;text-decoration:none;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;z-index:1060}.image-preview-download-button svg{fill:#fff;height:18px;margin-right:8px;width:18px}.image-preview-download-button:hover{box-shadow:0 4px 10px #0006;filter:brightness(1.15);transform:translateY(-1px) scale(1.03)}.image-preview-download-button:active{filter:brightness(.95);transform:scale(.98)}.image-preview-top-buttons{display:none}.error-banner{align-items:center;background-color:#fdd;border:1px solid #faa;box-sizing:border-box;color:#d8000c;display:flex;justify-content:space-between;left:0;padding:10px 15px;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:100%;z-index:2000}.error-banner button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.1em;font-weight:700;margin-left:15px;padding:0 5px}.rate-limit-modal-backdrop{align-items:center;background-color:#000000a6;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;top:0;transition:opacity .25s ease,visibility 0s linear .25s;visibility:hidden;width:100vw;z-index:1070}.rate-limit-modal-backdrop.visible{opacity:1;transition:opacity .25s ease,visibility 0s linear 0s;visibility:visible}.rate-limit-modal-content{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #00000040;display:flex;flex-direction:column;max-width:380px;opacity:0;padding:25px 30px;text-align:center;transform:scale(.95) translateY(10px);transition:transform .25s ease-out,opacity .25s ease-out;width:90%}.rate-limit-modal-backdrop.visible .rate-limit-modal-content{opacity:1;transform:scale(1) translateY(0)}.rate-limit-modal-icon{color:#ffc107;margin-bottom:15px}.rate-limit-modal-content h4{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:12px;margin-top:0}.rate-limit-modal-content p{color:#555;font-size:.9rem;line-height:1.6;margin-bottom:8px}.rate-limit-modal-content p:last-of-type{margin-bottom:15px}.rate-limit-modal-content .rate-limit-modal-countdown{color:#17a2b8;font-size:1rem;font-weight:500;margin-bottom:25px;margin-top:5px}.rate-limit-modal-content .rate-limit-modal-countdown.ready{color:#28a745;font-weight:600}.rate-limit-modal-ok-button{background:linear-gradient(135deg,#20ffa0,#0090ff);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:10px 30px;transition:filter .2s ease,transform .15s ease}.rate-limit-modal-ok-button:hover{filter:brightness(1.1)}.rate-limit-modal-ok-button:active{filter:brightness(.95);transform:scale(.98)}.confirmation-modal-backdrop{align-items:center;background-color:#0000008c;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;opacity:0;padding:20px;position:fixed;top:0;transition:opacity .25s ease,visibility 0s linear .25s;visibility:hidden;width:100vw;z-index:1065}.confirmation-modal-backdrop.visible{opacity:1;transition:opacity .25s ease,visibility 0s linear 0s;visibility:visible}.confirmation-modal-content{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;display:flex;flex-direction:column;max-width:360px;opacity:0;padding:20px 25px;transform:scale(.95) translateY(10px);transition:transform .25s ease-out,opacity .25s ease-out;width:90%}.confirmation-modal-backdrop.visible .confirmation-modal-content{opacity:1;transform:scale(1) translateY(0)}.confirmation-modal-icon{margin-bottom:12px}.confirmation-modal-content h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px;margin-top:0}.confirmation-modal-content p{color:#555;font-size:.9rem;line-height:1.5;margin-bottom:20px}.confirmation-modal-actions{gap:10px;justify-content:space-around}.confirmation-modal-actions .action-button{border:1px solid #0000;border-radius:18px;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 18px;transition:background-color .2s ease,filter .15s ease}.confirmation-modal-actions .action-button.secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.confirmation-modal-actions .action-button.secondary:hover{background-color:#5a6268;border-color:#545b62}.confirmation-modal-actions .action-button.danger{background-color:#dc3545;border-color:#dc3545;color:#fff}.confirmation-modal-actions .action-button.danger:hover{background-color:#c82333;border-color:#bd2130}.confirmation-modal-actions .action-button:active{filter:brightness(.9)}.rate-limit-notice{display:none}.top-bar{background-color:#fff;border-bottom:1px solid #e0e0e0;box-sizing:border-box;color:#333;height:56px;justify-content:space-between;left:0;padding:8px 16px;position:fixed;top:0;width:100%;z-index:1100}.top-bar,.top-bar-section{align-items:center;display:flex}.top-bar-section{gap:16px}@media (max-width:480px){.top-bar-section{gap:10px}.top-bar{padding:8px 10px}}.top-bar-title{color:#333;font-size:1.1rem;font-weight:600;margin-left:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:380px){.top-bar-title{max-width:100px}}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:#424242;cursor:pointer;display:flex;justify-content:center;margin:0;padding:6px;position:relative;transition:background-color .2s ease-in-out}.icon-button:hover{background-color:#0000000d}.icon-button>svg{display:block}.avatar-button{align-items:center;background-color:#f5f5f5;border:2px solid #e0e0e0;border-radius:50%;box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #fff6;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:visible;padding:0;position:relative;transition:border-color .2s ease,box-shadow .2s ease;width:40px}.avatar-button:not(.loading):hover{border-color:#007bff;box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff6}.avatar-button.loading{cursor:default}.avatar-image{display:block;object-fit:cover}.avatar-image,.avatar-placeholder{border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background-color:#e0e0e0;color:#757575;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;-webkit-user-select:none;user-select:none}.avatar-button.avatar-status-friends{box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #fff6,0 0 0 2px #fff,0 0 0 4px #4caf50}.avatar-button.avatar-status-friends:hover{box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff6,0 0 0 2px #fff,0 0 0 4px #4caf50}.avatar-button.avatar-status-public{box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #fff6,0 0 0 2px #fff,0 0 0 4px #007bff}.avatar-button.avatar-status-public:hover{box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff6,0 0 0 2px #fff,0 0 0 4px #007bff}.avatar-button.avatar-status-private{box-shadow:0 1px 2px #0000001a,inset 0 1px 1px #fff6,0 0 0 2px #fff,0 0 0 4px #c0392b}.avatar-button.avatar-status-private:hover{box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff6,0 0 0 2px #fff,0 0 0 4px #c0392b}.avatar-loading-indicator{animation:avatar-spin .8s linear infinite;border:3px solid #007bff33;border-radius:50%;border-top-color:#007bff;box-sizing:border-box;height:24px;width:24px}@keyframes avatar-spin{to{transform:rotate(1turn)}}.notification-button{position:relative}.notification-badge{align-items:center;background-color:#d32f2f;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:2px;top:2px;width:18px}.settings-menu-container{position:relative}.dropdown-menu{animation:fadeIn .15s ease-out;background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1200}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:12px;padding:10px 16px;text-align:left;transition:background-color .15s ease-in-out;white-space:nowrap;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item-icon{color:#616161;flex-shrink:0}.dropdown-divider{background-color:#e0e0e0;height:1px;margin:8px 0}.dropdown-item-logout,.dropdown-item-logout .dropdown-item-icon{color:#d32f2f}.dropdown-item-logout:hover{background-color:#ffebee}.avatar-upload-error{color:#d32f2f;font-size:.8em;margin-left:8px;white-space:nowrap}:root{--primary-gradient-start:#20ffa0;--primary-gradient-end:#0090ff;--text-color-secondary:#495057;--text-color-light:#6c757d;--link-color:var(--primary-color);--background-color-app:#f4f6f8;--border-color-medium:#ced4da;--danger-color-hover:#c82333;--danger-color-active:#bd2130;--danger-color-disabled-bg:#efa2a9;--danger-background-hover:#f8d7da;--success-color:#28a745;--success-color-hover:#218838;--warning-bg-color:#fff3cd;--warning-border-color:#ffeeba;--warning-text-color:#856404;--border-radius-small:4px;--border-radius-medium:8px;--border-radius-pill:25px;--box-shadow-light:0 1px 3px #0000000f;--box-shadow-medium:0 3px 8px #00000014;--button-shadow:0 2px 5px #0000001a;--spacing-xs:4px;--spacing-s:8px;--spacing-m:16px;--spacing-l:20px;--spacing-xl:24px;--neon-red:#f33;--neon-green:#39ff14;--neon-blue:#00bfff;--neon-global-gradient:linear-gradient(45deg,#39ff14,#00bfff)}.user-profile-page{box-sizing:border-box;font-family:Inter,sans-serif;font-family:var(--primary-font);width:100%}.error-page,.loading-page{align-items:center;color:#6c757d;color:var(--text-color-light);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-m);justify-content:center;min-height:300px;padding:24px;padding:var(--spacing-xl);text-align:center}.error-page p,.loading-page span{font-size:1.1em}.error-page h3{color:#212529;color:var(--text-color-primary);font-size:1.5em;margin:0}.error-page .action-button{margin-top:16px;margin-top:var(--spacing-m)}.error-page .error-icon{color:#dc3545;color:var(--danger-color)}.user-profile-container{background-color:#fff;background-color:var(--background-color-card);border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:12px;border-radius:var(--border-radius-large);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);box-sizing:border-box;margin-bottom:20px;margin-bottom:var(--main-area-bottom-padding-desktop,var(--spacing-l));margin-left:auto;margin-right:auto;max-width:600px;max-width:var(--card-max-width,600px);padding:24px;padding:var(--card-internal-padding-desktop,var(--spacing-xl));position:relative}.user-profile-top-bar{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-l);padding-bottom:16px;padding-bottom:var(--spacing-m);padding-left:8px;padding-left:var(--spacing-s);padding-right:8px;padding-right:var(--spacing-s)}.user-profile-top-bar h2{color:#212529;color:var(--text-color-primary);flex-grow:1;font-size:1.3em;font-weight:600;margin:0 8px;margin:0 var(--spacing-s);min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.profile-action-icon-button.add-friend-button,.profile-action-icon-button.respond-friend-button,.settings-back-btn{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:50%;border-radius:var(--border-radius-round);box-shadow:0 2px 5px #0000001a;box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;line-height:0;overflow:hidden;padding:0;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px}.profile-action-icon-button.add-friend-button svg,.profile-action-icon-button.respond-friend-button svg,.settings-back-btn svg{height:22px;width:22px}.profile-action-icon-button.add-friend-button:hover,.profile-action-icon-button.respond-friend-button:hover,.settings-back-btn:hover{box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);filter:brightness(1.15)}.profile-action-icon-button.add-friend-button:active,.profile-action-icon-button.respond-friend-button:active,.settings-back-btn:active{box-shadow:inset 0 1px 2px #00000026;filter:brightness(.95);transform:translateY(1px)}.top-bar-action-slot{display:flex}.profile-action-icon-button,.top-bar-action-slot{align-items:center;flex-shrink:0;height:38px;justify-content:center;width:38px}.profile-action-icon-button{background-color:#fff;background-color:var(--background-color-card);border:1px solid #ced4da;border:1px solid var(--border-color-medium);border-radius:50%;border-radius:var(--border-radius-round);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-light);color:#007bff;color:var(--primary-color);cursor:pointer;display:inline-flex;line-height:0;overflow:hidden;padding:0;transition:all .2s ease}.profile-action-icon-button svg{height:22px;width:22px}.profile-action-icon-button:disabled{background:#f4f6f8;background:var(--background-color-app);border-color:#e9ecef;border-color:var(--border-color-light);box-shadow:none;color:#6c757d;color:var(--text-color-light);cursor:not-allowed;filter:none;opacity:.6}.profile-action-icon-button:disabled:active{transform:none}.profile-action-icon-button.friends-button,.profile-action-icon-button.pending-friend-button{background-color:#fff;background-color:var(--background-color-card);border:1px solid #28a745;border:1px solid var(--success-color);color:#28a745;color:var(--success-color)}.profile-action-icon-button.friends-button:not(:disabled):hover,.profile-action-icon-button.pending-friend-button:not(:disabled):hover{background-color:#f4f6f8;background-color:var(--background-color-app)}.profile-action-icon-button.friends-button:disabled,.profile-action-icon-button.pending-friend-button:disabled{background-color:#f4f6f8;background-color:var(--background-color-app);border-color:#28a745;border-color:var(--success-color);color:#28a745;color:var(--success-color);opacity:.5}.profile-header{margin-bottom:24px;margin-bottom:var(--spacing-xl);text-align:center}.profile-picture-wrapper{background-color:initial;border-radius:50%;border-radius:var(--border-radius-round);display:inline-block;margin-bottom:16px;margin-bottom:var(--spacing-m);padding:4px;position:relative;transition:all .3s ease-in-out}.profile-ring-private{background-color:#f33;background-color:var(--neon-red);box-shadow:0 0 10px #f33,inset 0 0 10px #f33;box-shadow:0 0 10px var(--neon-red),inset 0 0 10px var(--neon-red)}.profile-ring-friends{background-color:#39ff14;background-color:var(--neon-green);box-shadow:0 0 10px #39ff14,inset 0 0 10px #39ff14;box-shadow:0 0 10px var(--neon-green),inset 0 0 10px var(--neon-green)}.profile-ring-public{background-color:#00bfff;background-color:var(--neon-blue);box-shadow:0 0 10px #00bfff,inset 0 0 10px #00bfff;box-shadow:0 0 10px var(--neon-blue),inset 0 0 10px var(--neon-blue)}.profile-ring-global{background:padding-box,linear-gradient(45deg,#39ff14,#00bfff);background:padding-box,var(--neon-global-gradient);background-clip:padding-box,border-box;background-origin:padding-box,border-box;border:4px solid #0000;box-shadow:0 0 15px #00bfff,0 0 20px #39ff14,inset 0 0 10px #00bfff;box-shadow:0 0 15px var(--neon-blue),0 0 20px var(--neon-green),inset 0 0 10px var(--neon-blue)}.profile-picture-large{border:4px solid #fff;border:4px solid var(--background-color-card);border-radius:50%;border-radius:var(--border-radius-round);box-shadow:0 3px 8px #0000001a;display:block;height:110px;margin-left:auto;margin-right:auto;object-fit:cover;width:110px}.avatar-edit-button{align-items:center;background-color:#00000080;border:none;border-radius:50%;border-radius:var(--border-radius-round);bottom:5px;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:5px;transition:background-color .2s ease;width:30px}.avatar-edit-button:hover{background-color:#000000b3}.avatar-edit-button svg{stroke-width:2.5px;height:16px;width:16px}.avatar-preview-actions{display:flex;gap:8px;gap:var(--spacing-s);justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-m);margin-top:8px;margin-top:var(--spacing-s)}.avatar-action-button{align-items:center;border:none;border-radius:4px;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;display:inline-flex;font-size:.9em;font-weight:500;gap:6px;padding:6px 12px;transition:background-color .2s ease,opacity .2s ease}.avatar-action-button.save{background-color:#28a745;background-color:var(--success-color)}.avatar-action-button.save:hover{background-color:#218838;background-color:var(--success-color-hover)}.avatar-action-button.cancel{background-color:#6c757d;background-color:var(--text-color-light)}.avatar-action-button.cancel:hover{background-color:#495057;background-color:var(--text-color-secondary)}.avatar-action-button:disabled{cursor:not-allowed;opacity:.7}.avatar-upload-error,.error-message,.profile-action-error{color:#dc3545;color:var(--danger-color);font-size:.9em;margin-bottom:8px;margin-bottom:var(--spacing-s);margin-top:8px;margin-top:var(--spacing-s);text-align:center;width:100%}.profile-name{color:#212529;color:var(--text-color-primary);font-size:1.9em;font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-s) 0}.activity-status-wrapper{align-items:center;display:flex;gap:8px;gap:var(--spacing-s);justify-content:center;margin-top:4px;margin-top:var(--spacing-xs)}.activity-label{color:#495057;color:var(--text-color-secondary);font-size:.8em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.activity-status-bar-container{background-color:#e9ecef;background-color:var(--border-color-light);border-radius:3px;height:6px;overflow:hidden;width:150px}.activity-status-bar-fill{background-image:linear-gradient(90deg,#20ffa0,#0090ff);background-image:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:3px;height:100%;transition:width .5s ease-in-out}.profile-stats-section{align-items:center;background-color:initial;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);border-top:1px solid #e9ecef;border-top:1px solid var(--border-color-light);display:flex;gap:16px;gap:var(--spacing-m);justify-content:space-around;margin-bottom:24px;margin-bottom:var(--spacing-xl);padding:16px 8px;padding:var(--spacing-m) var(--spacing-s)}.stat-item{flex-basis:0;flex-grow:1;text-align:center}.stat-item.clickable-stat{border-radius:8px;border-radius:var(--border-radius-medium);cursor:pointer;padding:8px;padding:var(--spacing-s);transition:all .2s ease}.stat-item.clickable-stat:hover{background-color:#f4f6f8;background-color:var(--background-color-app);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-light);transform:translateY(-2px)}.stat-item.clickable-stat:focus,.stat-item.clickable-stat:focus-visible{background-color:#f4f6f8;background-color:var(--background-color-app);outline:2px solid #007bff;outline:2px solid var(--primary-color);outline-offset:2px}.stat-value{color:#212529;color:var(--text-color-primary);display:block;font-size:1.6em;font-weight:700;margin-bottom:2px}.stat-label{align-items:center;color:#495057;color:var(--text-color-secondary);display:flex;font-size:.8em;font-weight:500;justify-content:center;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}.stat-icon{align-items:center;color:#6c757d;color:var(--text-color-light);display:inline-flex;margin-right:6px}.profile-details{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-m);margin-bottom:24px;margin-bottom:var(--spacing-xl)}.detail-card{background-color:#f4f6f8;background-color:var(--background-color-app);border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:8px;border-radius:var(--border-radius-medium);padding:16px;padding:var(--spacing-m)}.bio-card{background-color:initial;border:none;padding:0;text-align:center}.profile-status{color:#495057;color:var(--text-color-secondary);font-size:1.05em;font-style:italic;line-height:1.5;margin:0 0 8px;margin:0 0 var(--spacing-s) 0}.bio-link-container{margin:8px 0 0;margin:var(--spacing-s) 0 0 0}.bio-link{border-radius:4px;border-radius:var(--border-radius-small);color:#007bff;color:var(--link-color);display:inline-block;font-size:.95em;font-weight:500;padding:2px 4px;text-decoration:none;transition:all .2s ease;word-break:break-all}.bio-link:hover{background-color:#007bff0d;color:#007bff;color:var(--primary-color);text-decoration:underline}.detail-card-header{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);color:#495057;color:var(--text-color-secondary);font-size:.85em;font-weight:600;letter-spacing:1px;margin-bottom:12px;margin-top:0;padding-bottom:6px;text-transform:uppercase}.detail-item{align-items:center;color:#212529;color:var(--text-color-primary);display:flex;font-size:.95em;gap:12px;margin-bottom:10px}.detail-item:last-child{margin-bottom:0}.detail-icon{align-items:center;color:#6c757d;color:var(--text-color-light);display:flex;font-size:1.3em;justify-content:center;min-width:22px;text-align:center}.detail-text{line-height:1.4}.photos-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-item{aspect-ratio:1/1;background-color:#f4f6f8;background-color:var(--background-color-app);border-radius:4px;border-radius:var(--border-radius-small);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-light);overflow:hidden;position:relative}.photo-image{display:block;height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.photo-item:hover .photo-image{transform:scale(1.05)}.photo-menu-button{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease,background-color .2s ease;width:28px;z-index:10}.photo-item:focus-within .photo-menu-button,.photo-item:hover .photo-menu-button{opacity:1}.photo-menu-button:hover{background-color:#000000b3}.photo-menu-dropdown{background-color:#fff;background-color:var(--background-color-card);border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:8px;border-radius:var(--border-radius-medium);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);overflow:hidden;position:absolute;right:4px;top:36px;z-index:11}.photo-menu-dropdown button{align-items:center;background:none;border:none;color:#dc3545;color:var(--danger-color);cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:10px 15px;text-align:left;transition:background-color .2s ease;width:100%}.photo-menu-dropdown button:hover{background-color:#f8d7da;background-color:var(--danger-background-hover)}.photo-menu-dropdown button svg{stroke-width:2px}.photo-upload-placeholder{align-items:center;aspect-ratio:1/1;background-color:#fff;background-color:var(--background-color-card);border:2px dashed #ced4da;border:2px dashed var(--border-color-medium);border-radius:4px;border-radius:var(--border-radius-small);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-light);color:#6c757d;color:var(--text-color-light);cursor:pointer;display:flex;flex-direction:column;font-size:.9em;font-weight:500;gap:8px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease-in-out}.photo-upload-placeholder:hover{background-color:#f4f6f8;background-color:var(--background-color-app);border-color:#007bff;border-color:var(--primary-color);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);color:#007bff;color:var(--primary-color);transform:translateY(-2px)}.photo-upload-placeholder:active{box-shadow:inset 0 1px 3px #0000001a;transform:translateY(0)}.photo-upload-placeholder .spinner-icon{color:#007bff;color:var(--primary-color);font-size:1.5em}.photo-upload-error-message{color:#dc3545;color:var(--danger-color);font-size:.85em;grid-column:1/-1;margin-top:5px;text-align:center}.blocked-user-notice{background-color:#fff3cd;background-color:var(--warning-bg-color);border:1px solid #ffeeba;border:1px solid var(--warning-border-color);border-radius:8px;border-radius:var(--border-radius-medium);color:#856404;color:var(--warning-text-color);margin:20px 0;margin:var(--spacing-l) 0;padding:20px;padding:var(--spacing-l);text-align:center}.blocked-user-notice h4{align-items:center;color:inherit;display:flex;font-size:1.1em;font-weight:600;justify-content:center;margin-bottom:10px;margin-top:0}.blocked-user-notice h4 .icon-left{font-size:1.2em;margin-right:8px}.blocked-user-notice p{color:inherit;font-size:.95em;line-height:1.5;margin-bottom:0}.profile-actions{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color-light);display:flex;flex-direction:column;gap:16px;gap:var(--spacing-m);margin-top:24px;margin-top:var(--spacing-xl);padding-top:20px;padding-top:var(--spacing-l)}.action-button{align-items:center!important;background:linear-gradient(135deg,#20ffa0,#0090ff)!important;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end))!important;border:none!important;border-radius:25px!important;border-radius:var(--border-radius-pill)!important;box-shadow:0 1px 3px #0000000f!important;box-shadow:var(--box-shadow-light)!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1em!important;font-weight:600!important;gap:var(--spacing-s);justify-content:center!important;padding:12px 24px!important;text-align:center!important;transition:filter .2s ease,transform .1s ease,box-shadow .2s ease!important;width:100%!important}.action-button:hover:not(:disabled){box-shadow:0 3px 8px #00000014!important;box-shadow:var(--box-shadow-medium)!important;filter:brightness(1.1);opacity:1!important}.action-button:active:not(:disabled){filter:brightness(.95);opacity:1!important;transform:translateY(1px)!important}.action-button:disabled{background:linear-gradient(135deg,#a1b5ab,#9cb3c7)!important;cursor:not-allowed!important;filter:grayscale(50%)!important;opacity:.65!important}.action-button.danger{background:#dc3545!important;background:var(--danger-color)!important}.action-button.danger:hover:not(:disabled){background:#c82333!important;background:var(--danger-color-hover)!important;filter:none!important}.action-button.danger:active:not(:disabled){background:#bd2130!important;background:var(--danger-color-active)!important;transform:translateY(1px)!important}.action-button.danger:disabled{background:#efa2a9!important;background:var(--danger-color-disabled-bg)!important;filter:none!important;opacity:.7!important}.action-button .icon-left{margin-right:8px}.confirmation-modal-overlay,.share-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1050}.confirmation-modal-content,.share-modal-content{background-color:#fff;background-color:var(--background-color-card);border-radius:12px;border-radius:var(--border-radius-large);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium);box-sizing:border-box;display:flex;flex-direction:column;max-width:450px;padding:25px 30px;width:100%}.share-modal-content{gap:18px;text-align:center}.share-modal-content h3{color:#212529;color:var(--text-color-primary);font-size:1.6em;font-weight:700;margin:0 0 5px}.share-modal-content p{color:#495057;color:var(--text-color-secondary);font-size:.95em;margin:0 0 10px}.qr-code-container{background-color:#fff;border-radius:4px;border-radius:var(--border-radius-small);margin:10px auto;padding:10px}.profile-link-container{align-items:center;background-color:#f4f6f8;background-color:var(--background-color-app);border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:8px;border-radius:var(--border-radius-medium);display:flex;gap:10px;padding:10px 12px}.profile-link-text{color:#212529;color:var(--text-color-primary);flex-grow:1;font-family:Courier New,Courier,monospace;font-size:.9em;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.copy-link-button{flex-shrink:0}.close-modal-button{background:#f4f6f8!important;background:var(--background-color-app)!important;border:1px solid #e9ecef!important;border:1px solid var(--border-color-light)!important;box-shadow:0 1px 3px #0000000f!important;box-shadow:var(--box-shadow-light)!important;color:#495057!important;color:var(--text-color-secondary)!important}.close-modal-button:hover:not(:disabled){background:#e2e6ea!important;color:#212529!important;color:var(--text-color-primary)!important}.confirmation-modal-content{gap:15px;text-align:center}.confirmation-modal-content h3{color:#212529;color:var(--text-color-primary);font-size:1.5em;font-weight:700;margin:0 0 5px}.confirmation-modal-content p{color:#495057;color:var(--text-color-secondary);font-size:.95em;line-height:1.6;margin:0 0 15px}.confirmation-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:10px;width:100%}.confirmation-modal-actions .action-button{flex-grow:1;max-width:180px;min-width:100px;width:auto!important}.confirmation-modal-actions .action-button.secondary{background:#f4f6f8!important;background:var(--background-color-app)!important;border:1px solid #ced4da!important;border:1px solid var(--border-color-medium)!important;color:#495057!important;color:var(--text-color-secondary)!important}.confirmation-modal-actions .action-button.secondary:hover:not(:disabled){background:#e9ecef!important;background:var(--border-color-light)!important;border-color:#495057!important;border-color:var(--text-color-secondary)!important;color:#212529!important;color:var(--text-color-primary)!important}@media (max-width:640px){.user-profile-container{margin-bottom:16px;margin-bottom:var(--main-area-bottom-padding-mobile,var(--spacing-m));padding:16px;padding:var(--card-internal-padding-mobile,var(--spacing-m))}.user-profile-top-bar{margin-bottom:16px;margin-bottom:var(--spacing-m);padding-bottom:8px;padding-bottom:var(--spacing-s)}.user-profile-top-bar h2{font-size:1.2em}.profile-picture-large{height:90px;width:90px}.profile-name{font-size:1.6em}.profile-stats-section{flex-wrap:wrap;gap:8px;gap:var(--spacing-s);margin-bottom:20px;margin-bottom:var(--spacing-l);padding:12px 5px}.stat-item{flex-basis:calc(50% - 8px);flex-basis:calc(50% - var(--spacing-s))}.confirmation-modal-actions,.profile-actions{flex-direction:column;margin-top:20px;margin-top:var(--spacing-l);padding-top:16px;padding-top:var(--spacing-m)}.action-button,.confirmation-modal-actions .action-button{max-width:none;min-width:0;min-width:auto;width:100%!important}.confirmation-modal-content,.share-modal-content{padding:20px;padding:var(--spacing-l)}.profile-link-container{align-items:stretch;flex-direction:column;gap:8px;gap:var(--spacing-s)}}.photo-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.photo-modal-content{background:var(--background-color-card);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-medium);color:var(--text-color-primary);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;padding:20px;position:relative}.photo-modal-close-btn{align-items:center;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:var(--border-radius-round);box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;line-height:0;overflow:hidden;padding:0;position:absolute;right:15px;top:15px;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px;z-index:1060}.photo-modal-close-btn svg{stroke-width:2.5px;fill:none;stroke:currentColor;height:22px;width:22px}.photo-modal-close-btn:hover{box-shadow:var(--box-shadow-medium);filter:brightness(1.15)}.photo-modal-close-btn:active{box-shadow:inset 0 1px 2px #00000026;filter:brightness(.95);transform:translateY(1px)}.photo-modal-nav-btn{align-items:center;background:#00000080;border:none;border-radius:var(--border-radius-small);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;z-index:5}.photo-modal-nav-btn.prev{left:10px}.photo-modal-nav-btn.next{right:10px}.photo-modal-nav-btn:hover{background:#000000b3}.photo-modal-nav-btn:disabled{cursor:not-allowed;opacity:.5}.photo-display-area{width:100%}.photo-full-image{display:block;height:100%;object-fit:cover;width:100%}.photo-info-area{border-top:1px solid var(--border-color-light);max-height:25vh;overflow-y:auto;padding:15px}.no-info-text,.photo-caption,.photo-location{align-items:center;color:var(--text-color-secondary);display:flex;font-size:.95em;gap:8px;margin-bottom:10px}.photo-caption{color:var(--text-color-primary);font-weight:500}.photo-edit-group{margin-bottom:15px}.photo-edit-group label{color:var(--text-color-primary);display:block;font-size:.9em;font-weight:700;margin-bottom:5px}.photo-edit-group input[type=text],.photo-edit-group textarea{background-color:var(--background-color-app);border:1px solid var(--border-color-medium);border-radius:var(--border-radius-small);color:var(--text-color-primary);font-family:inherit;font-size:.9em;padding:10px;width:calc(100% - 20px)}.photo-edit-group textarea{min-height:60px;resize:vertical}.photo-edit-group small{color:var(--text-color-light);display:block;font-size:.75em;margin-top:5px}.location-input-wrapper{align-items:center;display:flex;position:relative}.location-input-wrapper .input-icon{color:var(--text-color-secondary);left:10px;position:absolute}.location-input-wrapper input{padding-left:35px}.photo-actions,.photo-edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.photo-actions .action-button,.photo-edit-actions .action-button{align-items:center;border-radius:var(--border-radius-small);display:flex;font-size:.9em;gap:5px;padding:8px 15px}.delete-photo-button{justify-content:center;margin-top:15px;text-align:center;width:100%}.delete-photo-button.confirm-delete{background-color:var(--danger-color-active)!important}.delete-warning{color:var(--danger-color);font-size:.8em;margin-top:5px;text-align:center}.photo-edit-error{align-items:center;background-color:var(--danger-background-hover);border-radius:var(--border-radius-small);color:var(--danger-color);display:flex;font-size:.9em;gap:8px;margin-bottom:15px;padding:10px}.action-button .animate-spin{margin-right:5px}.action-button{background-color:var(--primary-color);border-radius:var(--border-radius-small);display:inline-flex;font-size:.95em;font-weight:600;gap:8px;transition:all .2s ease-in-out}.action-button.primary{background-color:var(--primary-color);color:#fff}.action-button.primary:hover:not(:disabled){background-color:var(--primary-gradient-end)}.action-button.secondary{background-color:var(--background-color-app);border:1px solid var(--border-color-medium);color:var(--text-color-primary)}.action-button.secondary:hover:not(:disabled){background-color:var(--border-color-light)}.action-button.danger{background-color:var(--danger-color);color:#fff}.action-button.danger:hover:not(:disabled){background-color:var(--danger-color-hover)}.action-button:disabled{filter:grayscale(50%);opacity:.6}@media (max-width:640px){.photo-modal-content{max-height:95vh;max-width:95vw;padding:15px}.photo-modal-nav-btn{font-size:.8em;padding:8px}.photo-info-area{max-height:none;padding:10px}.photo-actions,.photo-edit-actions{flex-direction:column;gap:8px}.action-button{width:100%}.photo-edit-group input[type=text],.photo-edit-group textarea{width:calc(100% - 20px)}}.report-modal-backdrop{align-items:center;animation:reportFadeIn .2s ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-color:#000000a6;display:flex;inset:0;justify-content:center;padding:15px;position:fixed;z-index:1100}.report-modal-content{animation:reportSlideIn .22s ease-out;background-color:var(--background-color-card);border:1px solid var(--border-color-light);border-radius:var(--border-radius-large);box-shadow:var(--box-shadow-medium);box-sizing:border-box;color:var(--text-color-primary);font-family:var(--primary-font);max-width:520px;padding:var(--spacing-xl);width:100%}.report-modal-header{align-items:center;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-l);padding-bottom:var(--spacing-m)}.report-modal-header h3{color:var(--text-color-primary);font-size:1.4em;font-weight:700;margin:0}.report-modal-close-btn{align-items:center;appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:var(--border-radius-round);box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:inline-flex;height:38px;justify-content:center;line-height:0;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px}.report-modal-close-btn svg{stroke:#fff;stroke-width:2.5px;height:20px;width:20px}.report-modal-close-btn:hover{box-shadow:var(--box-shadow-medium);filter:brightness(1.15)}.report-modal-close-btn:active{box-shadow:inset 0 1px 2px #00000026;filter:brightness(.95);transform:translateY(1px)}.report-modal-close-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.report-modal-body{margin-bottom:var(--spacing-l)}.report-modal-subtitle{color:var(--text-color-secondary);font-size:.98em;margin:0 0 var(--spacing-l) 0;text-align:center}.report-category-grid{grid-gap:var(--spacing-m);display:grid;gap:var(--spacing-m);grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--spacing-m)}@media (max-width:520px){.report-category-grid{grid-template-columns:1fr}}.category-button{align-items:center;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));border:none;border-radius:var(--border-radius-medium);box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:center;min-height:55px;padding:0 12px;position:relative;text-align:center;transition:transform .1s ease,filter .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.category-button:hover{box-shadow:var(--box-shadow-medium);filter:brightness(1.1);transform:translateY(-1px)}.category-button:active{filter:brightness(.95);transform:translateY(1px)}.category-button.selected{background:linear-gradient(135deg,var(--primary-gradient-end),var(--primary-gradient-start));box-shadow:0 0 0 2px #0090ff47,0 8px 22px #0090ff47}.category-check{color:#fff;opacity:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .12s ease}.category-button.selected .category-check{opacity:1}.reason-textarea{background-color:#fff;border:1px solid var(--border-color-medium);border-radius:var(--border-radius-medium);box-sizing:border-box;color:var(--text-color-primary);font-size:1rem;margin-top:var(--spacing-s);min-height:96px;padding:12px;resize:vertical;width:100%}.reason-textarea::placeholder{color:var(--text-color-light)}.report-modal-error{align-items:center;background-color:var(--danger-background-hover);border:1px solid var(--border-color-light);border-radius:var(--border-radius-medium);color:var(--danger-color);display:flex;font-size:.92rem;gap:8px;margin-top:var(--spacing-m);padding:10px 12px}.report-modal-footer{display:flex;justify-content:center;margin-top:var(--spacing-m)}.submit-report-button{align-items:center;background:linear-gradient(135deg,var(--danger-color),var(--danger-color-active));border:none;border-radius:var(--border-radius-pill);box-shadow:var(--button-shadow);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:800;gap:8px;justify-content:center;min-height:55px;transition:filter .15s ease,transform .1s ease,box-shadow .15s ease;width:100%}.submit-report-button:hover:not(:disabled){box-shadow:var(--box-shadow-medium);filter:brightness(1.07);transform:translateY(-1px)}.submit-report-button:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.submit-report-button:disabled{cursor:not-allowed;filter:grayscale(40%);opacity:.6}.spin{animation:spin 1s linear infinite}@keyframes reportFadeIn{0%{opacity:0}to{opacity:1}}@keyframes reportSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-page-container{box-sizing:border-box;width:100%}.settings-card{background-color:#fff;background-color:var(--background-color-card,#fff);border-radius:12px;border-radius:var(--border-radius-large,12px);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow-medium,0 4px 12px #0000001a);display:flex;flex-direction:column;margin-bottom:var(--main-area-bottom-padding-desktop,var(--spacing-l));margin-left:auto;margin-right:auto;margin-top:0;max-width:520px;max-width:var(--card-max-width,520px);overflow:hidden;padding:var(--card-internal-padding-desktop,var(--spacing-l))}.settings-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light,#e9ecef);display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--spacing-l,20px);padding-bottom:16px;padding-bottom:var(--spacing-m,16px)}.settings-back-btn{background:linear-gradient(135deg,var(--primary-gradient-end,#20ffa0),var(--primary-gradient-start,#0090ff));border-radius:var(--border-radius-round,50%);box-shadow:var(--box-shadow-light,0 1px 3px #0000001f);margin-right:12px;margin-right:var(--spacing-s,12px)}.settings-header h2{color:#343a40;color:var(--text-color-primary,#343a40);flex-grow:1;font-size:1.3em;font-weight:600;margin:0;text-align:center}.settings-user-info{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light,#e9ecef);cursor:pointer;display:flex;margin-left:calc(var(--card-internal-padding-desktop, var(--spacing-l))*-1);margin-right:calc(var(--card-internal-padding-desktop, var(--spacing-l))*-1);padding:var(--spacing-l,20px) var(--card-internal-padding-desktop,var(--spacing-l));transition:background-color .2s ease}.settings-user-avatar,.settings-user-info:hover{background-color:#f8f9fa;background-color:var(--background-color-app,#f8f9fa)}.settings-user-avatar{border:2px solid #dee2e6;border:2px solid var(--border-color-medium,#dee2e6);border-radius:50%;flex-shrink:0;height:60px;margin-right:15px;object-fit:cover;object-position:center;width:60px}.settings-user-details{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.settings-user-name{color:#212529;color:var(--text-color-primary,#212529);font-size:1.1em;font-weight:600;line-height:1.3}.settings-user-view-profile{color:#007bff;color:var(--primary-color,#007bff);font-size:.9em;line-height:1.3}.settings-section{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light,#e9ecef);padding:10px 0;padding:var(--spacing-s,10px) 0}.settings-section:last-of-type{border-bottom:none}.settings-section-title{color:#6c757d;color:var(--text-color-light,#6c757d);font-size:.8em;font-weight:600;letter-spacing:.05em;margin:10px 0 8px;margin:var(--spacing-s,10px) 0 var(--spacing-xs,8px) 0;padding-top:10px;padding-top:var(--spacing-s,10px);text-transform:uppercase}.settings-section:first-of-type .settings-section-title{padding-top:0}.settings-list{list-style:none;margin:0;padding:0}.settings-list li{align-items:center;box-sizing:border-box;color:#343a40;color:var(--text-color-primary,#343a40);cursor:pointer;display:flex;font-size:1em;justify-content:space-between;margin-left:calc(var(--card-internal-padding-desktop, var(--spacing-l))*-1);margin-right:calc(var(--card-internal-padding-desktop, var(--spacing-l))*-1);min-height:50px;padding-bottom:14px;padding-left:var(--card-internal-padding-desktop,var(--spacing-l));padding-right:var(--card-internal-padding-desktop,var(--spacing-l));padding-top:14px;transition:background-color .2s ease}.settings-list li:hover{background-color:#f1f3f5;background-color:var(--background-color-app,#f1f3f5)}.setting-icon{color:#495057;color:var(--icon-color-default,#495057);flex-shrink:0;margin-right:16px}.settings-list li>span:first-of-type{flex-grow:1;margin-right:10px}.setting-value{color:#495057;color:var(--text-color-secondary,#495057);font-size:.95em;margin-left:auto;text-align:right}.setting-chevron{color:#adb5bd;color:var(--icon-color-muted,#adb5bd);margin-left:10px}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ced4da;background-color:var(--border-color-medium,#ced4da);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0000001a;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#007bff;background-color:var(--primary-color,#007bff)}input:checked+.slider:before{transform:translateX(20px)}.settings-logout-section{border-top:1px solid #e9ecef;border-top:1px solid var(--border-color-light,#e9ecef);margin-top:10px;margin-top:var(--spacing-m,10px);padding:25px 0 8px;padding:var(--spacing-xl,25px) 0 var(--spacing-s,8px) 0;text-align:center}.settings-logout-button{align-items:center;background:#f8f9fa;background:var(--background-color-app,#f8f9fa);border:1px solid #dc3545;border:1px solid var(--danger-color,#dc3545);border-radius:8px;border-radius:var(--border-radius-medium,8px);color:#dc3545;color:var(--danger-color,#dc3545);cursor:pointer;display:inline-flex;font-size:.95em;font-weight:600;justify-content:center;min-width:160px;padding:12px 24px;transition:background-color .2s ease,color .2s ease;width:auto}.settings-logout-button:hover{background-color:#dc3545;background-color:var(--danger-color,#dc3545);color:#fff}.settings-logout-button .logout-icon{margin-right:8px}@media (max-width:768px){.settings-card{margin-bottom:var(--main-area-bottom-padding-mobile,var(--spacing-m));padding:var(--card-internal-padding-mobile,var(--spacing-m))}.settings-list li,.settings-user-info{margin-left:calc(var(--card-internal-padding-mobile, var(--spacing-m))*-1);margin-right:calc(var(--card-internal-padding-mobile, var(--spacing-m))*-1);padding-left:var(--card-internal-padding-mobile,var(--spacing-m));padding-right:var(--card-internal-padding-mobile,var(--spacing-m))}.settings-header{margin-bottom:var(--spacing-m);padding-bottom:var(--spacing-s)}}@media (max-width:480px){.settings-header h2{font-size:1.2em}.settings-list li{font-size:.95em;padding-bottom:12px;padding-top:12px}.settings-section-title{font-size:.75em}.setting-value{font-size:.9em}.settings-user-avatar{height:50px;width:50px}.settings-user-name{font-size:1em}.settings-logout-button{font-size:.9em;padding:10px 20px}}.modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideInUp .4s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:24px;text-align:center;width:90%}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:16px;margin-top:0}.modal-body{color:#4b5563;font-size:1rem;line-height:1.5;margin-bottom:24px}.modal-footer{display:flex;gap:16px;justify-content:center}.modal-button{align-items:center;border:1px solid #0000;border-radius:25px;box-shadow:0 1px 3px #0000000f;cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;justify-content:center;padding:12px 24px;transition:filter .2s ease,transform .1s ease,box-shadow .2s ease}.modal-button:hover:not(:disabled){box-shadow:0 3px 8px #00000014;filter:brightness(1.1)}.modal-button:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.cancel-button{background-color:#f4f6f8;border-color:#ced4da;color:#495057}.cancel-button:hover:not(:disabled){background-color:#e9ecef;border-color:#495057}.confirm-button{background:linear-gradient(135deg,#ff4d4d,#e60000);border:none;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compose-message-container{background-color:#f7f7f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100%;max-height:100vh;overflow:hidden}.compose-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:8px 12px}.compose-header-left,.compose-header-right{align-items:center;display:flex;flex-basis:65px;flex-shrink:0;height:50px}.compose-header-left{justify-content:flex-start;padding-left:4px}.compose-header-right{justify-content:flex-end;padding-right:4px}.compose-header-center{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 5px;min-width:0}.compose-header-title{color:#000;font-size:1.1rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.compose-cancel-button,.compose-send-button{align-items:center;border:none;border-radius:19px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;height:38px;justify-content:center;overflow:hidden;transition:filter .2s ease,box-shadow .2s ease,background-color .2s ease;white-space:nowrap}.compose-cancel-button:hover,.compose-send-button:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.compose-cancel-button:active,.compose-send-button:active:not(:disabled){box-shadow:none;filter:brightness(.95);transform:translateY(0)}.compose-cancel-button{background:linear-gradient(135deg,#ff6b6b,#d93a3a);padding:0;width:38px}.compose-send-button{font-size:.9rem;padding:0 20px;text-transform:uppercase}.compose-send-button:not(:disabled){background:linear-gradient(135deg,#81f7e5,#3da5f5);color:#fff}.compose-send-button:disabled{background-color:#e9ecef;background-image:none;box-shadow:none;color:#adb5bd;cursor:not-allowed;filter:none}.error-message.compose-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;color:#d32f2f;flex-shrink:0;font-size:.9em;margin:8px 16px 0;padding:8px 12px;text-align:center}.compose-recipient-section{align-items:flex-start;background-color:#fff;border-bottom:1px solid #eee;display:flex;flex-shrink:0;gap:8px;padding:10px 15px;position:relative}.compose-recipient-section label{color:#555;flex-shrink:0;font-weight:600;margin-right:5px;padding-top:8px}.recipient-input-wrapper{align-items:center;border:1px solid #ccc;border-radius:8px;cursor:text;display:flex;flex-grow:1;flex-wrap:wrap;gap:6px;min-height:38px;padding:5px 8px}.recipient-tag{align-items:center;background-color:#e0f7fa;border-radius:15px;color:#00796b;display:inline-flex;font-size:.9em;font-weight:500;max-width:calc(100% - 20px);overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.remove-recipient-button{align-items:center;background:none;border:none;color:#00796b;cursor:pointer;display:flex;margin-left:6px;opacity:.7;padding:0;transition:opacity .2s}.remove-recipient-button:hover{opacity:1}.recipient-search-input{background-color:initial;border:none;flex-grow:1;font-size:1em;min-width:100px;outline:none;padding:4px 0}.search-results-list{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 5px #0000001a;left:60px;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:15px;top:calc(100% - 1px);z-index:10}.search-result-item{border-bottom:1px solid #f5f5f5;cursor:pointer;padding:8px 12px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f0f0f0}.search-loading,.search-no-results{background-color:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#888;font-style:italic;left:60px;list-style:none;margin:0;padding:8px 12px;position:absolute;right:15px;top:calc(100% - 1px);z-index:10}.compose-content-spacer{background-color:#fff;flex-grow:1}.compose-image-preview-area{background-color:#f0f0f0;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;max-height:150px;overflow-y:auto;padding:8px 16px}.preview-image-container{flex-shrink:0;height:60px;position:relative;width:60px}.preview-image{border:1px solid #ccc;border-radius:4px;display:block;height:100%;object-fit:cover;width:100%}.remove-image-button{align-items:center;background-color:#0009;border:none;border-radius:50%;box-shadow:0 1px 2px #0003;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:-5px;top:-5px;transition:background-color .2s ease;width:20px;z-index:1}.remove-image-button:hover{background-color:#c80000cc}.compose-input-area{align-items:flex-end;background-color:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.compose-action-buttons{align-items:center;display:flex;gap:8px}.action-button{background:none;border-radius:50%;color:#007bff;padding:6px;transition:background-color .2s ease}.action-button:hover{background-color:#e9ecef}.compose-message-textarea-wrapper{align-items:center;display:flex;flex-grow:1;position:relative}.message-textarea{background-color:#fff;border:1px solid #ced4da;border-radius:18px;box-sizing:border-box;color:#212529;font-family:inherit;font-size:1rem;line-height:1.4;max-height:120px;min-height:38px;outline:none;overflow-y:auto;padding:8px 45px 8px 12px;resize:none;transition:border-color .2s ease,background-color .2s ease;width:100%}.message-textarea::placeholder{color:#adb5bd}.message-textarea.input-error{background-color:#fff5f5;border-color:#d8000c!important}.char-counter-display{align-self:center;color:#6c757d;font-size:.75rem;margin-left:-40px;padding-right:5px;pointer-events:none;white-space:nowrap;z-index:1}.char-counter-display.warning{color:#ffc107}.char-counter-display.error{color:#dc3545;font-weight:700}:root{--primary-font-edit:var(--font-family-base,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);--action-btn-gradient-start-green:#20ffa0;--action-btn-gradient-end-blue:#0090ff;--text-color-primary-edit:var(--text-color-primary,#212529);--text-color-secondary-edit:var(--text-color-secondary,#495057);--text-color-light-edit:var(--text-color-light,#6c757d);--background-color-app-edit:var(--background-color-app,#f4f6f8);--background-color-card-edit:var(--background-color-card,#fff);--border-color-light-edit:var(--border-color-light,#e9ecef);--border-color-medium-edit:var(--border-color-medium,#ced4da);--primary-color-edit:var(--primary-color,#007bff);--danger-color-edit:var(--danger-color,#dc3545);--danger-background-hover-edit:var(--danger-background-hover,#f8d7da);--spacing-xs-edit:var(--spacing-xs,4px);--spacing-s-edit:var(--spacing-s,8px);--spacing-m-edit:var(--spacing-m,16px);--spacing-l-edit:var(--spacing-l,20px);--spacing-xl-edit:var(--spacing-xl,24px);--border-radius-small-edit:var(--border-radius-small,4px);--border-radius-medium-edit:var(--border-radius-medium,8px);--border-radius-large-edit:var(--border-radius-large,12px);--border-radius-round-edit:var(--border-radius-round,50%);--box-shadow-light-edit:var(--box-shadow-light,0 1px 3px #0000000f);--box-shadow-medium-edit:var(--box-shadow-medium,0 3px 8px #00000014)}.edit-profile-page{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--primary-font-edit);width:100%}.edit-profile-card{background-color:#fff;background-color:var(--background-color-card-edit);border-radius:12px;border-radius:var(--border-radius-large-edit);box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium-edit);margin:0 auto 20px;margin-bottom:var(--main-area-bottom-padding-desktop,20px);max-width:600px;max-width:var(--card-max-width,600px);padding:24px;padding:var(--card-internal-padding-desktop,24px);width:100%}.edit-profile-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light-edit);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl-edit);padding-bottom:16px;padding-bottom:var(--spacing-m-edit)}.edit-profile-header h2{color:#212529;color:var(--text-color-primary-edit);flex-grow:1;font-size:1.8em;margin:0;text-align:center}.edit-profile-header-cancel-button{align-items:center;background:linear-gradient(135deg,#20ffa0,#0090ff);background:linear-gradient(135deg,var(--action-btn-gradient-start-green),var(--action-btn-gradient-end-blue));border:none;border-radius:50%;border-radius:var(--border-radius-round-edit);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-light-edit);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;line-height:0;overflow:hidden;padding:0;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px}.edit-profile-header-cancel-button:hover:not(:disabled){box-shadow:0 2px 6px #00000026;filter:brightness(1.15)}.edit-profile-header-cancel-button:active:not(:disabled){box-shadow:inset 0 1px 2px #0000001a;filter:brightness(.95);transform:translateY(1px)}.edit-profile-header-cancel-button:focus{outline:2px solid #007bff;outline:2px solid var(--primary-color-edit);outline-offset:2px}.edit-profile-header-cancel-button:disabled{background:#6c757d;background:var(--icon-color-muted,#6c757d);box-shadow:none;cursor:not-allowed;opacity:.6}.error-message-banner{align-items:center;background-color:#f8d7da;background-color:var(--danger-background-hover-edit);border:1px solid #dc3545;border:1px solid var(--danger-color-edit);border-radius:8px;border-radius:var(--border-radius-medium-edit);color:#dc3545;color:var(--danger-color-edit);display:flex;font-size:.9em;margin-bottom:20px;margin-bottom:var(--spacing-l-edit);padding:12px 15px}.form-section{margin-bottom:24px;margin-bottom:var(--spacing-xl-edit,28px)}.form-section-title{color:#495057;color:var(--text-color-secondary-edit);display:block;font-size:1.1em;font-weight:600;margin-bottom:16px;margin-bottom:var(--spacing-m-edit)}.avatar-section .avatar-editor{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-s-edit)}.avatar-current-preview{align-items:center;background-color:#f4f6f8;background-color:var(--background-color-app-edit);border:3px solid #ced4da;border:3px solid var(--border-color-medium-edit);border-radius:50%;cursor:pointer;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.avatar-current-preview .avatar-image{height:100%;object-fit:cover;width:100%}.avatar-current-preview .avatar-placeholder-icon{color:#adb5bd;color:var(--icon-color-muted,#adb5bd)}.avatar-edit-overlay{align-items:center;background-color:#00000080;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:.8em;justify-content:center;left:0;opacity:0;padding:8px 0;padding:var(--spacing-s-edit) 0;position:absolute;right:0;transition:opacity .2s ease-in-out}.avatar-current-preview:focus .avatar-edit-overlay,.avatar-current-preview:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay span{margin-top:4px;margin-top:var(--spacing-xs-edit)}.upload-indicator{align-items:center;color:#007bff;color:var(--primary-color-edit);display:flex;font-size:.85em;gap:6px}.form-group{margin-bottom:20px;margin-bottom:var(--spacing-l-edit)}.form-group label{color:#495057;color:var(--text-color-secondary-edit);display:block;font-size:.95em;font-weight:500;margin-bottom:8px;margin-bottom:var(--spacing-s-edit)}.form-group input[type=text],.form-group input[type=url],.form-group textarea{background-color:#fff;background-color:var(--background-color-card-edit);border:1px solid #ced4da;border:1px solid var(--border-color-medium-edit);border-radius:8px;border-radius:var(--border-radius-medium-edit);color:#212529;color:var(--text-color-primary-edit);font-size:1em;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus{border-color:#007bff;border-color:var(--primary-color-edit);box-shadow:0 0 0 .2rem #007bff40;outline:0}.form-group input[disabled],.form-group textarea[disabled]{background-color:#f4f6f8;background-color:var(--background-color-app-edit);opacity:.7}.char-counter{text-align:right}.char-counter,.input-hint{color:#6c757d;color:var(--text-color-light-edit);display:block;font-size:.8em;margin-top:4px;margin-top:var(--spacing-xs-edit)}.form-actions{display:flex;gap:16px;gap:var(--spacing-m-edit);justify-content:flex-end;margin-top:24px;margin-top:var(--spacing-xl-edit)}.cancel-form-button,.primary-action-button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-large-edit,25px);box-shadow:0 1px 3px #0000000f;box-shadow:var(--box-shadow-light-edit);cursor:pointer;display:inline-flex;font-size:1em;font-weight:600;gap:8px;gap:var(--spacing-s-edit);justify-content:center;padding:12px 24px;transition:filter .2s ease,transform .1s ease,box-shadow .2s ease}.cancel-form-button:hover:not(:disabled),.primary-action-button:hover:not(:disabled){box-shadow:0 3px 8px #00000014;box-shadow:var(--box-shadow-medium-edit);filter:brightness(1.1)}.cancel-form-button:active:not(:disabled),.primary-action-button:active:not(:disabled){filter:brightness(.95);transform:translateY(1px)}.cancel-form-button:disabled,.primary-action-button:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(50%);opacity:.65}.primary-action-button.save-button{background:linear-gradient(135deg,#20ffa0,#0090ff);background:linear-gradient(135deg,var(--action-btn-gradient-start-green),var(--action-btn-gradient-end-blue));color:#fff}.primary-action-button.save-button:disabled{background:linear-gradient(135deg,#a1b5ab,#9cb3c7)}.cancel-form-button{background-color:#f4f6f8;background-color:var(--background-color-app-edit);border:1px solid #ced4da;border:1px solid var(--border-color-medium-edit);box-shadow:none;color:#495057;color:var(--text-color-secondary-edit)}.cancel-form-button:hover:not(:disabled){background-color:#e9ecef;background-color:var(--border-color-light-edit);border-color:#495057;border-color:var(--text-color-secondary-edit)}.cancel-form-button:disabled{background-color:#e9ecef;background-color:var(--placeholder-background,#e9ecef);border-color:#e9ecef;border-color:var(--border-color-light-edit);color:#6c757d;color:var(--text-color-light-edit)}.edit-profile-page.loading-page{align-items:center;color:#6c757d;color:var(--text-color-light-edit);display:flex;flex-direction:column;font-size:1.2em;gap:16px;gap:var(--spacing-m-edit);justify-content:center}.spinner-icon{animation:spin 1s linear infinite}.button-spinner{margin-right:8px;margin-right:var(--spacing-s-edit)}@media (max-width:768px){.edit-profile-card{margin-bottom:var(--main-area-bottom-padding-mobile,var(--spacing-m));padding:var(--card-internal-padding-mobile,var(--spacing-m))}.edit-profile-header h2{font-size:1.5em}}@media (max-width:480px){.edit-profile-header{margin-bottom:20px;margin-bottom:var(--spacing-l-edit);padding-bottom:8px;padding-bottom:var(--spacing-s-edit)}.edit-profile-header h2{font-size:1.3em}.form-section-title{font-size:1em}.form-group input[type=text],.form-group input[type=url],.form-group textarea{font-size:.95em}.cancel-form-button,.primary-action-button{border-radius:8px;border-radius:var(--border-radius-medium-edit);font-size:.95em;padding:12px 18px}.form-actions{flex-direction:column;gap:8px;gap:var(--spacing-s-edit)}.cancel-form-button,.primary-action-button{width:100%}}.notifications-page-container{background-color:#fff;border-radius:16px;box-shadow:0 6px 20px #00000014;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:70px auto 40px;max-width:420px;padding:24px 26px}.notifications-page-header{align-items:stretch;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:column;margin-bottom:22px;padding-bottom:18px}.notifications-page-header h1{color:#2c3e50;font-size:1.65rem;font-weight:600;line-height:1.3;margin:0 0 12px;text-align:left;width:100%}.refresh-button{align-items:center;background-color:#20c997;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;transition:background-color .2s ease,box-shadow .2s ease,transform .1s ease;width:100%}.refresh-button:hover:not(:disabled){background-color:#1ba985;box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.refresh-button:active:not(:disabled){background-color:#178d70;box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.refresh-button:disabled{background-color:#a0d8c5;box-shadow:none;color:#f0f0f0;cursor:not-allowed}.refresh-button svg{color:#fff;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}.refresh-button:active:not(:disabled) svg{transform:rotate(270deg) scale(.9)}.loading-state,.no-notifications-placeholder{align-items:center;background-color:#fbfcfd;border:1px dashed #e0e0e0;border-radius:10px;color:#6c757d;display:flex;flex-direction:column;justify-content:center;min-height:220px;padding:40px 20px;text-align:center}.loading-state p,.no-notifications-placeholder h2,.no-notifications-placeholder p{margin-top:12px}.no-notifications-placeholder h2{color:#343a40;font-size:1.2rem;font-weight:500;margin-bottom:6px}.no-notifications-placeholder p{color:#5a6268;font-size:.875rem;line-height:1.5;max-width:280px}.placeholder-icon{color:#d1d8e0;margin-bottom:12px}.animate-spin-slow{animation:spin 1.5s linear infinite}.animate-spin-fast{animation:spin .8s linear infinite}.notifications-general-error{align-items:center;background-color:#fff4f4;border:1px solid #fcc;border-radius:8px;box-shadow:0 2px 4px #d630311a;color:#d63031;display:flex;gap:10px;margin-bottom:20px;padding:14px 18px}.notifications-general-error .error-icon{color:#d63031;flex-shrink:0}.notifications-general-error p{flex-grow:1;font-size:.875rem;font-weight:500;margin:0}.notifications-general-error .error-action-button{background-color:#d63031;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.notifications-general-error .error-action-button:hover{background-color:#b71c1c}.notifications-list-ul{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}.notification-list-item{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;padding:16px;transition:opacity .3s ease,box-shadow .2s ease,transform .2s ease}.notification-list-item:hover{box-shadow:0 4px 10px #00000012;transform:translateY(-2px)}.notification-list-item.item-processing{background-color:#f8f9fa;opacity:.7}.notification-list-item.item-error-state{border-left:4px solid #d63031;box-shadow:0 3px 7px #d630311a}.item-avatar-section{flex-shrink:0;margin-right:14px;padding-top:1px}.sender-avatar{border:2px solid #f8f9fa;border-radius:50%;height:40px;object-fit:cover;width:40px}.sender-avatar-placeholder{align-items:center;background-color:#f1f3f5;border:2px solid #e9ecef;border-radius:50%;color:#495057;display:flex;font-size:1.2rem;font-weight:500;height:40px;justify-content:center;width:40px}.item-content-section{display:flex;flex-direction:column;flex-grow:1;gap:2px;justify-content:center}.item-text{color:#212529;font-size:.9rem;line-height:1.4;margin:0}.item-text strong{color:#0056b3;font-weight:600}.item-timestamp{color:#6c757d;font-size:.7rem}.item-action-error{color:#d63031;font-size:.7rem;margin-top:3px}.item-actions-section{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.action-button{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #00000014;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:6px;justify-content:center;line-height:1.3;padding:10px 15px;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;width:100%}.action-button svg{color:#fff;height:14px;width:14px}.action-button:hover:not(:disabled){box-shadow:0 3px 6px #0000001f;transform:translateY(-1px)}.action-button:active:not(:disabled){box-shadow:0 1px 2px #0000000d;transform:translateY(0)}.action-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}.action-button:focus{outline:2px solid #17a2b8;outline-offset:2px}.accept-button{background-color:#20c997}.accept-button:hover:not(:disabled){background-color:#1ba985}.accept-button:active:not(:disabled){background-color:#178d70}.accept-button:disabled{background-color:#a0d8c5}.decline-button{background-color:#20c997}.decline-button:hover:not(:disabled){background-color:#1ba985}.decline-button:active:not(:disabled){background-color:#178d70}.decline-button:disabled{background-color:#a0d8c5}@media (min-width:600px){.notification-list-item{align-items:center}.item-actions-section{margin-left:16px;min-width:130px;width:auto}}@media (max-width:599px){.notifications-page-container{border-radius:12px;box-shadow:none;margin-top:70px;padding:16px}.notifications-page-header h1{font-size:1.25rem}.refresh-button{font-size:.8rem;padding:8px 12px}.item-text{font-size:.8rem}.notification-list-item{align-items:stretch;flex-direction:column;padding:12px}.item-avatar-section{display:flex;margin-bottom:8px;margin-right:0}.item-actions-section{margin-left:0;margin-top:12px;width:100%}}:root{--primary-font:"Inter",sans-serif;--primary-color:#007bff;--button-gradient-start:#00c6ff;--button-gradient-end:#00ffb2;--text-primary:#212529;--text-secondary:#6c757d;--text-light:#fff;--background-light:#fff;--background-grey:#f8f9fa;--border-color:#dee2e6;--error-color:#dc3545;--action-message-bg:#17a2b8;--action-profile-bg:#6f42c1;--action-add-friend-bg:#28a745;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 10px #00000014;--button-shadow:0 4px 12px #0000001a;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-round:50%}.friends-list-page-wrapper{align-items:center;background-color:#f8f9fa;background-color:var(--background-grey);min-height:100vh}.friends-list-page,.friends-list-page-wrapper{box-sizing:border-box;display:flex;flex-direction:column;padding:20px}.friends-list-page{background-color:#fff;background-color:var(--background-light);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 10px #00000014;box-shadow:var(--shadow-md);font-family:Inter,sans-serif;font-family:var(--primary-font);height:auto;max-height:calc(100vh - 80px);max-width:550px;min-height:0;width:100%}.friends-list-page.error-page,.friends-list-page.loading-page{align-items:center;gap:16px;height:auto;justify-content:center;min-height:300px;text-align:center}.friends-list-page.error-page p,.friends-list-page.loading-page span{color:#6c757d;color:var(--text-secondary);font-size:1.1em}.friends-list-page.error-page h3{color:#212529;color:var(--text-primary);font-size:1.5em;margin:0}.error-page-button,.find-friends-button{background:linear-gradient(90deg,#00c6ff,#00ffb2);background:linear-gradient(to right,var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 4px 12px #0000001a;box-shadow:var(--button-shadow);color:#fff!important;color:var(--text-light)!important;cursor:pointer;font-size:.95em;font-weight:700;margin-top:10px;padding:10px 20px;transition:opacity .2s ease,transform .1s ease}.error-page-button:hover,.find-friends-button:hover{opacity:.9}.error-page-button:active,.find-friends-button:active{transform:scale(.98)}.spinner-icon{color:#007bff;color:var(--primary-color)}.friends-list-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);display:flex;flex-shrink:0;margin-bottom:10px;padding-bottom:15px;width:100%}.back-button-flp{align-items:center;background:none;border:none;border-radius:50%;border-radius:var(--border-radius-round);color:#6c757d;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:38px;justify-content:center;margin-right:8px;padding:8px;transition:background-color .2s ease,color .2s ease;width:38px}.back-button-flp:hover{background-color:#f8f9fa;background-color:var(--background-grey);color:#212529;color:var(--text-primary)}.back-button-flp svg{stroke:currentColor;height:22px;width:22px}.friends-list-header h2{color:#212529;color:var(--text-primary);flex-grow:1;font-size:1.25em;font-weight:600;margin:0;text-align:center}.header-spacer{flex-shrink:0;height:1px;visibility:hidden;width:38px}.no-friends-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:25px;justify-content:center;min-height:150px;padding:40px 20px;text-align:center}.no-friends-message{color:#6c757d;color:var(--text-secondary);font-size:1.05em;line-height:1.6}.friends-list-items{flex-grow:1;list-style:none;margin:0;overflow-y:auto;padding:0}.friend-item{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);display:flex;padding:12px 0}.friend-item:last-child{border-bottom:none}.friend-avatar{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:50%;border-radius:var(--border-radius-round);cursor:pointer;height:44px;margin-right:12px;object-fit:cover;transition:opacity .2s ease;width:44px}.friend-avatar:hover{opacity:.8}.friend-info{align-items:center;cursor:pointer;display:flex;flex-grow:1;min-width:0}.friend-info:hover .friend-name{color:#007bff;color:var(--primary-color)}.friend-name{color:#212529;color:var(--text-primary);font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.friend-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto;padding-left:8px}.friend-action-button{align-items:center;background:linear-gradient(90deg,#00c6ff,#00ffb2);background:linear-gradient(to right,var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:50%;border-radius:var(--border-radius-round);box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-light);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:opacity .2s ease,transform .1s ease;width:36px}.friend-action-button svg{stroke:currentColor;fill:none;stroke-width:2px;height:18px;width:18px}.friend-action-button:hover{opacity:.85;transform:scale(1.05)}.friend-action-button.request-sent-button,.friend-action-button.sending-request-button{border:1px solid #e9ecef;border:1px solid var(--border-color-light);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:none;cursor:not-allowed;font-size:.7rem;height:32px;line-height:normal;min-width:60px;opacity:1;padding:0 8px;transform:none;width:auto}.friend-action-button.request-sent-button,.friend-action-button.request-sent-button:hover,.friend-action-button.sending-request-button,.friend-action-button.sending-request-button:hover{background:#f8f9fa;background:var(--background-grey);color:#6c757d;color:var(--text-secondary)}.friend-action-button.sending-request-button svg{stroke:#6c757d;stroke:var(--text-secondary)}.action-placeholder-text{align-items:center;color:#6c757d;color:var(--text-secondary);display:inline-flex;font-size:.85em;font-style:italic;height:36px;padding:0 10px}.animate-spin-fast{animation:spin .7s linear infinite}@media (min-width:768px){.friends-list-page-wrapper{padding:30px 20px}.friends-list-page{max-height:80vh;max-width:700px;padding:24px}.friends-list-header h2{font-size:1.4em}.friend-avatar{height:48px;width:48px}.friend-name{font-size:1.05rem}.friend-action-button{height:38px;width:38px}.friend-action-button svg{height:20px;width:20px}.friend-action-button.request-sent-button,.friend-action-button.sending-request-button{font-size:.75rem;height:34px;min-width:70px}}@media (max-width:639px){.friends-list-page-wrapper{padding:10px 0}.friends-list-page{border-radius:8px;border-radius:var(--border-radius-md);margin:10px auto;max-height:calc(100vh - 20px);padding:16px;width:calc(100% - 20px)}.friends-list-header h2{font-size:1.1em}.back-button-flp{height:36px;width:36px}.back-button-flp svg{height:20px;width:20px}.header-spacer{width:36px}.friend-item{padding:10px 0}.friend-avatar{height:40px;margin-right:10px;width:40px}.friend-name{font-size:.9rem}.friend-action-button{height:32px;width:32px}.friend-action-button svg{height:16px;width:16px}.friend-action-button.request-sent-button,.friend-action-button.sending-request-button{font-size:.65rem;height:30px;min-width:55px}.action-placeholder-text{font-size:.8em;height:32px}}.change-account-page-container{align-items:flex-start;background-color:#f0f2f5;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:60px 15px 30px}.change-account-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin-bottom:30px;margin-top:30px;max-width:480px;overflow:hidden;width:100%}.change-account-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:18px 20px}.settings-back-btn{background:linear-gradient(135deg,#20ffa0,#0090ff)}.settings-back-btn:hover{box-shadow:0 2px 6px #0000002e;filter:brightness(1.15)}.settings-back-btn:active{box-shadow:inset 0 1px 2px #00000026;filter:brightness(.95);transform:translateY(1px)}.change-account-header h2{color:#343a40;flex-grow:1;font-size:1.3em;font-weight:600;margin:0;text-align:center}.change-account-form{display:flex;flex-direction:column;gap:18px;padding:20px 25px 30px}.current-email-display{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;font-size:.95em;margin-bottom:10px;padding:10px 15px;text-align:center}.current-email-display strong{color:#212529}.input-group{display:flex;flex-direction:column}.input-group label{color:#495057;font-size:.9em;font-weight:500;margin-bottom:6px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:#adb5bd;left:12px;pointer-events:none;position:absolute}.input-with-icon input[type=email],.input-with-icon input[type=password],.input-with-icon input[type=text]{border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;color:#495057;font-size:1em;padding:10px 12px 10px 40px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-with-icon input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-note{color:#6c757d;font-size:.8em;margin-bottom:10px;margin-top:5px;text-align:center}.form-note.info-note{background-color:#e9ecef;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:.85em;line-height:1.4;padding:10px}.change-account-submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:500;margin-top:10px;padding:12px 20px;transition:background-color .2s ease,opacity .2s ease}.change-account-submit-btn:hover{background:linear-gradient(135deg,#0056b3,#003d80)}.change-account-submit-btn:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.7}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24}.error-message,.success-message{font-size:.9em;margin-bottom:15px;padding:10px 15px;text-align:center}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724}@media (max-width:600px){.change-account-page-container{padding-left:10px;padding-right:10px;padding-top:60px}.change-account-card{margin-top:20px;max-width:100%}.change-account-form{padding:20px}}@media (max-width:480px){.change-account-header h2{font-size:1.2em}}:root{--button-gradient-start:#00ffb2;--button-gradient-end:#00c6ff;--text-color-primary:#212529;--text-color-secondary:#6c757d;--text-color-light:#999;--background-color-page:#f0f2f5;--background-color-card:#fff;--border-color-light:#e9ecef;--border-color-medium:#dee2e6;--primary-action-color:#007bff;--primary-action-hover-color:#0056b3;--danger-color:#dc3545;--disabled-bg-color:#e9ecef;--disabled-text-color:#adb5bd;--border-radius-standard:8px;--border-radius-large:12px;--border-radius-circular:50%;--box-shadow-card:0 6px 20px #00000014}.blocked-users-page-container{align-items:flex-start;background-color:#f0f2f5;background-color:var(--background-color-page);box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px 15px}.blocked-users-card{background-color:#fff;background-color:var(--background-color-card);border-radius:12px;border-radius:var(--border-radius-large);box-shadow:0 6px 20px #00000014;box-shadow:var(--box-shadow-card);display:flex;flex-direction:column;margin:0 auto;max-width:550px;overflow:hidden;width:100%}.blocked-users-header{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);display:flex;justify-content:space-between;padding:16px 20px}.settings-back-btn{align-items:center;background:linear-gradient(135deg,#00ffb2,#00c6ff);background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:50%;border-radius:var(--border-radius-circular);box-shadow:0 1px 3px #0000001f;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;line-height:0;overflow:hidden;padding:0;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px}.settings-back-btn:hover:not(:disabled){box-shadow:0 2px 6px #0000002e;filter:brightness(1.15)}.settings-back-btn:active:not(:disabled){box-shadow:inset 0 1px 2px #00000026;filter:brightness(.95);transform:translateY(1px)}.settings-back-btn:disabled{cursor:not-allowed;filter:grayscale(50%);opacity:.6}.settings-back-btn svg{fill:currentColor;height:22px;width:22px}.blocked-users-header h2{color:#212529;color:var(--text-color-primary);flex-grow:1;font-size:1.3em;font-weight:600;margin:0;text-align:center}.full-card-message{align-items:center;color:#6c757d;color:var(--text-color-secondary);display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-height:200px;padding:40px 20px;text-align:center}.message-icon{height:40px;margin-bottom:16px;width:40px}.loading-state .message-icon.animate-spin{color:#007bff;color:var(--primary-action-color)}.error-state .message-icon.error-icon{color:#dc3545;color:var(--danger-color)}.empty-state .message-icon.empty-icon{color:#6c757d;color:var(--text-color-secondary);height:48px;width:48px}.full-card-message p{font-size:1em;line-height:1.5}.empty-state-subtext{color:#999;color:var(--text-color-light);font-size:.9em;margin-top:8px}.retry-button{background-color:#007bff;background-color:var(--primary-action-color);border:none;border-radius:8px;border-radius:var(--border-radius-standard);color:#fff;cursor:pointer;font-weight:500;margin-top:20px;padding:10px 20px;transition:background-color .2s ease}.retry-button:hover:not(:disabled){background-color:#0056b3;background-color:var(--primary-action-hover-color)}.retry-button:disabled{background-color:#e9ecef;background-color:var(--disabled-bg-color);color:#adb5bd;color:var(--disabled-text-color);cursor:not-allowed}.blocked-users-list{list-style:none;margin:0;padding:0}.blocked-user-item{align-items:center;border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border-color-light);display:flex;gap:12px;min-height:48px;padding:10px 15px;transition:background-color .15s ease-in-out}.blocked-user-item:last-child{border-bottom:none}.blocked-user-item:hover{background-color:#f8f9fa}.blocked-user-avatar{background-color:#e9ecef;background-color:var(--disabled-bg-color);border-radius:50%;border-radius:var(--border-radius-circular);flex-shrink:0;height:38px;object-fit:cover;width:38px}.blocked-user-name{color:#212529;color:var(--text-color-primary);flex-grow:1;font-size:.95em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unblock-button{align-items:center;background:linear-gradient(135deg,#00ffb2,#00c6ff);background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:8px;border-radius:var(--border-radius-standard);box-shadow:0 2px 4px #0096c826;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9em;font-weight:600;gap:6px;height:auto;justify-content:center;letter-spacing:.5px;line-height:1.2;max-width:120px;min-width:100px;padding:8px 20px;text-transform:uppercase;transition:filter .2s ease,transform .1s ease,box-shadow .2s ease}.unblock-button .icon-left{flex-shrink:0}.unblock-button:hover:not(:disabled){box-shadow:0 3px 6px #0096c840;filter:brightness(1.1);transform:translateY(-1px)}.unblock-button:active:not(:disabled){box-shadow:0 1px 2px #0096c826;filter:brightness(.95);transform:translateY(0)}.unblock-button:disabled{background:#e9ecef;background:var(--disabled-bg-color);box-shadow:none;color:#adb5bd;color:var(--disabled-text-color);cursor:not-allowed;filter:none;opacity:.7;transform:none}.unblock-button .animate-spin{animation:spin 1s linear infinite}@media (max-width:600px){.blocked-users-page-container{padding:15px 10px}.blocked-users-card{border-radius:8px;border-radius:var(--border-radius-standard);margin:0 auto}.blocked-users-header{padding:12px 15px}.blocked-users-header h2{font-size:1.2em}.blocked-user-item{gap:10px;padding:10px 12px}.blocked-user-avatar{height:32px;width:32px}.blocked-user-name{font-size:.9em}.unblock-button{font-size:.85em;gap:5px;max-width:110px;min-width:90px;padding:6px 16px}.full-card-message{min-height:150px;padding:30px 15px}.message-icon{height:32px;margin-bottom:12px;width:32px}.empty-state .message-icon.empty-icon{height:40px;width:40px}}.help-center-page-wrapper{align-items:center;background-color:var(--background-grey);display:flex;flex-direction:column;min-height:100vh;padding:20px 0}.help-center-container,.help-center-page-wrapper{box-sizing:border-box;font-family:var(--primary-font)}.help-center-container{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:20px auto;max-width:700px;overflow:hidden;padding:24px;position:relative;width:calc(100% - 40px)}.help-center-top-bar{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.help-center-top-bar h2{color:var(--text-primary);flex-grow:1;font-size:1.3em;font-weight:600;margin:0;text-align:center}.help-center-back-btn{align-items:center;background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));border:none;border-radius:50%;box-shadow:0 1px 3px #0000001f;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:38px;justify-content:center;padding:0;transition:filter .2s ease,box-shadow .2s ease,transform .1s ease;width:38px}.help-center-back-btn:hover:not(:disabled){box-shadow:0 2px 6px #0000002e;filter:brightness(1.15)}.help-center-back-btn:active:not(:disabled){box-shadow:inset 0 1px 2px #00000026;filter:brightness(.95);transform:translateY(1px)}.help-center-back-btn svg{height:22px;width:22px}.help-center-back-btn:disabled{background:var(--background-grey);box-shadow:none;color:var(--text-secondary);cursor:not-allowed;filter:none;transform:none}.help-search-bar-container{margin-bottom:10px;padding:0 0 20px}.help-search-bar{align-items:center;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:22px;box-shadow:var(--shadow-sm);display:flex;padding:6px 15px}.help-search-input{background-color:initial;border:none;color:var(--text-primary);flex-grow:1;font-size:.95rem;outline:none;padding:8px}.help-search-icon,.help-search-input::placeholder{color:var(--text-secondary)}.help-search-icon{margin-right:10px}.help-search-submit-btn{display:none}.help-no-results{color:var(--text-secondary);padding:30px 20px;text-align:center}.help-no-results svg{color:var(--text-secondary);margin-bottom:12px}.help-no-results p{color:var(--text-primary);font-size:1.05rem;font-weight:500;margin-bottom:6px}.help-no-results span{font-size:.85rem}.help-section{border-bottom:1px solid var(--border-color);padding:16px 0}.help-section:last-child{border-bottom:none;padding-bottom:0}.help-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.05em;font-weight:600;margin-bottom:16px;margin-top:0}.help-section-title-icon{color:var(--primary-color);flex-shrink:0;margin-right:10px}.faq-category{margin-bottom:16px}.faq-category:last-of-type{margin-bottom:0}.faq-category h4{color:var(--text-primary);font-size:1em;font-weight:600;margin-bottom:10px}.faq-item{background-color:var(--background-light);border-bottom:1px solid var(--border-color)}.faq-item:first-of-type{border-top:1px solid var(--border-color)}.faq-question{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95em;font-weight:500;justify-content:space-between;padding:12px 8px;text-align:left;transition:background-color .1s ease;width:100%}.faq-question:hover{background-color:var(--background-grey)}.faq-question-content{align-items:center;display:flex;gap:10px}.faq-icon{color:var(--primary-color);flex-shrink:0}.faq-answer{background-color:var(--background-grey);border-top:1px dashed var(--border-color);color:var(--text-secondary);font-size:.9em;line-height:1.6;padding:10px 10px 12px 40px}.faq-answer p{margin:0}.troubleshooting-item{background-color:var(--background-grey);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin-bottom:12px;padding:12px}.troubleshooting-item:last-of-type{margin-bottom:0}.troubleshooting-title-container{align-items:center;display:flex;gap:10px;margin-bottom:8px}.troubleshooting-icon{color:var(--danger-color)}.troubleshooting-item h4{color:var(--text-primary);font-size:1em;font-weight:600;margin:0}.troubleshooting-item ul{color:var(--text-secondary);font-size:.9em;list-style-type:disc;margin:0;padding-left:20px}.troubleshooting-item li{line-height:1.5;margin-bottom:6px}.contact-us-section p{color:var(--text-secondary);font-size:.95em;margin-bottom:12px}.contact-methods{display:flex;flex-direction:column;gap:10px}.contact-method{align-items:flex-start;background-color:var(--background-grey);border:1px solid var(--border-color);border-radius:var(--border-radius-md);display:flex;gap:12px;padding:12px}.contact-icon{color:var(--primary-color);flex-shrink:0;margin-top:3px}.contact-details strong{color:var(--text-primary);display:block;font-size:.95em;font-weight:600;margin-bottom:4px}.contact-details p{color:var(--text-secondary);font-size:.9em;line-height:1.5;margin:0}.contact-details a{color:var(--primary-color);font-weight:500;text-decoration:none}.contact-details a:hover{filter:brightness(.9);text-decoration:underline}@media (max-width:640px){.help-center-page-wrapper{padding:10px 0 0}.help-center-container{border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);margin:10px auto;min-height:0;min-height:auto;padding:16px;width:calc(100% - 24px)}.help-center-top-bar{margin-bottom:15px;padding-bottom:10px}.help-center-top-bar h2{font-size:1.2em}.help-search-bar-container{padding:0 0 16px}.help-section{padding:12px 0}.contact-details p,.contact-us-section p,.faq-answer,.faq-question,.help-search-input,.troubleshooting-item ul{font-size:.9rem}.faq-answer{padding:10px 10px 12px 40px}.help-no-results p{font-size:1rem}.help-no-results span{font-size:.8rem}}.verify-email-page-container{align-items:center;background-color:#f0f2f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-email-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:15px;max-width:450px;padding:40px;text-align:center;width:100%}.verify-email-card h2{color:#333;font-size:1.75rem;font-weight:600}.verify-email-card p{color:#555;font-size:1rem;line-height:1.5}.verify-email-card .text-green-500{color:#22c55e}.verify-email-card .text-red-500{color:#ef4444}.verify-email-card .text-blue-500{color:#3b82f6}.verify-email-card .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.verify-email-card button{background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:background-color .2s ease-in-out}.verify-email-card button:hover{background-color:#2563eb}
/*# sourceMappingURL=main.18920551.css.map*/