.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}:root{--theme-bg: #F2F0EF;--theme-text: #333;--theme-primary: #444;--theme-accent: #5dade2;--theme-card-bg: #ffffff;--theme-card-border: rgba(0, 0, 0, .08);--theme-nav-bg: #b0d9ef;--theme-nav-text: #333;--theme-button-bg: #5dade2;--theme-button-text: #ffffff;--theme-input-bg: #ffffff;--theme-optimistic-bg: #f7f7f7;--theme-post-border: rgba(0, 0, 0, .08);--text-secondary: #666;--text-subtle: #777;--text-error: #d32f2f;--border-comment-input-focus: #007AFF;--shadow-comment-input: 0 -2px 4px rgba(0, 0, 0, .05);--shadow-profile-card: 0 2px 5px rgba(0,0,0,.1);--bg-button-save: #27ae60;--bg-button-disabled: #95a5a6;--bg-notification-success: #d4edda;--color-notification-success: #155724;--bg-notification-error: #f8d7da;--color-notification-error: #721c24;--bg-connection-status: #e2e3e5;--color-connection-status: #495057;--bg-connection-status-error: #f8d7da;--color-connection-status-error: #721c24;--bg-connection-status-connecting: #fff3cd;--color-connection-status-connecting: #856404;--vip-gradient-start: #FFD700;--vip-gradient-end: #FFA500;--vip-text: #000;--vip-shadow: 0 2px 4px rgba(255, 215, 0, .3);--icon-button-active: rgba(0, 0, 0, .1);--toggle-slider-bg: #ccc;--toggle-slider-knob: white;--diagnostics-bg: rgba(0, 0, 0, .9);--diagnostics-text: #ffffff;--diagnostics-button-bg: #2196F3;--diagnostics-status-connected: #4CAF50;--diagnostics-status-connecting: #FF9800;--diagnostics-status-disconnected: #F44336;--bg-edit-button-overlay: #ffffff;--color-edit-button-icon: #333;--yarl__color_backdrop: rgba(18, 24, 33, .95);--yarl__color_button: #ffffff;--yarl__color_button_disabled: rgba(255, 255, 255, .5);--yarl__color_icon: var(--yarl__color_button);--yarl__slide_captions_container_background: rgba(18, 24, 33, .5)}.post-item,.quoted-post-container,.textarea-wrapper,.post-detail-page{--post-bg: var(---theme-post-bg, var(--theme-card-bg));--post-text: var(---theme-post-text, var(--theme-text));--post-author-text: var(---theme-post-author-text, var(--theme-text));--post-timestamp-text: var(---theme-post-timestamp-text, var(--text-subtle));--post-footer-text: var(---theme-post-footer-text, var(--text-secondary));--post-footer-border: var(---theme-post-footer-border, var(--theme-post-border))}body.dark-mode{--theme-bg: #121821;--theme-text: #e2e8f0;--theme-primary: #cbd5e1;--theme-accent: #3b82f6;--theme-card-bg: #1f2937;--theme-card-border: #374151;--theme-nav-bg: #1f2937;--theme-nav-text: #e2e8f0;--theme-button-bg: #3b82f6;--theme-button-text: #ffffff;--theme-input-bg: #1f2937;--theme-optimistic-bg: #2d3748;--theme-post-border: rgba(255, 255, 255, .1);--text-secondary: #a0aec0;--text-subtle: #718096;--text-error: #f87171;--border-comment-input-focus: #60a5fa;--shadow-comment-input: 0 -2px 8px rgba(0, 0, 0, .3);--shadow-profile-card: 0 2px 10px rgba(0,0,0,.3);--bg-button-save: #10b981;--bg-button-disabled: #4b5563;--bg-notification-success: #10b981;--color-notification-success: #f0fff4;--bg-notification-error: #ef4444;--color-notification-error: #fff5f5;--bg-connection-status: #4b5563;--color-connection-status: #d1d5db;--bg-connection-status-error: #ef4444;--color-connection-status-error: #fff5f5;--bg-connection-status-connecting: #fef3c7;--color-connection-status-connecting: #92400e;--vip-gradient-start: #FBBF24;--vip-gradient-end: #F59E0B;--vip-text: #1a202c;--vip-shadow: 0 2px 4px rgba(251, 191, 36, .2);--icon-button-active: rgba(255, 255, 255, .1);--toggle-slider-bg: #4b5563;--bg-edit-button-overlay: #4b5563;--color-edit-button-icon: #e2e8f0}.theme-card{position:relative;display:flex;flex-direction:column;padding:0;border-radius:12px;overflow:hidden;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg);transition:transform .2s ease,box-shadow .2s ease}.theme-card:active,body.dark-mode .theme-card:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.theme-card-preview-container{position:relative;width:100%;height:250px;overflow:hidden;background-color:var(--preview-bg, var(--theme-bg));cursor:grab}.theme-card-preview-container:active{cursor:grabbing}.theme-preview-slider{display:flex;height:100%;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.theme-preview-slide{flex:0 0 100%;width:100%;padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.mock-nav-bar{width:100%;height:28px;background-color:var(--preview-nav-bg, var(--theme-nav-bg));border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 8px;flex-shrink:0;font-size:10px;font-weight:600;color:var(--preview-nav-text, var(--theme-nav-text))}.mock-profile-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background-color:var(--preview-card-bg, var(--theme-card-bg));border-radius:12px;border:1px solid var(--preview-card-border, var(--theme-card-border));margin-top:24px}.mock-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--preview-accent, var(--theme-accent))}.mock-profile-card .mock-username{height:10px;width:80px;border-radius:5px;background-color:var(--preview-primary, var(--theme-primary))}.mock-profile-card .mock-dbusername{height:8px;width:60px;border-radius:4px;background-color:var(--preview-text, var(--theme-text));opacity:.6}.mock-action-buttons{display:flex;flex-direction:column;gap:6px;margin-top:8px;width:120px}.mock-action-button{height:24px;border-radius:6px;background-color:var(--preview-button-bg, var(--theme-button-bg))}.mock-post-item{width:100%;padding:10px;background-color:var(--preview-card-bg, var(--theme-card-bg));border:1px solid var(--preview-card-border, var(--theme-card-border));border-radius:8px;display:flex;flex-direction:column;gap:8px}.mock-post-header{display:flex;align-items:center;gap:8px}.mock-post-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--preview-accent, var(--theme-accent));flex-shrink:0}.mock-post-author-info .mock-username{height:8px;width:70px;border-radius:4px;background-color:var(--preview-primary, var(--theme-primary))}.mock-post-author-info .mock-timestamp{height:6px;width:40px;border-radius:3px;background-color:var(--preview-text, var(--theme-text));opacity:.5;margin-top:4px}.mock-post-content p{height:6px;border-radius:3px;background-color:var(--preview-text, var(--theme-text));opacity:.8;margin:4px 0 0}.mock-post-content p:last-child{width:70%}.mock-post-footer{margin-top:4px;height:1px;background-color:var(--preview-post-border, var(--theme-post-border))}.theme-preview-nav{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.theme-preview-dot{width:8px;height:8px;border-radius:50%;background-color:#0003;cursor:pointer;transition:background-color .2s}.theme-preview-dot.active{background-color:#0009}body.dark-mode .theme-preview-dot{background-color:#fff3}body.dark-mode .theme-preview-dot.active{background-color:#fff9}.theme-preview-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffb3;color:#333;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 1px 3px #0003;opacity:0;transition:opacity .2s ease}.theme-card-preview-container:hover .theme-preview-arrow{opacity:1}.theme-preview-arrow.left{left:8px}.theme-preview-arrow.right{right:8px}.theme-card-info-actions{padding:12px 16px;margin-top:auto;border-top:1px solid var(--theme-card-border)}.theme-card-header{margin-bottom:8px}.theme-card-header h3{margin:0;font-size:1.2em}.theme-card-header span{font-size:.9em;opacity:.8}.theme-card-actions button{width:100%;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;background-color:var(--theme-bg);color:var(--theme-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}*,*:before,*:after{box-sizing:border-box}#root{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-root{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}@supports (padding-top: env(safe-area-inset-top)){.app-root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yarl__root{z-index:2500!important}.yarl__button.yarl__zoom{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}.icon-button{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.notification-button .nav-icon,.search-nav-button .nav-icon{width:20px;height:20px}.icon-button:active{background-color:var(--icon-button-active)}.avatar-frame-container{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.avatar-frame-container .avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;position:relative;z-index:1;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.avatar-frame-container .frame-image{position:absolute;top:50%;left:50%;width:130%;height:130%;transform:translate(-50%,-50%);object-fit:contain;z-index:2;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.frame-picker-image{width:100%;height:100%;object-fit:cover;border-radius:8px;background-color:var(--theme-optimistic-bg)}.post-item-avatar,.comment-item-avatar{flex-shrink:0}.vip-badge{display:inline-flex;align-items:center;padding:2px 6px;margin-left:8px;background:linear-gradient(135deg,var(--vip-gradient-start) 0%,var(--vip-gradient-end) 100%);color:var(--vip-text);font-size:11px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--vip-shadow);position:relative;overflow:hidden;flex-shrink:0}.vip-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .5s ease}.vip-badge:hover:before{left:100%}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-slider-bg);transition:.4s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--toggle-slider-knob);transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--bg-button-save)}input:checked+.toggle-slider:before{transform:translate(22px)}.lazy-image-wrapper{position:relative;background-color:var(--bg-comment-item-optimistic);overflow:hidden;border-radius:8px;width:100%}.lazy-image-wrapper.cropped{position:relative}.lazy-image-placeholder,.lazy-image-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lazy-image-placeholder.visible,.lazy-image-error.visible{opacity:1}.lazy-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;will-change:opacity;transition:opacity .3s ease-in-out}.lazy-image.contain{object-fit:contain;background-color:var(--theme-optimistic-bg)}.feed-page .lazy-image{transition:opacity .4s ease-in-out}.lazy-image-wrapper:not(.cropped) .lazy-image{object-fit:contain}.lazy-image.loaded{opacity:1}.lazy-image-retry-button{margin-top:8px;padding:4px 12px;border:1px solid var(--text-secondary);background:transparent;color:var(--theme-text);border-radius:4px;cursor:pointer}.nav-container{position:relative;z-index:100}.nav-spacer{height:48px;flex-shrink:0;background:var(--bg-nav-spacer, var(--theme-nav-bg));position:relative;z-index:2}.nav-bar{height:48px;flex-shrink:0;background:var(--bg-nav, var(--theme-nav-bg));display:flex;align-items:center;justify-content:space-between;padding:0 15px;transform:translateY(0);position:relative;z-index:1;transition:none;border-bottom:1px solid var(--nav-separator-color, transparent)}.on-feed-page .nav-bar{transition:transform .3s cubic-bezier(.2,0,.4,1)}.nav-bar--hidden{transform:translateY(-100%)}.nav-bar-left,.nav-bar-right{display:flex;align-items:center;width:50px}.nav-bar-left{justify-content:flex-start}.nav-bar-right{justify-content:flex-end}.nav-bar-right.with-save{width:auto;min-width:50px}.settings-save-placeholder{width:70px;height:1px}.feed-title-button{background:none;border:none;padding:4px 0;margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--theme-text);cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity .2s}.feed-title-button:active{opacity:.6}.feed-title-button svg{width:18px;height:18px;color:var(--theme-accent);margin-top:1px}.nav-bar-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.25em;font-weight:800;letter-spacing:-.5px}.nav-title-separator{width:2px;height:18px;background-color:var(--theme-card-border);border-radius:1px;opacity:.8}.nav-icon-capsule{display:flex;align-items:center;justify-content:center;background-color:var(--bg-comment-item-optimistic);border:1px solid var(--theme-card-border);border-radius:999px;height:34px;min-width:52px;padding:0;cursor:pointer;color:var(--theme-text);transition:background-color .2s,transform .1s;border-width:1px;border-style:solid;font-size:inherit}.nav-icon-capsule:active{background-color:var(--icon-button-active);transform:scale(.95)}.nav-icon-capsule svg{width:20px;height:20px;color:var(--theme-text)}.nav-icon-capsule .notification-button{width:100%;height:100%;padding:0;background:transparent;border-radius:999px}.nav-icon-capsule .notification-button:active{background:transparent}.nav-icon-capsule .notification-badge{top:4px;right:10px;border-color:var(--bg-comment-item-optimistic)}.nav-icon{width:22px;height:22px;cursor:pointer;color:var(--color-nav-icon, var(--theme-nav-text))}.upload-progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#0000001a;z-index:100;pointer-events:none}body.dark-mode .upload-progress-bar-container{background-color:#ffffff1a}.upload-progress-bar{height:100%;background-color:var(--bg-button-save);transition:width .2s ease-out,background-color .3s ease;border-radius:0 2px 2px 0}.upload-progress-bar-container.error .upload-progress-bar{background-color:var(--text-error);width:100%!important}.page-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-content:not(.feed-page):not(.post-detail-page){overflow-y:auto;overflow-x:hidden}.notification-capsule-container{position:fixed;top:calc(28px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:2200;display:flex;justify-content:center;width:100%;pointer-events:none}.notification-capsule{padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:500;max-width:190px;max-height:40px;text-align:center;pointer-events:none;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .3s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1);min-height:1.2em;overflow:hidden;white-space:nowrap;position:relative}.notification-capsule-text{display:inline-block;white-space:nowrap}.notification-capsule.text-overflow .notification-capsule-text{animation:scroll-text-seamless 4s linear infinite;animation-delay:.5s;will-change:transform;padding-right:24px}.notification-capsule:not(.text-overflow) .notification-capsule-text{padding-left:0;animation:none}.notification-capsule.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.notification-capsule--success{background-color:var(--bg-notification-success);color:var(--color-notification-success)}.notification-capsule--error{background-color:var(--bg-notification-error);color:var(--color-notification-error)}.notification-button{position:relative}.notification-badge{position:absolute;top:4px;right:2px;background-color:#ef4444;color:#fff;border-radius:999px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--theme-nav-bg);transform:translate(30%,-30%);line-height:1;pointer-events:none}.new-posts-indicator-container{position:absolute;top:12px;left:50%;z-index:10;width:auto;animation:fadeInAndDown .4s cubic-bezier(.34,1.56,.64,1) forwards}.new-posts-indicator{display:flex;align-items:center;justify-content:center;padding:6px 16px 6px 10px;background-color:var(--theme-accent);color:var(--theme-button-text);border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;white-space:nowrap}.new-posts-indicator:active{transform:scale(.98);box-shadow:var(--shadow-profile-card)}.new-posts-avatars{display:flex;align-items:center;padding-right:4px}.new-posts-avatar-wrapper{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 2px var(--theme-accent)}.new-posts-avatar-wrapper+.new-posts-avatar-wrapper{margin-left:-12px}.new-posts-text{margin-left:8px;line-height:1}.connection-status{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;margin:10px;border-radius:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}.connection-status--connecting{background-color:var(--bg-connection-status-connecting);color:var(--color-connection-status-connecting)}.connection-status--disconnected,.connection-status--error{background-color:var(--bg-connection-status-error);color:var(--color-connection-status-error)}.connection-retry-button{padding:4px 12px;background-color:var(--color-connection-status-error);color:var(--bg-connection-status-error);border:none;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}body.dark-mode .connection-retry-button{background-color:#f8fafc;color:#991b1b}.connection-retry-button:hover{background-color:#000000b3}body.dark-mode .connection-retry-button:hover{background-color:#e2e8f0}.connection-retry-button:active{transform:scale(.95)}.connection-diagnostics{position:fixed;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;background-color:var(--diagnostics-bg);color:var(--diagnostics-text);padding:10px;border-radius:8px;font-size:12px;font-family:monospace;min-width:200px;z-index:10000;box-shadow:0 2px 10px #00000080}.connection-diagnostics__header{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.connection-diagnostics__details{margin-top:10px;border-top:1px solid #444;padding-top:10px}.connection-diagnostics__status{display:flex;align-items:center;gap:8px}.connection-diagnostics__status-dot{width:8px;height:8px;border-radius:50%}.connection-diagnostics__status-dot.pulsing{animation:pulse 1s infinite}.connection-diagnostics__status-dot--connected{background-color:var(--diagnostics-status-connected)}.connection-diagnostics__status-dot--connecting,.connection-diagnostics__status-dot--reconnecting{background-color:var(--diagnostics-status-connecting)}.connection-diagnostics__status-dot--disconnected,.connection-diagnostics__status-dot--error{background-color:var(--diagnostics-status-disconnected)}.connection-diagnostics__item{margin-bottom:5px}.connection-diagnostics__status-text--connected{color:var(--diagnostics-status-connected)}.connection-diagnostics__status-text--connecting{color:var(--diagnostics-status-connecting)}.connection-diagnostics__status-text--disconnected,.connection-diagnostics__status-text--error{color:var(--diagnostics-status-disconnected)}.connection-diagnostics__button{width:100%;padding:5px;margin-top:5px;background-color:var(--diagnostics-button-bg);color:var(--diagnostics-text);border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:filter .2s}.connection-diagnostics__button:hover{filter:brightness(.9)}.notifications-page{padding:0!important;background-color:var(--theme-bg);overflow-y:auto!important}.notification-group{margin-bottom:4px}.notification-group-header{padding:8px 16px 4px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--theme-bg);position:sticky;top:0;z-index:10}.notification-group-items{background-color:var(--theme-card-bg);border-radius:12px;margin:0 8px;overflow:hidden;box-shadow:var(--shadow-profile-card)}.notification-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:transparent;cursor:pointer;transition:background-color .2s;position:relative;border-bottom:1px solid var(--theme-card-border)}.notification-group-items .notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:color-mix(in srgb,var(--theme-accent) 10%,var(--theme-card-bg))}body.dark-mode .notification-item.unread{background-color:#2d3748}.notification-item:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.notification-icon-container{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:var(--text-secondary)}.notification-icon-container svg{width:20px;height:20px}.notification-item-avatar{flex-shrink:0}.notification-item-content{flex-grow:1;min-width:0}.notification-text-body{margin:0;font-size:15px;line-height:1.4;color:var(--text-secondary)}.notification-text-body strong{color:var(--theme-text);font-weight:700}.notification-post-snippet{opacity:.8;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-item-timestamp{font-size:12px;color:var(--text-subtle);margin-top:4px;display:block}.unread-dot{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;background-color:var(--theme-accent);border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.notifications-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:20px;height:100%}.empty-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--theme-card-bg);border-radius:50%;margin-bottom:12px}.empty-icon-wrapper .nav-icon{width:40px;height:40px;color:var(--text-subtle)}.notifications-page-empty h2{font-size:1.5em;font-weight:700;margin:0;color:var(--theme-text)}.notifications-page-empty p{color:var(--text-secondary);font-size:1em;max-width:300px;line-height:1.5;margin:0}.notifications-page-empty button,.load-more-button{margin-top:12px;background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:background-color .2s;align-self:center}.notifications-page-empty button:active,.load-more-button:active{filter:brightness(.9)}.load-more-button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed}.landing-page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding-top:16px!important;padding-left:16px!important;padding-right:16px!important}.landing-page-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;padding-bottom:10vh}.profile-card{display:flex;align-items:center;gap:12px;background-color:var(--theme-card-bg);padding:12px 16px;border-radius:999px;box-shadow:var(--shadow-profile-card);width:100%;max-width:250px}.profile-avatar{width:48px;height:48px;border-radius:50%;margin:0;flex-shrink:0;overflow:visible}.profile-info-container{flex-grow:1;min-width:0}.profile-name{display:flex;align-items:center;gap:4px;font-size:1.1em;font-weight:700;margin-bottom:0}.profile-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.profile-db-username{font-size:.9em;color:var(--text-secondary);margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:250px}.action-buttons button{background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:12px 20px;margin:0;border-radius:5px;cursor:pointer;font-size:1em;transition:filter .2s;width:100%;position:relative}.action-buttons button:active{filter:brightness(.9)}.action-button-decorated{margin-top:12px;margin-bottom:12px}.corner-tag{content:"";position:absolute;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;pointer-events:none;transition:transform .2s ease-in-out}.corner-tag.top-left{top:-12px;left:-12px}.corner-tag.top-right{top:-12px;right:-12px}.corner-tag.bottom-left{bottom:-8px;left:-24px}.corner-tag.bottom-right{bottom:-8px;right:-12px}.store-button .corner-tag.top-right{background-image:url(https://res.cloudinary.com/dgjr38cw1/image/upload/v1754238464/nnew_qs5z91.webp)}.action-button-decorated:hover .corner-tag{transform:scale(1.1)}.settings-page{display:flex;flex-direction:column;gap:8px;padding:0 0 16px}.my-posts-header-wrapper{padding:0;margin:-8px auto 24px;max-width:450px;width:100%;display:flex;flex-direction:column}.my-posts-header-wrapper .profile-header-info{padding:0 8px}.profile-header-details{display:flex;align-items:center;gap:12px;margin-top:-24px;position:relative;z-index:2;padding-left:8px}.profile-header-info{display:flex;flex-direction:column;min-width:0}.profile-header-name{font-size:1.1em;font-weight:700;color:var(--theme-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-header-dbusername{font-size:.9em;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-content-wrapper{width:100%;max-width:500px;padding-left:8px;padding-right:8px;box-sizing:border-box;padding-bottom:calc(var(--bottom-nav-height) + 0px + env(safe-area-inset-bottom))}.link-input-wrapper{position:relative;display:flex;align-items:center}.link-input-wrapper input{padding:10px 36px 10px 10px;border-radius:5px;border:1px solid var(--theme-card-border);background-color:var(--theme-input-bg);color:var(--theme-text);font-size:1em;width:100%;transition:border-color .2s ease;font-family:inherit}.link-input-wrapper input:focus{outline:none;border-color:var(--border-comment-input-focus)}.clear-link-button{position:absolute;right:4px;top:50%;transform:translateY(-50%);background-color:var(--bg-connection-status);color:var(--color-connection-status);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s,transform .1s}.clear-link-button:active{transform:translateY(-50%) scale(.9)}.profile-header-container{position:relative;height:150px;width:100%;background-size:cover;background-position:center;border-radius:0 0 12px 12px;margin-bottom:24px;flex-shrink:0}.settings-content-wrapper>.settings-group:first-child{margin-top:60px}@media (max-width: 480px){.profile-header-container{height:25vw;min-height:120px;max-height:180px}}.profile-header-container.default-header{background-color:var(--theme-accent)}.profile-header-avatar-wrapper{position:absolute;bottom:8px;left:8px;transform:translateY(40%);border:4px solid var(--theme-bg);border-radius:50%}.edit-button-overlay{position:absolute;background-color:var(--bg-edit-button-overlay);border:1px solid var(--theme-card-border);color:var(--color-edit-button-icon);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .1s}.edit-button-overlay:active{transform:scale(.95)}.edit-button-overlay.header{top:10px;right:10px}.edit-button-overlay.avatar{bottom:0;right:-12px;z-index:3}.edit-button-overlay svg{width:20px;height:20px}.settings-group{background-color:var(--theme-card-bg);padding:16px;border-radius:12px;width:100%;max-width:100%;margin:12px 0 0;box-sizing:border-box}@media (min-width: 481px){.settings-content-wrapper{max-width:450px;margin:0 auto}.profile-header-container{border-radius:12px}}.settings-group h3{margin-top:0;margin-bottom:12px;color:var(--theme-text);border-bottom:1px solid var(--theme-card-border);padding-bottom:10px;font-size:1.1em}.settings-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.settings-item>label{font-weight:500;color:var(--text-secondary);margin-bottom:0}.settings-page label{font-weight:700;margin-bottom:5px;display:block}.settings-page input[type=text],.settings-page textarea,.create-community-page input[type=text],.create-community-page textarea{padding:10px;border-radius:5px;border:1px solid var(--theme-card-border);background-color:var(--theme-input-bg);color:var(--theme-text);font-size:1em;width:100%;transition:border-color .2s ease;font-family:inherit}.settings-page textarea,.create-community-page textarea{resize:none;min-height:80px;max-height:150px;line-height:1.4;overflow-y:auto}.settings-page input[type=text]:focus,.settings-page textarea:focus,.create-community-page input[type=text]:focus,.create-community-page textarea:focus{outline:none;border-color:var(--border-comment-input-focus)}.bio-textarea-wrapper{position:relative;margin-top:15px}.bio-char-counter{position:absolute;bottom:8px;right:12px;font-size:12px;color:var(--text-subtle);pointer-events:none}.vip-only-label{font-size:.75em;color:var(--vip-gradient-start);font-weight:400;margin-left:8px}.settings-save-button{position:fixed;top:72px;right:15px;z-index:100;height:50px;display:flex;align-items:center;justify-content:center}.save-button-nav{background-color:var(--bg-button-save);color:#fff;border:none;padding:8px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;white-space:nowrap}.save-button-nav:active{filter:brightness(.9);transform:scale(.95)}.save-button-nav:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed;opacity:.7}.edit-profile-sheet{min-height:350px;max-height:80vh}.bottom-sheet-container.edit-profile-sheet{min-height:350px;max-height:500px;max-width:500px;margin:0 auto;width:100%;padding-top:20px}.bottom-sheet-header-title{font-size:1.1em;font-weight:600;color:var(--theme-text);text-align:center;margin-bottom:20px;padding:0 15px;flex-shrink:0}.edit-look-tabs{display:flex;gap:10px;margin:0 15px 15px;padding:4px;background-color:var(--bg-comment-item-optimistic);border-radius:8px;flex-shrink:0}.edit-look-tabs button{flex:1;padding:10px;border:none;background-color:transparent;color:var(--text-secondary);font-size:.9em;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .2s,color .2s}.edit-look-tabs button.active{background-color:var(--theme-card-bg);color:var(--theme-text)}.edit-look-content{flex-grow:1;overflow-y:auto;padding:0 15px 15px}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-grid-item{position:relative;aspect-ratio:1 / 1;border-radius:12px;cursor:pointer;border:3px solid transparent;transition:all .2s;padding:2px;display:flex;align-items:center;justify-content:center}.option-grid-item.selected{border-color:var(--theme-accent)}.option-grid-item .avatar-frame-container{border-radius:8px}.option-grid-item.locked{cursor:not-allowed;opacity:.7}.frame-lock-overlay.full{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;border-radius:12px}.edit-header-options{display:flex;flex-direction:column;gap:10px}.edit-header-options button{width:100%;padding:14px;border-radius:8px;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg);color:var(--theme-text);font-size:1em;font-weight:500;cursor:pointer;transition:background-color .2s}.edit-header-options button:disabled{opacity:.5;cursor:not-allowed}.edit-header-options button:disabled:active{background-color:var(--theme-card-bg)}.edit-header-options button:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.edit-header-options button.delete{color:var(--text-error)}.cropper-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;z-index:10001;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.cropper-modal-container{position:relative;width:90vw;height:60vh;background-color:#111}.cropper-controls{display:flex;align-items:center;gap:15px;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.cropper-close-button{position:absolute;top:100px;right:15px;width:36px;height:36px;background-color:#00000080;color:#fff;border:none;border-radius:50%;font-size:24px;font-weight:300;cursor:pointer;z-index:10002;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background-color .2s,transform .1s}.cropper-close-button:active{transform:scale(.95);background-color:#3c3c3ccc}.cropper-save-button{background-color:var(--bg-button-save);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:all .2s}.cropper-save-button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed}.cropper-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;z-index:10}.create-post-page{display:flex;flex-direction:column;gap:8px;padding:0 15px 15px!important}.create-post-page>*:first-child{margin-top:8px}.anonymous-post-toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;margin-top:8px}.anonymous-post-toggle-wrapper label{font-weight:500;color:var(--text-secondary);margin-bottom:0}.avatar-button.anonymous{cursor:default}.avatar-button.anonymous .avatar-image{filter:grayscale(30%)}.avatar-button.anonymous:active{opacity:1}.textarea-wrapper{position:relative;width:100%;display:flex;flex-direction:column;gap:8px;padding:15px 15px 50px;border-radius:8px;border:1px solid var(--post-footer-border, var(--theme-card-border));background:var(--post-bg, var(--theme-card-bg));transition:border-color .2s ease;min-height:150px}.create-post-page textarea{display:none}.create-post-editable{width:100%;min-height:60px;flex-grow:1;outline:none;font-size:1.1em;color:var(--post-text, var(--theme-text));line-height:1.5;word-break:break-word;white-space:pre-wrap;cursor:text;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;font-family:inherit}.create-post-editable.empty:not(:focus):before{content:attr(data-placeholder);color:var(--post-text, var(--theme-text));opacity:.6;pointer-events:none}.textarea-wrapper:focus-within{border-color:var(--border-comment-input-focus)}.inline-image-preview-container{position:relative;width:80px;height:80px;flex-shrink:0}.inline-image-preview{width:100%;height:100%;object-fit:cover;border-radius:8px;background-color:var(--bg-comment-item-optimistic)}.inline-image-preview-container .remove-image-button{top:4px;right:4px;width:28px;height:28px}.inline-image-preview-container .remove-image-button svg{width:16px;height:16px}.style-disabled-notice{padding:12px 16px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;margin-bottom:15px;text-align:center}.style-disabled-notice p{margin:0;font-size:.9em;color:var(--text-secondary)}.create-post-footer-actions{position:absolute;bottom:8px;right:8px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:2px}.image-upload-notice{font-size:11px;font-weight:500;color:var(--post-text, var(--theme-text));opacity:.6;white-space:nowrap;pointer-events:none;padding-right:4px}.create-post-footer-actions .image-upload-icon-button{position:static;bottom:auto;right:auto;padding:6px}.image-upload-icon-button{cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--post-text, var(--text-secondary));background-color:transparent;border:none;border-radius:50%;transition:background-color .2s}.image-upload-icon-button:hover,.image-upload-icon-button:active{background-color:var(--icon-button-active)}.image-upload-icon-button svg{width:24px;height:24px}.create-post-submit-button{background-color:var(--bg-button-save);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:600;align-self:stretch;transition:all .2s}.create-post-submit-button:active{filter:brightness(.9);transform:scale(.98)}.create-post-submit-button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed;transform:none;filter:none}.create-post-quoting-wrapper{margin-top:8px;width:100%}.quoting-indicator{display:flex;align-items:center;gap:8px;padding:0 4px;font-size:.9em;font-weight:500;color:var(--text-secondary)}.quoting-indicator svg{width:16px;height:16px;flex-shrink:0}.create-post-quoting-wrapper .quoted-post-container{border:1px solid var(--theme-card-border);border-radius:12px;cursor:default}.image-preview-container{display:none}.image-preview{display:block;width:100%;max-height:300px;object-fit:contain;background-color:var(--bg-comment-item-optimistic);pointer-events:none}.remove-image-button{position:absolute;top:10px;right:10px;width:32px;height:32px;background-color:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:background-color .2s,transform .1s;z-index:2;padding:0}.remove-image-button svg{width:18px;height:18px}.remove-image-button:hover{background-color:#000c}.remove-image-button:active{transform:scale(.9)}.feed-page{padding:0!important;height:100%;position:relative}.post-wrapper{max-width:450px;margin:0 auto;will-change:transform,opacity}@keyframes postPopIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.post-wrapper.animate-pop-in{animation:postPopIn .6s cubic-bezier(.16,1,.3,1) backwards}.post-item{width:100%;display:flex;flex-direction:column;padding:16px;position:relative;overflow:hidden;border-radius:12px;background:var(--post-bg, var(--theme-card-bg));color:var(--post-text, var(--theme-text));border:1.5px solid var(--theme-post-border);border-color:var(--post-footer-border, var(--theme-post-border));box-shadow:0 1px 3px #00000005;transform:translateZ(0);contain:layout style;transition:transform .1s ease-out,box-shadow .1s ease-out,background-color .2s ease,border-color .2s ease}.post-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 10%,transparent);opacity:0;transition:opacity .1s ease-out;pointer-events:none;z-index:0}.post-item>*{position:relative}.pin-icon{position:absolute;top:12px;right:16px;color:var(--text-secondary);opacity:.7;font-size:1rem;z-index:2}.post-actions{position:relative;z-index:3;display:flex;align-items:center;gap:4px;margin-right:-8px}.post-item--clickable:not(:has(button:active,.mention-link:active,.post-community-link:active,.quoted-post-container:active,.content-link:active)):active:before{opacity:1}.post-item--clickable:not(:has(button:active,.mention-link:active,.post-community-link:active)):active .post-item-footer{border-top-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 10%,var(--post-footer-border, var(--theme-post-border)))}.post-item-header{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:16px;flex-shrink:0}.post-author-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.post-author-line{display:flex;align-items:center}.post-author{font-weight:700;font-size:1em;color:var(--post-author-text, var(--theme-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-timestamp{font-size:.75em;color:var(--post-timestamp-text, var(--text-subtle));margin-top:2px}.post-content{font-size:1em;color:var(--post-text, var(--theme-text));line-height:1.5;word-break:break-word;margin:0;white-space:pre-wrap}.post-image-wrapper{margin:12px 0;border-radius:8px;overflow:hidden;max-width:100%}.post-image-wrapper.clickable{cursor:pointer}.post-image-wrapper.clickable:after{content:"";position:absolute;top:10px;right:10px;width:32px;height:32px;background-color:#00000080;border-radius:50%;opacity:0;transition:opacity .2s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607zM10.5 7.5v6m3-3h-6"/></svg>');background-size:20px 20px;background-position:center;background-repeat:no-repeat}.post-image-wrapper.clickable:hover:after{opacity:1}.post-item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid var(--post-footer-border, var(--theme-post-border))}.post-footer-left{display:flex;align-items:center;gap:24px}.like-button,.comment-count,.quote-button{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--post-footer-text, var(--text-secondary));background:none;border:none;padding:4px;cursor:pointer;transition:color .2s ease,transform .2s ease,background-color .2s ease,opacity .2s ease;border-radius:8px}.comment-count:disabled{cursor:default}.like-button:active:not(:disabled),.quote-button:active:not(:disabled){transform:scale(.9);transition:transform .1s ease}.like-button:active:not(:disabled){background-color:var(--icon-button-active);border-radius:8px}.like-button.liked:active:not(:disabled){transform:scale(.85)}.like-button{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--post-footer-text, var(--text-secondary));background:none;border:none;padding:4px;cursor:pointer;transition:color .2s ease,transform .2s ease,background-color .2s ease,opacity .2s ease;border-radius:8px}.like-button svg,.quote-button svg,.comment-count svg{width:18px;height:18px}.like-button.liked{color:#e0245e}.like-button.liked svg{color:#e0245e;animation:heart-pop .3s cubic-bezier(.215,.61,.355,1)}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.comment-count{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--post-footer-text, var(--text-secondary))}.comment-count svg{width:16px;height:16px}.post-detail-page{padding:0;height:100%;background:var(--bg-primary, var(--theme-bg))}.post-detail-content-wrapper{max-width:450px;margin:0 auto}.post-detail-item{padding:0}.post-detail-item .post-item{background-color:var(--post-bg, var(--theme-card-bg));border-radius:12px;max-width:100%;box-shadow:0 1px 3px #0000000d;cursor:default;pointer-events:auto}.post-comment-spacer{height:12px}.comment-item{padding:12px 16px 16px;position:relative;background:var(--bg-comment-item, var(--theme-card-bg));margin:0;transition:background-color .2s ease;border-left:1px solid var(--post-detail-comment-border, var(--theme-post-border));border-right:1px solid var(--post-detail-comment-border, var(--theme-post-border));border-top:1px solid var(--post-detail-comment-border, var(--theme-post-border))}.comment-item.menu-open{z-index:10}.comment-item.first-comment{border-top-left-radius:12px;border-top-right-radius:12px;padding-top:16px;box-shadow:0 -1px 3px #00000005;border-top:1px solid var(--post-detail-comment-border, var(--theme-post-border))}.comment-item.last-comment{border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding-bottom:16px;box-shadow:0 1px 3px #0000000d;border-bottom:1px solid var(--post-detail-comment-border, var(--theme-post-border))}.comment-item.first-comment.last-comment{border-radius:12px;border:1px solid var(--post-detail-comment-border, var(--theme-post-border));box-shadow:0 1px 3px #0000000d}.comment-author-line{display:flex;align-items:center}.comment-author{font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-post-author)}.comment-timestamp{font-size:12px;color:var(--post-detail-comment-timestamp-text, var(--text-secondary))}.comment-content-body .post-content{padding:0;font-size:16px;line-height:1.4;margin:0;word-break:break-word;white-space:pre-wrap;color:var(--theme-text)}.no-comments-text{text-align:center;padding:40px 20px;color:var(--text-primary, var(--text-secondary));font-size:.95em;background:var(--bg-comment-item, var(--theme-card-bg));margin:0;border-radius:12px;border:1px solid var(--post-footer-border, var(--theme-card-border));box-shadow:0 1px 3px #0000000d}.comment-input-outer-wrapper{flex-shrink:0;background:var(--bg-nav, var(--theme-card-bg));border-top:1px solid var(--nav-separator-color, var(--border-comment-input, var(--theme-post-border)))}.comment-editable-container{display:flex;flex-direction:column;gap:8px;flex-grow:1;min-width:0;padding:10px 0}.comment-image-preview-wrapper{position:relative;width:64px;height:64px;margin-left:44px;flex-shrink:0}.remove-comment-image-button svg{width:14px;height:14px}.comment-send-button{background:none;border:none;padding:8px;cursor:pointer;transition:opacity .2s,transform .1s,color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--post-detail-comment-actions-text, var(--text-secondary))}.comment-send-button:not(:disabled){color:var(--post-detail-comment-actions-text, var(--theme-accent))}.comment-send-button:disabled{opacity:.5;cursor:not-allowed}.comment-send-button:active:not(:disabled){transform:scale(.9)}.comment-send-button svg{width:24px;height:24px}.comment-image-button{background:none;border:none;padding:8px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--post-detail-comment-actions-text, var(--text-secondary))}.infinite-list-container,.post-detail-scroller{flex:1;min-height:0;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch;position:relative;will-change:scroll-position}.infinite-list-container{padding:8px 0;overscroll-behavior-y:contain}.post-detail-scroller{flex:1;min-height:0;overflow-y:auto;width:100%;-webkit-overflow-scrolling:touch;position:relative;padding:12px 0}.virtual-scroller{width:100%;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform}.virtual-item{position:absolute;top:0;left:0;width:100%;padding:4px 8px;contain:content;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.virtual-detail-item{position:absolute;top:0;left:0;width:100%;padding:0 8px;z-index:1}.virtual-detail-item:has(.menu-open){overflow:visible;z-index:20}.error-text{text-align:center;padding:20px;font-size:1.1em;color:var(--text-error)}.loading-text,.loading-indicator{text-align:center;padding:20px;color:var(--text-secondary);font-size:.9em}.virtual-item .loading-indicator{padding:8px 0;margin:0}.loading-screen,.error-screen,.error-boundary{display:flex;flex-direction:column;height:100vh;height:100dvh;align-items:center;justify-content:center;padding:20px;text-align:center}.nav-spacer-placeholder{height:76px;flex-shrink:0;width:100%}.error-boundary h2{margin-bottom:10px}.error-boundary p{margin-top:10px;color:var(--text-secondary);word-break:break-word}.error-boundary button{margin-top:20px;padding:10px 20px;cursor:pointer;background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;border-radius:5px;font-size:1em;transition:filter .2s}.error-boundary button:active{filter:brightness(.9)}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-tap-highlight-color:transparent}.image-viewer-container{position:relative;max-width:100%;max-height:100%;will-change:transform;touch-action:none;user-select:none;-webkit-user-select:none;transform-origin:center center}.image-viewer-image{max-width:100vw;max-height:100vh;object-fit:contain;display:block;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}.image-viewer-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:#ffffff1a;color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .2s}.image-viewer-close:active{background-color:#fff3}.image-viewer-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background-color:#000000b3;padding:10px 15px;border-radius:25px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;max-width:90%}.zoom-button{width:36px;height:36px;border:none;background-color:#ffffff1a;color:#fff;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;flex-shrink:0}.zoom-button:active{background-color:#fff3}.zoom-slider{width:120px;height:4px;background:#fff3;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;cursor:pointer}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d}.zoom-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0000004d;border:none}.zoom-level{color:#fff;font-size:14px;min-width:45px;text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeInAndDown{0%{opacity:0;transform:translateY(-20px) translate(-50%) scale(.9)}to{opacity:1;transform:translateY(0) translate(-50%) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.post-image{max-height:300px}.image-preview{max-height:200px}.zoom-slider{width:100px}.image-viewer-controls{gap:8px;padding:8px 12px}}@media (hover: none){.post-image-wrapper.clickable:after{display:none}}@supports (padding-top: env(safe-area-inset-top)){.image-viewer-close{top:calc(20px + env(safe-area-inset-top))}.image-viewer-controls{bottom:calc(20px + env(safe-area-inset-bottom))}}.comment-actions{position:relative;margin-left:auto}.kebab-button{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.kebab-button:active:not(:disabled),.kebab-button.active{background-color:var(--icon-button-active)}.kebab-button:disabled{opacity:.5;cursor:not-allowed}.kebab-button svg{width:16px;height:16px;fill:var(--post-footer-text, var(--text-secondary))}.comment-item .kebab-button svg{fill:var(--post-detail-comment-actions-text, var(--text-secondary))}.comment-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:100;min-width:120px;overflow:hidden}.comment-menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--theme-text);transition:background-color .2s}.comment-menu-item:active:not(:disabled){background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.comment-menu-item.delete{color:var(--text-error)}.comment-menu-item:disabled{opacity:.5;cursor:not-allowed}.comment-item.deleting{opacity:.6;pointer-events:none}.comment-item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.comment-author-info{flex:1;min-width:0}.post-actions,.comment-actions{position:relative;margin-left:auto}.comment-item .comment-actions{margin-right:-8px}.comment-item .post-content{color:var(--text-primary);padding-left:48px;padding-right:36px;margin:0}.post-menu,.comment-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;z-index:100;min-width:120px;overflow:hidden}.post-menu-item,.comment-menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--theme-text);transition:background-color .2s}.post-menu-item:active:not(:disabled),.comment-menu-item:active:not(:disabled){background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.post-menu-item.delete,.comment-menu-item.delete{color:var(--text-error)}.post-menu-item:disabled,.comment-menu-item:disabled{opacity:.5;cursor:not-allowed}.post-item.deleting,.comment-item.deleting{opacity:.6;pointer-events:none}.my-posts-empty{display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;padding:40px 20px}.empty-state p{color:var(--text-secondary);font-size:1.1em;margin-bottom:20px}.empty-state button{background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1em;font-weight:600;transition:filter .2s}.empty-state button:active{filter:brightness(.9)}.post-color-picker{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--theme-card-bg);border-radius:12px;margin-bottom:15px}.color-picker-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.color-options{display:flex;gap:8px}.color-option{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.color-option:hover:not(:disabled){transform:scale(1.1)}.color-option:disabled{opacity:.5;cursor:not-allowed}.color-option.selected{border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 20%,transparent)}.color-option .lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .2s}.option-grid-item.inaccessible{cursor:not-allowed}.option-grid-item.inaccessible .avatar-frame-container,.option-grid-item.inaccessible .frame-picker-image{filter:grayscale(1);opacity:.6}.frame-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:8px;pointer-events:none}.frame-lock-overlay .lock-icon{width:24px;height:24px}.color-option.locked .lock-overlay{opacity:1}.color-option .lock-overlay .lock-icon{width:14px;height:14px}.color-option.color-default{background:linear-gradient(135deg,var(--theme-card-bg) 50%,var(--theme-bg) 50%);border-color:var(--theme-card-border)}.color-option.color-soft-green{background-color:var(--post-style-green-bg);border:2px solid var(--post-style-green-border)}.color-option.color-soft-red{background-color:var(--post-style-red-bg);border:2px solid var(--post-style-red-border)}.color-option.color-soft-purple{background-color:var(--post-style-purple-bg);border:2px solid var(--post-style-purple-border)}.color-option.color-soft-white{background-color:var(--post-style-white-bg);border:2px solid var(--post-style-white-border)}.post-item.post-style-soft-green,.textarea-wrapper.post-style-soft-green textarea{background-color:var(--post-style-green-bg);color:var(--post-style-green-text)}.post-item.post-style-soft-green .post-content,.post-item.post-style-soft-green .post-author,.post-item.post-style-soft-green .post-timestamp,.post-item.post-style-soft-green .comment-count,.textarea-wrapper.post-style-soft-green .image-upload-icon-button{color:var(--post-style-green-text)}.post-item.post-style-soft-green .post-item-footer{border-top-color:var(--post-style-green-footer)}.textarea-wrapper.post-style-soft-green textarea{border-color:var(--post-style-green-border)}.textarea-wrapper.post-style-soft-green textarea::placeholder{color:var(--post-style-green-text);opacity:.6}.post-item.post-style-soft-red,.textarea-wrapper.post-style-soft-red textarea{background-color:var(--post-style-red-bg);color:var(--post-style-red-text)}.post-item.post-style-soft-red .post-content,.post-item.post-style-soft-red .post-author,.post-item.post-style-soft-red .post-timestamp,.post-item.post-style-soft-red .comment-count,.textarea-wrapper.post-style-soft-red .image-upload-icon-button{color:var(--post-style-red-text)}.post-item.post-style-soft-red .post-item-footer{border-top-color:var(--post-style-red-footer)}.textarea-wrapper.post-style-soft-red textarea{border-color:var(--post-style-red-border)}.textarea-wrapper.post-style-soft-red textarea::placeholder{color:var(--post-style-red-text);opacity:.6}.post-item.post-style-soft-purple,.textarea-wrapper.post-style-soft-purple textarea{background-color:var(--post-style-purple-bg);color:var(--post-style-purple-text)}.post-item.post-style-soft-purple .post-content,.post-item.post-style-soft-purple .post-author,.post-item.post-style-soft-purple .post-timestamp,.post-item.post-style-soft-purple .comment-count,.textarea-wrapper.post-style-soft-purple .image-upload-icon-button{color:var(--post-style-purple-text)}.post-item.post-style-soft-purple .post-item-footer{border-top-color:var(--post-style-purple-footer)}.textarea-wrapper.post-style-soft-purple textarea{border-color:var(--post-style-purple-border)}.textarea-wrapper.post-style-soft-purple textarea::placeholder{color:var(--post-style-purple-text);opacity:.6}.post-item.post-style-soft-white,.textarea-wrapper.post-style-soft-white textarea{background-color:var(--post-style-white-bg);color:var(--post-style-white-text)}.post-item.post-style-soft-white .post-content,.post-item.post-style-soft-white .post-author,.post-item.post-style-soft-white .post-timestamp,.post-item.post-style-soft-white .comment-count,.textarea-wrapper.post-style-soft-white .image-upload-icon-button{color:var(--post-style-white-text)}.post-item.post-style-soft-white .post-item-footer{border-top-color:var(--post-style-white-footer)}.textarea-wrapper.post-style-soft-white textarea{border-color:var(--post-style-white-border)}.textarea-wrapper.post-style-soft-white textarea::placeholder{color:var(--post-style-white-text);opacity:.6}.banned-user-banner{position:absolute;top:50px;left:0;right:0;background-color:var(--bg-notification-error);color:var(--color-notification-error);text-align:center;padding:8px 12px;font-size:.9rem;font-weight:500;width:100%;box-sizing:border-box;z-index:999}.post-detail-item .post-image-wrapper.clickable:active{opacity:.9;transition:opacity .1s ease-out}@keyframes scroll-text-seamless{0%{transform:translate(0)}to{transform:translate(-50%)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.loading-bears{display:flex;gap:8px;align-items:center;justify-content:center}.loading-bear{opacity:0;transform:scale(.8);transition:opacity .3s ease,transform .3s ease}.loading-bear.visible{opacity:1;transform:scale(1);animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}.beta-notice{margin-top:20px;padding:16px;background-color:var(--theme-card-bg);border-radius:10px;box-shadow:var(--shadow-profile-card);text-align:left;max-width:300px;width:100%}.beta-badge{display:block;width:fit-content;margin:0 auto 12px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:1px}.beta-notice p{margin:8px 0;font-size:14px;color:var(--text-secondary);line-height:1.4}.admin-link{color:var(--theme-accent);font-weight:600;cursor:pointer;text-decoration:underline;transition:opacity .2s}.admin-link:hover{opacity:.8}.admin-link:active{opacity:.6}.event-page .clickable-text{color:#5dade2;font-weight:600;cursor:pointer;text-decoration:underline;transition:opacity .2s}.event-page .clickable-text:active{opacity:.7}.settings-item-description{font-size:13px;font-weight:400;color:var(--text-secondary);margin-top:12px;line-height:1.4;padding-right:16px}.avatar-button{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.avatar-button:active{opacity:.8}@media (max-width: 480px){.bottom-sheet-container.edit-profile-sheet{max-height:70vh}}.bottom-sheet-scroll-container::-webkit-scrollbar-track{background:transparent}.bottom-sheet-scroll-container::-webkit-scrollbar-thumb{background-color:var(--text-subtle);border-radius:10px;border:3px solid transparent;background-clip:content-box}@media (max-width: 480px){.bottom-sheet-header-image{height:30vw;min-height:120px;max-height:160px}}.bottom-sheet-header-avatar{position:absolute;bottom:-36px;left:16px;border:4px solid var(--theme-bg);border-radius:50%;background-color:var(--theme-bg)}.bottom-sheet-content-wrapper{padding:16px;padding-top:36px!important;padding-bottom:16px;display:flex;flex-direction:column}.bottom-sheet-username{font-size:1.1em;font-weight:700;color:var(--theme-text);word-break:break-all;display:flex;align-items:center;gap:8px}.bottom-sheet-db-username{font-size:.9em;color:var(--text-secondary)}.copy-dbusername-button{background:none;border:none;padding:2px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s ease-in-out}.copy-dbusername-button:active{color:var(--theme-text)}.bottom-sheet-bio-container{background-color:var(--sheet-container-bg, var(--theme-card-bg));border:1px solid var(--theme-card-border);border-radius:12px;padding:16px;margin-top:0;display:flex;flex-direction:column;gap:8px}.view-posts-button-sheet{background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:filter .2s,transform .1s;flex-shrink:0;white-space:nowrap}.bottom-sheet-bio-container::-webkit-scrollbar{width:10px}.bottom-sheet-bio-container::-webkit-scrollbar-track{background:transparent}.bottom-sheet-bio-container::-webkit-scrollbar-thumb{background-color:var(--text-subtle);border-radius:10px;border:3px solid transparent;background-clip:content-box}.bottom-sheet-final-action{margin-top:24px}.bottom-sheet-final-action button{width:100%;background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:14px 20px;border-radius:10px;cursor:pointer;font-size:1em;font-weight:600;transition:filter .2s,transform .1s}.bottom-sheet-final-action button:active{filter:brightness(.9);transform:scale(.98)}.bottom-sheet-final-action button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed;filter:none}.bottom-sheet-actions button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed;filter:none}.notification-badge.pulse{animation:pulse-notification .6s ease-out}@keyframes pulse-notification{0%{transform:scale(1);box-shadow:0 0 #ff3b30b3}50%{transform:scale(1.2);box-shadow:0 0 0 10px #ff3b3000}to{transform:scale(1);box-shadow:0 0 #ff3b3000}}.back-button-with-badge{position:relative}.back-button-badge{position:absolute;top:-4px;right:-4px;background-color:#ff3b30;color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:flex;align-items:center;justify-content:center}.comment-as-header .comment-item{background-color:var(--bg-comment-item, var(--theme-card-bg));border:none;border-radius:12px;box-shadow:0 1px 3px #0000000d}.comment-as-header .comment-item-footer{display:none}.replies-content-wrapper{max-width:450px;width:100%;padding:0 8px;margin:0 auto;display:flex;flex-direction:column;gap:0}.reply-count{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--post-detail-comment-actions-text, var(--text-secondary));background:none;border:none;padding:4px 8px;border-radius:16px;cursor:pointer;transition:background-color .2s}.reply-count:active{background-color:var(--icon-button-active)}.reply-count svg{width:16px;height:16px}body.keyboard-compatible-layout .bottom-nav{padding-bottom:calc(24px + env(safe-area-inset-bottom));height:calc(var(--bottom-nav-height) + 24px + env(safe-area-inset-bottom));transition:height .2s ease,padding-bottom .2s ease}body.keyboard-compatible-layout .nav-spacer,body.keyboard-compatible-layout .nav-bar{height:40px;transition:height .2s ease}body.keyboard-compatible-layout .comment-input-outer-wrapper,body.keyboard-compatible-layout .chat-input-wrapper-container,body.keyboard-compatible-layout .status-detail-footer-wrapper .comment-input-wrapper{padding-bottom:calc(24px + env(safe-area-inset-bottom));transition:padding-bottom .2s ease}body.keyboard-compatible-layout .infinite-list-container,body.keyboard-compatible-layout .search-results-scroll-container,body.keyboard-compatible-layout .post-detail-scroller,body.keyboard-compatible-layout .chat-messages-area,body.keyboard-compatible-layout .store-landing-page,body.keyboard-compatible-layout .vip-page,body.keyboard-compatible-layout .communities-list,body.keyboard-compatible-layout .settings-content-wrapper,body.keyboard-compatible-layout .inbox-list{padding-bottom:calc(var(--bottom-nav-height) + 44px + env(safe-area-inset-bottom))!important}body.keyboard-compatible-layout .hide-bottom-nav .chat-messages-area,body.keyboard-compatible-layout .hide-bottom-nav .page-content,body.keyboard-compatible-layout .hide-bottom-nav .post-detail-scroller,body.keyboard-compatible-layout .hide-bottom-nav .infinite-list-container{padding-bottom:24px!important}.lazy-image-spinner{width:24px;height:24px;border:4px solid var(--text-subtle);border-top-color:var(--theme-text);border-radius:50%;animation:spin 1s linear infinite;opacity:.5}.post-deleted-placeholder{display:flex;align-items:center;justify-content:center;flex-grow:1}.profile-sheet-refresh-spinner{width:16px;height:16px;border:2px solid var(--text-subtle);border-top-color:var(--theme-text);border-radius:50%;animation:spin .8s linear infinite}.notification-item.post-deleted{cursor:default;opacity:.6}.notification-item.post-deleted:active{background-color:transparent}.content-emoji-wrapper{display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom;height:1.4em;width:1.4em;margin:0;position:relative}.content-emoji-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content-emoji-wrapper.generic-placeholder{background-color:var(--bg-comment-item-optimistic);border-radius:4px;animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.content-emoji-placeholder,.content-emoji{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.content-emoji{opacity:0;transition:opacity .3s ease}.content-emoji.loaded{opacity:1}.emoji-suggestion-popup{position:absolute;bottom:100%;left:10px;margin-bottom:8px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;z-index:100;padding:8px;display:flex;gap:8px;max-width:calc(100% - 20px);overflow-x:auto;scrollbar-width:none;animation:fadeInAndUp .2s cubic-bezier(.25,.8,.25,1)}.emoji-suggestion-popup::-webkit-scrollbar{display:none}@keyframes fadeInAndUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-suggestion-item{background:none;border:none;border-radius:8px;padding:4px;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emoji-suggestion-item:active{transform:scale(.9)}.emoji-suggestion-item img{width:32px;height:32px;object-fit:contain;pointer-events:none}.comment-input-wrapper{position:relative;max-width:450px;margin:0 auto;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.comment-input-container{position:relative;background:var(--bg-comment-input, var(--theme-input-bg));border:1px solid var(--border-comment-input, var(--theme-post-border));border-radius:24px;transition:border-color .2s;display:flex;align-items:flex-end;min-height:44px}.comment-emoji-picker-button{position:absolute;left:2px;bottom:2px;z-index:1;background:none;border:none;padding:8px;cursor:pointer;transition:background-color .2s,transform .1s,color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--post-detail-comment-actions-text, var(--text-secondary));border-radius:50%}.comment-emoji-picker-button:active:not(:disabled){transform:scale(.9)}.comment-emoji-picker-button:disabled{opacity:.5;cursor:not-allowed}.comment-emoji-picker-button svg{width:20px;height:20px}.inline-emoji-picker{position:absolute;bottom:100%;left:8px;right:8px;margin-bottom:8px;background-color:var(--theme-card-bg);border-radius:12px;border:1px solid var(--theme-card-border);box-shadow:0 -4px 12px #0000001a;z-index:50;display:flex;flex-direction:column-reverse;max-height:250px;overflow:hidden;animation:fadeInAndUp .2s cubic-bezier(.25,.8,.25,1)}.inline-emoji-picker-loading{position:absolute;bottom:100%;left:8px;right:8px;margin-bottom:8px;background-color:var(--theme-card-bg);border-radius:12px;border:1px solid var(--theme-card-border);box-shadow:0 -4px 12px #0000001a;z-index:50;animation:fadeInAndUp .2s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;padding:16px;min-height:60px;color:var(--text-secondary);font-size:14px}.inline-emoji-picker .emoji-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;padding:12px;overflow-y:auto;flex-grow:1}.inline-emoji-picker .emoji-grid-item{width:100%;aspect-ratio:1 / 1;background-color:var(--bg-comment-item-optimistic);border:none;border-radius:8px;padding:4px;cursor:pointer;transition:transform .1s ease,background-color .2s ease}.inline-emoji-picker .emoji-grid-item:active{transform:scale(.9)}.inline-emoji-picker .emoji-grid-item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.inline-emoji-picker .emoji-packs-container{flex-shrink:0;border-top:1px solid var(--theme-card-border);background-color:var(--theme-card-bg)}.inline-emoji-picker .emoji-packs-scroller{display:flex;gap:8px;padding:8px 12px;overflow-x:auto;scrollbar-width:none}.inline-emoji-picker .emoji-packs-scroller::-webkit-scrollbar{display:none}.inline-emoji-picker .emoji-pack-thumbnail{flex-shrink:0;width:40px;height:40px;background-color:transparent;border:2px solid transparent;border-radius:10px;padding:2px;cursor:pointer;transition:transform .1s ease,border-color .2s ease,background-color .2s ease}.inline-emoji-picker .emoji-pack-thumbnail:active{transform:scale(.95)}.inline-emoji-picker .emoji-pack-thumbnail.active{border-color:var(--theme-accent);background-color:var(--icon-button-active)}.inline-emoji-picker .emoji-pack-thumbnail img{width:100%;height:100%;object-fit:contain;pointer-events:none}.inline-emoji-preview{width:1.2em;height:1.2em;object-fit:contain;vertical-align:-.25em;margin:0 1px;pointer-events:none}.emoji-text-preview{display:inline}.post-content .mention-link{font-weight:500;color:inherit;cursor:pointer;transition:text-decoration .2s,background-color .2s;border-radius:3px;margin:0;padding:0;background-color:transparent}.post-content .mention-link:active{background-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 15%,transparent)}.notification-icon-text{font-size:18px;font-weight:700;line-height:1}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--theme-card-border);border-radius:5px;background-color:var(--theme-card-bg);transition:border-color .2s ease;padding:0 10px}.input-with-prefix:focus-within{border-color:var(--border-comment-input-focus)}.input-with-prefix .prefix{color:var(--text-subtle);font-weight:500;pointer-events:none}.input-with-prefix input{flex-grow:1;border:none;background:none;padding:10px 0 10px 4px;color:var(--theme-text);font-size:1em;font-family:inherit}.input-with-prefix input:focus{outline:none}.username-feedback{font-size:12px;font-weight:500;padding:6px 0 0 4px;min-height:22px;display:block;transition:color .2s}.username-feedback.success{color:var(--bg-button-save)}.username-feedback.error{color:var(--text-error)}.dbusername-input-container{position:relative;display:flex;align-items:center}.dbusername-prefix{position:absolute;left:12px;pointer-events:none;color:var(--text-secondary);font-size:1rem;font-weight:500;z-index:1}.settings-page .dbusername-input{padding-left:28px!important;width:100%}.search-page{display:flex;flex-direction:column;height:100%;padding:0!important;background-color:var(--theme-bg)}.search-input-container{padding:12px;background-color:var(--theme-bg);flex-shrink:0;position:sticky;top:0;z-index:11}.search-input{width:100%;padding:12px 16px;font-size:1em;border-radius:20px;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg);color:var(--theme-text);font-family:inherit;transition:border-color .2s}.search-input:focus{outline:none;border-color:var(--border-comment-input-focus)}.search-results-scroll-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.discovery-section{padding:16px;display:flex;flex-direction:column;gap:12px;max-width:450px;margin:0 auto}.discovery-section h2{margin:0 0 8px;font-size:1.2em;color:var(--theme-text);font-weight:600}.discovery-button{width:100%;padding:14px;text-align:left;font-size:1em;font-weight:500;background-color:var(--theme-card-bg);color:var(--theme-text);border:1px solid var(--theme-card-border);border-radius:10px;cursor:pointer;transition:background-color .2s,transform .1s}.discovery-button:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg));transform:scale(.98)}.search-result-section{margin-bottom:16px}.search-result-header{padding:12px 16px 8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:var(--theme-bg);position:sticky;top:0;z-index:10;margin:0}.search-result-items{background-color:var(--theme-card-bg);border-radius:12px;margin:0 8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--theme-card-border);background-color:transparent}.search-result-items .search-result-item:last-child{border-bottom:none}.search-result-item:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.search-result-info{display:flex;flex-direction:column;min-width:0}.search-result-name{font-weight:600;color:var(--theme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-handle{font-size:.9em;color:var(--text-secondary)}.search-posts-container{padding:0 8px}.search-post-wrapper{max-width:450px;margin:0 auto}.search-post-wrapper .post-item{margin-bottom:8px}.search-post-wrapper:last-child .post-item{margin-bottom:0}.no-results-text{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:1em}.comment-editable{flex:1;min-height:24px;max-height:100px;overflow-y:auto;padding:10px 40px 10px 44px;border:none;outline:none;background:transparent;font-size:16px;line-height:1.4;color:var(--post-detail-input-text, var(--theme-text));word-wrap:break-word;white-space:pre-wrap;cursor:text;font-family:inherit}.comment-editable.empty:not(:focus):before{content:attr(data-placeholder);color:var(--post-detail-input-text, var(--text-secondary));opacity:.6;position:absolute;pointer-events:none;left:44px;top:50%;transform:translateY(-50%)}.comment-editable .inline-emoji{display:inline-block;width:20px;height:20px;vertical-align:-.2em;margin:0;-webkit-user-select:all;user-select:all;pointer-events:none}.comment-editable .emoji-placeholder{display:inline-block;color:var(--text-secondary);background:var(--bg-comment-item-optimistic);padding:2px 4px;border-radius:4px;font-size:12px;-webkit-user-select:all;user-select:all;white-space:nowrap}.comment-editable::-webkit-scrollbar{width:6px}.comment-editable::-webkit-scrollbar-track{background:transparent}.comment-editable::-webkit-scrollbar-thumb{background-color:var(--text-subtle);border-radius:3px;opacity:.5}.nav-bar-right.landing-nav{display:flex;gap:8px;justify-content:flex-end}.theme-store-page{padding:16px!important}.theme-store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.theme-store-header h2{margin:0;color:var(--theme-text);font-weight:700}.secondary-button{background-color:var(--theme-card-border);color:var(--text-secondary);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s;white-space:nowrap}.secondary-button:active{filter:brightness(.95);transform:scale(.98)}body.dark-mode .secondary-button{background-color:#374151;color:var(--theme-text)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.post-style-store-page{padding:16px!important}.post-style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.post-style-card{position:relative}.post-style-card:active,body.dark-mode .post-style-card:active{transition:background-color .2s ease}.post-style-card .post-item-footer{align-items:center;justify-content:space-between}.post-style-card-actions{margin-top:12px}.post-style-card-actions button{width:100%;padding:10px;border:none;border-radius:8px;font-weight:600;cursor:pointer;background-color:var(--theme-button-bg);color:var(--theme-button-text);transition:opacity .2s;font-size:1em}.post-style-card-actions button.remove-button{background-color:var(--text-error)}.post-style-card-actions button:disabled{opacity:.7;cursor:not-allowed}.post-style-card.post-item:active{background-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 8%,var(--post-bg, var(--theme-card-bg)));transform:none}.post-style-card .like-button,.post-style-card .comment-count{cursor:default;pointer-events:none}.post-style-picker{padding:12px 16px;background-color:var(--theme-card-bg);border-radius:12px}.style-picker-label{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.style-options{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--text-subtle) transparent}.style-options::-webkit-scrollbar{height:4px}.style-options::-webkit-scrollbar-thumb{background-color:var(--text-subtle);border-radius:2px}.style-option-button{padding:6px 14px;border:2px solid var(--theme-card-border);border-radius:16px;cursor:pointer;font-weight:500;background-color:var(--theme-card-bg);color:var(--theme-text);white-space:nowrap;transition:all .2s ease}.style-option-button.selected{border-color:var(--theme-primary);background-color:var(--theme-primary);color:var(--theme-button-text)}.post-item[style*=--has-frame]{border-color:transparent!important;box-shadow:none!important;border-radius:12px!important;overflow:visible!important;padding:16px 16px 8px!important;margin-top:2px;margin-bottom:2px}.post-item[style*=--has-frame]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;border-style:solid;border-width:var(--frame-width, 20px);border-image-source:var(--frame-source);border-image-slice:var(--frame-slice, 20) fill;border-image-repeat:var(--frame-repeat, stretch);border-image-outset:var(--frame-outset, 0px)}.post-item[style*=--has-frame] .post-item-footer{border-top:1px solid var(--post-footer-border, var(--theme-post-border));position:relative;z-index:101}.post-item .post-item-footer{border-top-color:var(--post-footer-border, var(--theme-post-border))}.like-button.image-like{padding:0;background-color:transparent!important}.custom-like-icon{width:24px;height:24px;object-fit:contain;pointer-events:none;transition:transform .2s cubic-bezier(.215,.61,.355,1)}.like-button.image-like:active .custom-like-icon{transform:scale(.85)}.like-button.image-like.liked .custom-like-icon{animation:heart-pop .3s cubic-bezier(.215,.61,.355,1)}.custom-comment-icon{width:24px;height:24px;object-fit:contain;pointer-events:none}.store-landing-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px!important;gap:24px}.store-landing-page h2{font-size:2em;font-weight:700;color:var(--theme-text);margin:0}.store-navigation-links{display:flex;flex-direction:column;gap:16px;width:100%;max-width:400px}.store-navigation-button{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background-color:var(--theme-card-bg);color:var(--theme-text);border:1px solid var(--theme-card-border);border-radius:12px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.store-navigation-button:active{transform:scale(.98);background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.store-nav-icon-wrapper{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-comment-item-optimistic);border-radius:50%;color:var(--theme-primary)}.store-nav-icon-wrapper svg{width:24px;height:24px}.store-nav-icon-wrapper.frame-icon{border-radius:8px;padding:4px;background-color:transparent;border:1px solid var(--theme-card-border)}.no-long-press-image{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.store-nav-icon-wrapper.frame-icon .no-long-press-image,.store-nav-icon-wrapper.frame-icon img{width:100%;height:100%;object-fit:contain}.store-nav-text{display:flex;flex-direction:column}.store-nav-text strong{font-size:1.1em;font-weight:600;color:var(--theme-text)}.store-nav-text span{font-size:.9em;color:var(--text-secondary)}.frame-store-page{padding:16px!important}.frame-store-page h2{margin:0 0 8px;color:var(--theme-text);font-weight:700}.frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.frame-card{position:relative;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.frame-card:active,body.dark-mode .frame-card:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.frame-card-preview{width:100%;max-width:100px;aspect-ratio:1 / 1}.frame-card-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-top:12px}.frame-card-info h3{margin:0;font-size:1em;font-weight:600;color:var(--theme-text)}.frame-card-actions{width:100%;margin-top:auto;padding-top:8px}.frame-card button{width:100%;padding:8px;border:none;border-radius:8px;font-weight:600;cursor:pointer;background-color:var(--theme-button-bg);color:var(--theme-button-text);transition:opacity .2s;font-size:.9em}.frame-card button.remove-button{background-color:var(--text-error)}.frame-card button:disabled{opacity:.7;cursor:not-allowed}.frame-card-thumbnail{width:100%;aspect-ratio:1 / 1;border-radius:8px;object-fit:cover;border:1px solid var(--theme-card-border);background-color:var(--theme-optimistic-bg)}.no-frame-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--theme-optimistic-bg);border-radius:8px;font-size:2em}.item-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:700;z-index:2;letter-spacing:.5px}.item-badge.vip{background:linear-gradient(135deg,var(--vip-gradient-start) 0%,var(--vip-gradient-end) 100%);color:var(--vip-text)}.theme-card,.post-style-card{position:relative}.theme-card-actions{margin-top:auto;display:flex;flex-direction:column;gap:8px}.purchase-button{background-color:var(--bg-button-save)!important}.vip-only-button{background-color:var(--bg-button-disabled)!important;cursor:not-allowed!important}.store-search-container{padding:8px 0 16px;flex-shrink:0;background-color:var(--theme-bg)}.store-header-simple{margin-bottom:16px}.store-header-simple h2{margin:0;color:var(--theme-text);font-weight:700;font-size:1.5em}.creator-link{background:none;border:none;padding:2px 4px;margin:0 -4px;cursor:pointer;font-size:.9em;color:var(--text-secondary);opacity:.8;border-radius:4px;transition:background-color .2s,color .2s;font-family:inherit}.creator-link:active{background-color:var(--icon-button-active);color:var(--theme-text);opacity:1}.frame-card-info .creator-link{font-size:.8em}.communities-list-page{padding:0!important}.community-posts-wrapper{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.communities-header{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-shrink:0}.communities-header h2{margin:0;font-size:1.5em;font-weight:700;color:var(--theme-text)}.create-community-button{background-color:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:filter .2s,transform .1s}.create-community-button:active{filter:brightness(.9);transform:scale(.98)}.search-bar-container{padding:8px 16px 16px;flex-shrink:0}.communities-list{flex-grow:1;overflow-y:auto;padding:0 8px 16px}.community-list-item{display:flex;align-items:center;gap:16px;padding:12px;background-color:var(--theme-card-bg);border-bottom:1px solid var(--theme-card-border);cursor:pointer;transition:background-color .2s}.communities-list .community-list-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.communities-list .community-list-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:none}.community-list-item:active{background-color:var(--icon-button-active)}.community-list-avatar{width:44px;height:44px;flex-shrink:0}.community-list-avatar img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.community-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.community-list-name{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--theme-text);min-width:0}.community-list-name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-list-members{font-size:.9em;color:var(--text-secondary)}.community-detail-page{padding:0!important;display:flex;flex-direction:column}.community-content-wrapper{max-width:450px;width:100%;margin:0 auto;display:flex;flex-direction:column;height:100%}.community-detail-header{position:relative;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;margin:8px 8px 0;padding:12px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.community-header-image{width:calc(100% + 24px);margin:-12px -12px 0;height:140px;background-size:cover;background-position:center;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin-bottom .3s ease}.community-detail-header.info-visible .community-header-image{max-height:140px;opacity:1;margin-bottom:8px}.community-header-avatar{width:48px;height:48px;flex-shrink:0;border:3px solid var(--theme-bg);border-radius:12px}.community-header-avatar img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.community-header-buttons{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:8px}.community-info-button,.community-edit-button{background:#0000004d;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;border:none;border-radius:50%;width:32px;height:32px;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.community-info-button:active,.community-edit-button:active{background-color:#00000080}.community-info-button svg,.community-edit-button svg{width:20px;height:20px}.community-header-info{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.community-header-info:active:not(:has(.members-count-button:active,.community-action-button:active)){background-color:var(--icon-button-active)}.community-header-text{min-height:48px;display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0}.community-header-primary-actions{margin-left:auto;flex-shrink:0}.community-action-button{padding:6px 18px;border:none;border-radius:10px;font-size:.95em;font-weight:700;cursor:pointer;transition:all .2s;background-color:var(--theme-button-bg);color:var(--theme-button-text);white-space:nowrap}.community-action-button:active{transform:scale(.95);filter:brightness(.9)}.community-action-button:disabled{opacity:.7;cursor:not-allowed}.community-header-title-line{display:flex;align-items:center;gap:4px}.community-badge-header+.community-badge-header{margin-left:-4px}.community-header-text h2{margin:0;font-size:16px;font-weight:700;color:var(--theme-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-header-description-view{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,margin-top .3s ease;color:var(--text-secondary)}.community-detail-header.info-visible .community-header-description-view{max-height:100px;opacity:1;margin-top:8px}.community-header-description{font-size:.95em;line-height:1.5;margin:0;overflow-y:auto;max-height:90px}.community-header-actions{overflow:hidden;transition:max-height .3s ease,margin-top .3s ease,opacity .3s ease;max-height:0;margin-top:0;opacity:0}.community-detail-header.info-visible .community-header-actions{max-height:60px;margin-top:16px;opacity:1}.community-join-button,.community-create-post-button{width:100%;padding:10px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s;margin:0}.community-join-button.join{background-color:var(--theme-button-bg);color:var(--theme-button-text)}.community-join-button.leave{background-color:var(--theme-card-border);color:var(--text-secondary)}.community-join-button:active,.community-create-post-button:active{transform:scale(.98);filter:brightness(.9)}.community-join-button:disabled{opacity:.7;cursor:not-allowed}.community-posts-list{flex-grow:1;overflow-y:auto;padding:4px 0}.no-posts-text{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:1em}.official-community-icon-list{width:16px;height:16px;color:var(--theme-accent);flex-shrink:0}.community-badge-header{height:22px;width:auto;object-fit:contain;flex-shrink:0}.community-profile-sheet{max-height:60vh;min-height:300px}.community-profile-sheet .bottom-sheet-header-avatar{border-radius:16px;width:72px;height:72px}.community-sheet-avatar{width:100%;height:100%;flex-shrink:0}.community-header-avatar .community-avatar-container{font-size:1.5em}.community-sheet-avatar .community-avatar-container{font-size:2.2em}.community-sheet-avatar img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.community-badge-sheet{height:24px;width:auto;object-fit:contain;flex-shrink:0}.official-community-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:var(--bg-comment-item-optimistic);border:1px solid var(--theme-card-border);border-radius:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.official-community-tag svg{width:14px;height:14px;color:var(--theme-accent)}.create-community-page{padding-left:15px!important;padding-right:15px!important;display:flex;flex-direction:column}.create-community-page .settings-content-wrapper{padding-top:8px}.input-with-prefix-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:12px;pointer-events:none;color:var(--text-secondary);font-size:1rem;font-weight:500;z-index:1}.input-field-with-prefix{padding-left:28px!important}.create-community-submit-button{width:100%;background-color:var(--bg-button-save);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .2s;margin-top:8px}.create-community-submit-button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed}.character-counter{text-align:right;font-size:12px;color:var(--text-subtle);margin-top:4px;padding-right:4px}.character-counter.over-limit{color:var(--text-error);font-weight:500}.post-meta-line{display:flex;align-items:center;gap:4px;font-size:.8em;margin-top:2px}.post-community-link{font-weight:600;color:var(--post-timestamp-text, var(--text-secondary));cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:color .2s,background-color .2s}.post-community-link:active{color:var(--post-text, var(--theme-text));background-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 10%,transparent)}.post-timestamp{font-size:1em;margin-top:0}.community-selector-wrapper{margin-bottom:15px}.community-selector{width:100%;padding:12px 40px 12px 16px;font-size:1em;font-weight:500;border-radius:8px;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg);color:var(--theme-text);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:1em}body.dark-mode .community-selector{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.community-selector:focus{outline:none;border-color:var(--border-comment-input-focus)}.community-create-post-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s;background-color:var(--theme-button-bg);color:var(--theme-button-text)}.community-create-post-button:active{transform:scale(.98);filter:brightness(.9)}.posting-context-indicator{padding:12px 16px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;margin-bottom:15px;text-align:center;font-size:.9em;color:var(--text-secondary)}.posting-context-indicator .context-name{font-weight:600;color:var(--theme-text)}.members-count-button{background:none;border:none;padding:0;margin:0;font-size:14px;color:var(--text-secondary);cursor:pointer;text-align:left;transition:color .2s ease;font-weight:500;align-self:flex-start}.members-count-button:active{color:var(--theme-text)}.community-members-sheet{max-height:75vh;min-height:300px;display:flex;flex-direction:column}.member-list-scroll-container{flex-grow:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;padding:0 8px}.community-members-sheet .bottom-sheet-loading{position:absolute;top:0;right:0;bottom:0;left:0;min-height:auto}.member-list-item{display:flex;align-items:center;gap:12px;padding:8px;cursor:pointer;border-radius:8px;transition:background-color .2s;height:100%}.member-list-item:active{background-color:var(--icon-button-active)}.member-list-info{display:flex;flex-direction:column;min-width:0}.member-list-name-line{display:flex;align-items:center;gap:8px}.member-list-username{font-weight:600;color:var(--theme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-admin-badge{background-color:var(--theme-accent);color:var(--theme-button-text);font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.member-list-dbusername{font-size:.9em;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state-text{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:1em}.post-style-preview-page .post-detail-scroller{padding:12px 8px}.post-detail-page .comment-input-outer-wrapper .comment-input-container{background-color:var(--bg-comment-input, var(--theme-input-bg));border:1px solid var(--border-comment-input, var(--theme-post-border))}.post-detail-page .comment-editable[contenteditable=false]{cursor:not-allowed;color:var(--text-secondary);opacity:.7}.comment-item.optimistic{background-color:color-mix(in srgb,var(--text-primary) 5%,var(--bg-comment-item));opacity:.85}.post-detail-page .comment-send-button:disabled,.post-detail-page .comment-emoji-picker-button:disabled{opacity:.5;cursor:not-allowed}.nav-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:2100;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-drawer-overlay.visible{opacity:1;pointer-events:all}.nav-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background-color:var(--theme-bg);z-index:2101;transform:translate(-100%);transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;padding-top:76px;padding-bottom:env(safe-area-inset-bottom);box-shadow:4px 0 15px #0000001a;border-top-right-radius:16px;border-bottom-right-radius:16px}.nav-drawer.open{transform:translate(0)}.drawer-profile-header{margin:8px;border-radius:16px;border-bottom:none;background-color:color-mix(in srgb,var(--theme-text) 10%,var(--theme-bg));padding:20px 16px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;flex-shrink:0;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.drawer-profile-header:active{background-color:color-mix(in srgb,var(--theme-text) 15%,var(--theme-bg))}.nav-drawer.vip-user .drawer-profile-header{background-image:linear-gradient(135deg,color-mix(in srgb,var(--vip-gradient-end) 25%,white 75%),color-mix(in srgb,var(--vip-gradient-end) 40%,white 60%),color-mix(in srgb,var(--vip-gradient-end) 55%,white 45%))}.nav-drawer.vip-user .drawer-username{color:#1a202c;font-weight:600}.nav-drawer.vip-user .drawer-dbusername{color:#4a5568}.nav-drawer.vip-user .drawer-profile-header:active{background-image:linear-gradient(135deg,color-mix(in srgb,var(--vip-gradient-end) 30%,white 70%),color-mix(in srgb,var(--vip-gradient-end) 45%,white 55%),color-mix(in srgb,var(--vip-gradient-end) 60%,white 40%));filter:brightness(.96)}.drawer-user-info{display:flex;flex-direction:column;gap:2px}.drawer-username{font-size:1.1em;font-weight:700;color:var(--theme-text)}.drawer-dbusername{font-size:.9em;color:var(--text-secondary)}.drawer-nav-links{padding:8px 0;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.drawer-main-links{flex-grow:1;padding:0 8px}.drawer-nav-link{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;text-align:left;font-size:1em;font-weight:500;color:var(--theme-text);background:none;border:none;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent;width:100%}.drawer-nav-link:active{background-color:var(--icon-button-active)}.drawer-footer{padding:8px 0;border-top:1px solid var(--theme-card-border);display:flex;flex-direction:column;gap:8px;flex-shrink:0;margin-bottom:16px}.drawer-settings-item-wrapper{padding:4px 12px}.drawer-settings-item{display:flex;justify-content:space-between;align-items:center}.drawer-settings-item label{font-size:1em;font-weight:500;color:var(--theme-text);padding-right:16px}.drawer-settings-description{font-size:12px;color:var(--text-secondary);margin:4px 0 0;line-height:1.4;padding-right:58px}.nav-avatar-button{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.nav-avatar-button:active{opacity:.8}.drawer-username-line{display:flex;align-items:center}.vip-page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px!important;text-align:center}.vip-header{margin-bottom:24px}.vip-header-badge{font-size:14px;padding:6px 16px;border-radius:16px;margin-bottom:16px}.vip-header h2{font-size:1.3em;font-weight:700;margin:0 0 8px;color:var(--theme-text)}.vip-header p{font-size:.9em;color:var(--text-secondary);margin:0}.vip-expires-text{margin-top:16px;font-size:.9em;color:var(--text-secondary);background-color:var(--theme-card-bg);padding:8px 12px;border-radius:8px;border:1px solid var(--theme-card-border)}.vip-expires-text strong{color:var(--theme-text);font-weight:600}.perks-container{width:100%;max-width:320px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:12px;padding:20px;margin:0 0 24px}.perks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;text-align:left}.perks-list li{font-size:1em;color:var(--theme-text);line-height:1.5}.perks-list li strong{font-weight:600}.get-vip-button{width:100%;max-width:300px;padding:14px 20px;border-radius:10px;border:none;font-size:1em;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--vip-gradient-start) 0%,var(--vip-gradient-end) 100%);color:var(--vip-text);box-shadow:var(--vip-shadow);transition:transform .2s,filter .2s}.get-vip-button:active{transform:scale(.98);filter:brightness(.95)}.drawer-nav-link svg{width:24px;height:24px;color:var(--text-secondary);flex-shrink:0}.post-menu-item{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--theme-text);transition:background-color .2s}.post-menu-item:active:not(:disabled){background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.post-menu-item:disabled{opacity:.5;cursor:not-allowed}.post-menu-item.delete,.post-menu-item.report{color:var(--text-error)}.post-menu-item.bookmark{color:var(--post-footer-text, var(--text-secondary))}.post-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:160px;overflow:hidden}.bookmark-indicator-icon{display:flex;align-items:center;justify-content:center;color:var(--post-footer-text, var(--text-secondary))}.bookmark-indicator-icon svg{width:18px;height:18px;fill:currentColor;stroke:none}.report-sheet{min-height:300px;max-height:90vh}.report-sheet-content{flex-grow:1;overflow-y:auto;padding:0 16px 16px}.report-reasons-list{display:flex;flex-direction:column;gap:8px}.report-reasons-list button{width:100%;padding:14px;border-radius:8px;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg);color:var(--theme-text);font-size:1em;font-weight:500;cursor:pointer;text-align:left;transition:background-color .2s}.report-reasons-list button:active{background-color:color-mix(in srgb,var(--theme-text) 5%,var(--theme-card-bg))}.report-details-step{display:flex;flex-direction:column;gap:12px}.report-details-step textarea{width:100%;min-height:120px;padding:12px;border-radius:8px;border:1px solid var(--theme-card-border);background-color:var(--theme-input-bg);color:var(--theme-text);font-size:1em;font-family:inherit;resize:vertical}.report-details-step textarea:focus{outline:none;border-color:var(--border-comment-input-focus)}.report-submit-button{width:100%;background-color:var(--text-error);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .2s}.report-submit-button:disabled{background-color:var(--bg-button-disabled);cursor:not-allowed}.report-sheet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;color:var(--text-secondary);position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--theme-bg);z-index:5}.community-avatar-container{border-radius:12px;background-color:var(--theme-accent);color:var(--theme-button-text);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;overflow:hidden}.community-avatar-container>img,.community-avatar-container>span{width:100%;height:100%;object-fit:cover;line-height:inherit;font-size:inherit;text-align:center;display:flex;align-items:center;justify-content:center}.custom-select-wrapper{position:relative;display:block;width:100%}.custom-select-wrapper:after{content:"▾";font-size:1.5em;color:var(--text-secondary);position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.custom-select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 40px 10px 10px;border-radius:5px;border:1px solid var(--theme-card-border);background-color:var(--theme-input-bg);color:var(--theme-text);font-size:1em;width:100%;transition:border-color .2s ease;font-family:inherit;cursor:pointer}.custom-select-wrapper select:focus{outline:none;border-color:var(--border-comment-input-focus)}.quoted-post-container{margin-top:12px;position:relative;border-radius:12px;padding:12px;cursor:pointer;transition:none;background:var(--post-bg);border:1px solid var(--post-footer-border);--post-active-overlay-bg: color-mix(in srgb, var(--theme-text) 10%, transparent)}.quoted-post-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 10%,transparent);opacity:0;transition:opacity .1s ease-out;pointer-events:none;z-index:0;border-radius:11px}.quoted-post-container>*{position:relative;z-index:1}.quoted-post-container:active:before{opacity:1}.quoted-post-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quoted-post-header .avatar-frame-container{width:20px;height:20px;flex-shrink:0}.quoted-post-container .post-author{font-size:.95em;color:var(--post-author-text, var(--theme-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quoted-post-container .post-timestamp{font-size:.75em;color:var(--post-timestamp-text, var(--text-subtle));white-space:nowrap;margin-left:auto;padding-left:8px;flex-shrink:0}.quoted-post-content p{margin:0;font-size:.95em;color:var(--post-text, var(--theme-text));line-height:1.4;word-break:break-word;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.quoted-post-image-wrapper{margin-top:8px;border-radius:8px;overflow:hidden;max-height:150px;width:fit-content;display:flex;align-items:center}.quoted-post-image{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.quoted-post-container .post-image-grid-container{margin-top:8px;border-radius:8px;max-height:250px}.quoted-post-container .post-image-grid-container{pointer-events:none}.quoted-post-container.compact{display:flow-root}.quoted-post-compact-images{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;margin-top:8px}.quoted-post-compact-image-item{width:60px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background-color:var(--theme-optimistic-bg)}.quoted-post-compact-image-item img{width:100%;height:100%;object-fit:cover}.quoted-post-container.compact .quoted-post-content p{margin-top:0}.post-image-wrapper+.quoted-post-container{margin-top:0}.quoted-post-container.compact .quoted-post-content{margin-top:8px;font-size:.9em;line-height:1.4}.song-embed-container{margin-top:12px;border-radius:12px;overflow:hidden;line-height:0;min-height:152px;background-color:var(--bg-primary, var(--theme-optimistic-bg));transition:background-color .3s ease}.song-embed-container iframe{opacity:0;transition:opacity .5s ease-in-out}.song-embed-container iframe.loaded{opacity:1}.song-embed-container.error{padding:12px 16px;border:1px dashed var(--theme-card-border);background-color:var(--theme-optimistic-bg);color:var(--text-error);font-size:.9em;font-weight:500;text-align:center;line-height:1.4}.song-preview-container{margin-top:12px;border-radius:12px;border:1px solid var(--post-footer-border, var(--theme-card-border));background-color:var(--post-bg, var(--theme-optimistic-bg));padding:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;position:relative}.post-item--clickable:not(:has(button:active,.mention-link:active,.post-community-link:active,.quoted-post-container:active)):active .song-preview-container{background-color:color-mix(in srgb,var(--post-text) 8%,var(--post-bg, var(--theme-optimistic-bg)));border-color:color-mix(in srgb,var(--post-text) 8%,var(--post-footer-border, var(--theme-card-border)))}.song-preview-album-art{width:64px;height:64px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:var(--theme-card-border);transition:filter .2s ease;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.post-item--clickable:not(:has(button:active,.mention-link:active,.post-community-link:active,.quoted-post-container:active)):active .song-preview-album-art-wrapper:before{opacity:1}.song-preview-info{display:flex;flex-direction:column;min-width:0;color:var(--post-text, var(--theme-text))}.song-preview-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-preview-artist{font-size:.9em;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-preview-play-icon{margin-left:auto;color:var(--post-text, var(--theme-text));flex-shrink:0}.song-preview-play-icon svg{width:28px;height:28px}.song-preview-container.loading,.song-preview-container.error{justify-content:center;min-height:88px;color:var(--text-secondary)}.song-search-section{display:flex;flex-direction:column;gap:8px}.song-input-wrapper{position:relative}.song-input-field{width:100%;padding:12px 16px;font-size:1em;border-radius:8px;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg);color:var(--theme-text);font-family:inherit;transition:border-color .2s}.song-input-field:focus{outline:none;border-color:var(--border-comment-input-focus)}.spotify-search-results{max-height:250px;overflow-y:auto;border-radius:8px;border:1px solid var(--theme-card-border);background-color:var(--theme-card-bg)}.spotify-search-result-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px;text-align:left;cursor:pointer;border:none;background:transparent;border-bottom:1px solid var(--theme-card-border);transition:background-color .2s}.spotify-search-results .spotify-search-result-item:last-child{border-bottom:none}.spotify-search-result-item:active{background-color:var(--icon-button-active)}.spotify-result-album-art{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0;background-color:var(--theme-card-border)}.spotify-result-info{display:flex;flex-direction:column;min-width:0}.spotify-result-title{font-weight:600;color:var(--theme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-result-artist{font-size:.9em;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-song-preview{position:relative}.selected-song-preview .song-preview-container{margin-top:0}.clear-song-selection-button{position:absolute;top:8px;right:8px;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;z-index:2;transition:background-color .2s,transform .1s}.clear-song-selection-button:active{transform:scale(.95);background-color:#000000b3}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:2000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.bottom-sheet-overlay.visible{opacity:1;pointer-events:all}.bottom-sheet-container{background:var(--sheet-bg, var(--theme-bg));width:100%;max-width:500px;max-height:450px;padding:12px 0 0;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex;flex-direction:column;margin:0 auto;pointer-events:all;z-index:2002}.bottom-sheet-container.user-profile-sheet{min-height:75vh;max-width:450px;position:relative;overflow:hidden;--sheet-frame-image-before: none;--sheet-frame-image-after: none}.bottom-sheet-container.user-profile-sheet:before,.bottom-sheet-container.user-profile-sheet:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat;transition:opacity .5s ease-in-out}.bottom-sheet-container.user-profile-sheet:before{background-image:var(--sheet-frame-image-before)}.bottom-sheet-container.user-profile-sheet:after{background-image:var(--sheet-frame-image-after)}.bottom-sheet-container.user-profile-sheet.show-before:before{opacity:1}.bottom-sheet-container.user-profile-sheet.show-before:after{opacity:0}.bottom-sheet-container.user-profile-sheet.show-after:before{opacity:0}.bottom-sheet-container.user-profile-sheet.show-after:after{opacity:1}.bottom-sheet-container.open{transform:translateY(0)}.bottom-sheet-scroll-container{flex-grow:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:transparent;position:relative;z-index:2;scrollbar-width:none}.bottom-sheet-scroll-container::-webkit-scrollbar{display:none}.bottom-sheet-header-image{position:relative;height:140px;background-size:cover;background-position:center;border-radius:12px;flex-shrink:0;margin:0 12px}.bottom-sheet-header-image.default{background-color:var(--theme-accent)}.bottom-sheet-header-avatar{position:absolute;bottom:-36px;left:16px;border:4px solid var(--sheet-bg, var(--theme-bg));border-radius:50%;background-color:var(--sheet-bg, var(--theme-bg))}.bottom-sheet-content-wrapper{padding:48px 16px 16px;display:flex;flex-direction:column}.bottom-sheet-loading,.bottom-sheet-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:150px;color:var(--text-secondary)}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.bottom-sheet-user-info{flex-shrink:1;margin-bottom:0;min-width:0}.bottom-sheet-username{font-size:1.1em;font-weight:700;color:var(--sheet-text, var(--theme-text));word-break:break-all;display:flex;align-items:center;gap:8px}.bottom-sheet-db-username-container{display:flex;align-items:center;gap:8px;margin-top:2px}.bottom-sheet-db-username-container.not-set .bottom-sheet-db-username{font-style:italic;opacity:.7}.bottom-sheet-db-username{font-size:.9em;color:var(--sheet-secondary-text, var(--text-secondary))}.copy-dbusername-button{background:none;border:none;padding:2px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sheet-secondary-text, var(--text-secondary));transition:color .2s ease-in-out}.copy-dbusername-button:active{color:var(--sheet-text, var(--theme-text))}.copy-dbusername-button svg{width:14px;height:14px}.header-text-col{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding-top:4px}.header-stats-col{display:flex;gap:12px;flex-shrink:0}.profile-header-meta-row{display:flex;justify-content:space-between;align-items:flex-end;padding:0 16px}.my-posts-header-wrapper .profile-header-info{padding:0;margin-right:16px}.profile-header-stats{display:flex;gap:16px}.stat-box.page-stat{padding:0;align-items:flex-end}.stat-box.page-stat{font-size:.8em}.bottom-sheet-header-avatar{z-index:5}.stat-box{display:flex;flex-direction:column;align-items:flex-end;text-align:right;background:none;border:none;padding:8px 8px 0 2px;cursor:pointer;border-radius:8px;transition:background-color .2s}.stat-box:active{background-color:var(--icon-button-active)}.stat-value{font-size:18px;font-weight:700;color:var(--sheet-text, var(--theme-text))}.stat-label{font-size:14px;color:var(--sheet-secondary-text, var(--text-secondary))}.profile-sheet-actions-row{margin-bottom:16px;display:flex;gap:12px;width:100%}.view-posts-button-sheet{background:var(--sheet-button-bg, var(--theme-button-bg));color:var(--sheet-button-text, var(--theme-button-text));border:1px solid var(--sheet-button-border, transparent);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:filter .2s,transform .1s;flex:1;text-align:center;backdrop-filter:var(--sheet-button-blur, none);-webkit-backdrop-filter:var(--sheet-button-blur, none)}.view-posts-button-sheet.secondary{background-color:var(--sheet-container-bg, var(--theme-card-bg));color:var(--sheet-secondary-text, var(--text-secondary));border:1px solid var(--theme-card-border)}.view-posts-button-sheet{background:var(--sheet-button-bg, var(--theme-button-bg));color:var(--sheet-button-text, var(--theme-button-text));border:1px solid var(--sheet-button-border, transparent);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:filter .2s,transform .1s;flex-shrink:0;white-space:nowrap;backdrop-filter:var(--sheet-button-blur, none);-webkit-backdrop-filter:var(--sheet-button-blur, none)}.view-posts-button-sheet:active{filter:brightness(.9);transform:scale(.98)}.bottom-sheet-bio-container,.bottom-sheet-links-section{background-color:var(--sheet-container-bg, var(--theme-card-bg));border:1px solid var(--sheet-container-border, var(--theme-card-border));border-radius:12px;padding:16px;backdrop-filter:var(--sheet-container-blur, none);-webkit-backdrop-filter:var(--sheet-container-blur, none)}.bottom-sheet-bio-container{margin-top:0;display:flex;flex-direction:column;gap:8px}.bottom-sheet-bio-label{font-size:.95em;font-weight:600;color:var(--sheet-secondary-text, var(--text-secondary))}.bottom-sheet-bio,.bottom-sheet-bio-placeholder{margin:0;font-size:.95em;color:var(--sheet-secondary-text, var(--text-secondary));line-height:1.5;white-space:pre-wrap;word-break:break-word}.bottom-sheet-links-section{margin-top:8px;display:flex;flex-direction:column;gap:12px}.bottom-sheet-section-label{font-size:.95em;font-weight:600;color:var(--sheet-secondary-text, var(--text-secondary))}.bottom-sheet-links-list{display:flex;flex-direction:column;gap:0px}.sheet-link-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:8px;cursor:pointer;transition:background-color .2s}.sheet-link-item:active{background-color:var(--icon-button-active)}.sheet-link-item.disabled{cursor:not-allowed;opacity:.6}.sheet-link-item.disabled:active{background-color:transparent}.sheet-link-item-main{display:flex;align-items:center;gap:12px;min-width:0;flex-grow:1}.sheet-link-item-icon{flex-shrink:0;color:var(--sheet-link-icon-color, var(--text-secondary));display:flex;align-items:center}.sheet-link-item-icon svg{width:20px;height:20px}.sheet-link-item-text{display:flex;flex-direction:column;min-width:0}.sheet-link-title{font-size:1em;font-weight:500;color:var(--sheet-text, var(--theme-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-link-item-arrow{flex-shrink:0;width:16px;height:16px;color:var(--sheet-secondary-text, var(--text-subtle));margin-left:8px}.post-content .content-link{color:inherit;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:1px 2px;margin:-1px -2px;border-radius:4px;transition:background-color .2s ease,text-decoration-color .2s ease;-webkit-tap-highlight-color:transparent}.post-content .content-link:active{background-color:color-mix(in srgb,var(--post-text, var(--theme-text)) 15%,transparent);text-decoration:none}.bottom-sheet-bio-container .post-content{font-size:.95em;color:var(--sheet-secondary-text, var(--text-secondary))}.bottom-sheet-bio-container .content-link,.bottom-sheet-bio-container .mention-link{color:inherit;font-weight:500}.bottom-sheet-bio-container .content-link:active,.bottom-sheet-bio-container .mention-link:active{background-color:color-mix(in srgb,var(--sheet-text, var(--theme-text)) 15%,transparent)}.event-page{background-image:url(https://res.cloudinary.com/dgjr38cw1/image/upload/v1757239691/IMG_20250907_170422_188_qavfbe.webp);background-size:cover;background-position:center center;background-attachment:fixed;position:relative;overflow-y:auto;padding:0 16px 24px!important;display:flex;flex-direction:column;align-items:center;gap:16px}.event-page .loading-text{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.event-page .my-posts-empty{flex:1;display:flex;align-items:center;justify-content:center}.event-page .my-posts-empty .empty-state{background-color:#00000080;padding:20px;border-radius:12px}.event-page .my-posts-empty .empty-state p{color:#fff}.event-page-spacer{height:60px;flex-shrink:0;width:100%}.event-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:1}.event-page>*{position:relative;z-index:2}.event-header h2,.event-header p{color:#fff}.event-header h2{font-size:1.8em;font-weight:700;margin:0 0 4px}.event-header p{font-size:.9em;margin:0}.event-gacha-container,.event-controls,.event-referral-info{background-color:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);border-radius:12px;width:100%;max-width:450px}.event-gacha-container{padding:16px 0}.gacha-spinner-container{position:relative;width:100%;height:140px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.gacha-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:4px;height:100%;background-color:#fbbf24;border-radius:2px;z-index:2}.gacha-reel{position:absolute;top:0;left:0;height:100%;display:flex;align-items:center;will-change:transform}.gacha-item{width:110px;height:120px;margin:0 5px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:8px;background-color:#0003;border:2px solid}.gacha-item img{width:64px;height:64px;object-fit:contain}.gacha-item span{font-size:12px;font-weight:500;color:#ffffffe6;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.gacha-item.rarity-common{border-color:silver}.gacha-item.rarity-rare{border-color:#64b5f6}.gacha-item.rarity-epic{border-color:#ba68c8}.event-controls{padding:16px;display:flex;flex-direction:column;gap:16px}.event-actions-wrapper{display:flex;justify-content:space-between;align-items:center;gap:16px}.event-points-display{display:flex;flex-direction:column}.event-points-display span{font-size:.9em;color:#ffffffd9}.points-value{font-size:2em;font-weight:700;color:#fff}.gacha-pull-button{width:auto;flex-shrink:0;padding:8px 28px;border-radius:10px;border:1px solid rgba(255,255,255,.3);font-size:1.1em;font-weight:700;cursor:pointer;background-color:#5dade2;color:#fff;transition:transform .2s,filter .2s,background-color .2s;display:flex;align-items:center;justify-content:center;min-height:40px}.button-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.gacha-pull-button:disabled{background-color:#5a7a94;color:#fff9;cursor:not-allowed;border-color:transparent}.gacha-pull-button:not(:disabled):active{transform:scale(.98);filter:brightness(.95)}.event-cost-text{position:absolute;bottom:4px;left:16px;right:16px;text-align:left;font-size:.8em;color:#ffffffbf;margin:0;pointer-events:none}.event-referral-info{padding:16px}.event-referral-info h3{margin:0 0 8px;color:#fff}.event-referral-info p{margin:0;color:#ffffffd9;font-size:.9em}.prize-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:16px}.prize-reveal-modal{position:relative;background-color:#2c3e50;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;text-align:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);color:#fff}.prize-reveal-modal:before{content:"";position:absolute;top:-100%;right:-100%;bottom:-100%;left:-100%;z-index:-1;background-size:200% 200%;animation-iteration-count:1;animation-duration:.8s;animation-timing-function:ease-out}.prize-reveal-modal.rarity-common:before{animation-name:rarity-flash-common}.prize-reveal-modal.rarity-rare:before{animation-name:rarity-flash-rare}.prize-reveal-modal.rarity-epic:before{animation-name:rarity-flash-epic}.prize-reveal-header{font-size:1.5em;font-weight:700;color:#fff}.prize-reveal-image{width:120px;height:120px;object-fit:contain}.prize-reveal-name{font-size:1.2em;font-weight:600;color:#fff}.prize-reveal-rarity{font-size:.9em;font-weight:500;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:1px}.rarity-common .prize-reveal-rarity{background-color:#90a4ae;color:#111}.rarity-rare .prize-reveal-rarity{background-color:#42a5f5;color:#fff}.rarity-epic .prize-reveal-rarity{background-color:#ab47bc;color:#fff}.prize-reveal-close-text{color:#fffc;font-size:.9em;font-weight:500;pointer-events:none;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rarity-flash-common{0%{background:radial-gradient(circle,#eceff1 0%,transparent 70%);opacity:.7}to{background:radial-gradient(circle,#eceff1 0%,transparent 70%);opacity:0;transform:scale(2)}}@keyframes rarity-flash-rare{0%{background:radial-gradient(circle,#4fc3f7 0%,transparent 70%);opacity:.7}to{background:radial-gradient(circle,#4fc3f7 0%,transparent 70%);opacity:0;transform:scale(2)}}@keyframes rarity-flash-epic{0%{background:radial-gradient(circle,#ce93d8 0%,transparent 70%);opacity:.7}to{background:radial-gradient(circle,#ce93d8 0%,transparent 70%);opacity:0;transform:scale(2)}}.gacha-item-placeholder,.prize-reveal-image-placeholder{display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;color:#ffffffb3;font-weight:700;border-radius:8px}.gacha-item-placeholder{width:64px;height:64px;font-size:2em}.prize-reveal-image-placeholder{width:120px;height:120px;font-size:4em}.post-image-single-container{margin-top:12px;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;background-color:var(--theme-optimistic-bg)}.post-image-single-container.landscape{aspect-ratio:16 / 9;max-height:350px}.post-image-single-container.portrait{aspect-ratio:4 / 5;max-height:480px}.post-image-single-container.square{aspect-ratio:1 / 1;max-height:400px}.comment-image-wrapper .post-image-single-container.landscape{max-height:165px}.comment-image-wrapper .post-image-single-container.portrait{max-height:225px}.comment-image-wrapper .post-image-single-container.square{max-height:187px}.post-image-single-container .lazy-image{object-position:center}.post-image-single-container .lazy-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.post-image-grid-container{display:grid;gap:2px;border-radius:12px;overflow:hidden;margin-top:12px;cursor:pointer}.post-image-grid-item{position:relative;overflow:hidden;background-color:var(--theme-optimistic-bg);min-height:0}.post-image-grid-item .lazy-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}.post-image-grid-container.count-2{grid-template-columns:1fr 1fr;max-height:300px}.post-image-grid-container.count-2 .post-image-grid-item{aspect-ratio:1 / 1}.post-image-grid-container.count-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-height:300px;aspect-ratio:1 / 1;grid-template-areas:"one two" "one three"}.post-image-grid-container.count-3 .post-image-grid-item:nth-child(1){grid-area:one}.post-image-grid-container.count-3 .post-image-grid-item:nth-child(2){grid-area:two}.post-image-grid-container.count-3 .post-image-grid-item:nth-child(3){grid-area:three}.post-image-grid-container.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-height:400px}.post-image-grid-container.count-4 .post-image-grid-item{aspect-ratio:1 / 1}.multi-image-preview-container{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:8px}.image-preview-item{position:relative;width:80px;height:80px;flex-shrink:0}.inline-image-preview{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px;background-color:var(--bg-comment-item-optimistic)}.image-preview-item .remove-image-button{position:absolute;top:4px;right:4px;width:28px;height:28px;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-preview-item .remove-image-button:hover{background:#000000e6}.image-preview-item .remove-image-button svg{width:16px;height:16px}.inline-image-preview-container,.image-preview-container{display:none}.quoted-post-with-single-image{display:flex;gap:10px;margin-top:8px;align-items:flex-start}.quoted-post-single-image-thumb{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;background-color:var(--theme-optimistic-bg)}.quoted-post-single-image-thumb img{width:100%;height:100%;object-fit:cover}.quoted-post-single-image-content{flex-grow:1;padding-top:0;margin:0}.quoted-post-single-image-content p{margin:0;font-size:.9em;line-height:1.4;word-break:break-word}.quoted-post-container .quoted-post-with-single-image+.quoted-post-content{display:none}.event-banner{display:block;width:100%;max-width:450px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.event-banner:active{transform:scale(.98);box-shadow:0 2px 6px #00000026}.event-banner img{width:100%;display:block;aspect-ratio:4 / 1;object-fit:cover;background-color:var(--theme-optimistic-bg)}.comment-image-preview-wrapper{position:relative;width:64px;height:64px;margin-bottom:8px;margin-left:44px;flex-shrink:0}.comment-image-preview{width:100%;height:100%;object-fit:cover;border-radius:8px}.remove-comment-image-button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:2}.remove-comment-image-button:active{transform:scale(.9)}.comment-image-button{background:none;border:none;padding:8px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.comment-image-button:disabled{opacity:.5;cursor:not-allowed}.comment-image-button svg{width:22px;height:22px}.comment-content-body{padding-left:48px;padding-right:24px;display:flex;flex-direction:column;gap:8px}.comment-content-body .post-content{padding:0}.comment-image-wrapper{margin-top:4px;border-radius:8px;overflow:hidden;max-width:100%}.comment-image-wrapper .post-image-single-container{margin-top:0}.confirmation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .3s ease}.confirmation-overlay.visible{opacity:1;pointer-events:all}.confirmation-modal{background-color:var(--theme-card-bg);color:var(--theme-text);border-radius:16px;padding:24px;width:100%;max-width:320px;text-align:center;box-shadow:0 8px 32px #0003;transform:scale(.95);opacity:0;transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .3s ease}.confirmation-modal.open{transform:scale(1);opacity:1}.confirmation-modal h3{margin:0 0 8px;font-size:1.2em;font-weight:700}.confirmation-modal p{margin:0 0 24px;color:var(--text-secondary);line-height:1.5;font-size:.95em}.confirmation-actions{display:flex;gap:12px}.confirmation-actions button{flex:1;padding:12px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:filter .2s,transform .1s}.confirmation-actions button:active{transform:scale(.98)}.confirmation-actions .secondary-button{background-color:var(--theme-card-border);color:var(--text-secondary)}body.dark-mode .confirmation-actions .secondary-button{background-color:#374151;color:var(--theme-text)}.confirmation-actions .delete-button{background-color:#ef4444;color:#fff}.confirmation-modal.referral-modal{background-color:#2c3e50;border:1px solid #34495e}.referral-modal h3{color:#ecf0f1}.referral-modal p{margin:0 0 16px;color:#bdc3c7}.referral-link-display{background-color:#34495e;border:1px solid #4a627a;border-radius:8px;padding:12px;font-family:monospace;font-size:.9em;color:#ecf0f1;word-break:break-all;text-align:left;margin-bottom:24px}.referral-modal .confirmation-actions .secondary-button{background-color:#7f8c8d;color:#ecf0f1}.referral-modal .confirmation-actions .save-button-nav{background-color:#3498db;color:#fff}.editing-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background-color:var(--theme-optimistic-bg);border-bottom:1px solid var(--theme-card-border);max-width:450px;margin:0 auto;font-size:.9em}.editing-indicator-text{font-weight:500;color:var(--text-secondary)}.editing-cancel-button{background:none;border:none;color:var(--theme-accent);font-weight:600;cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:6px;transition:background-color .2s}.editing-cancel-button:active{background-color:var(--icon-button-active)}.comment-editor{display:flex;flex-direction:column;gap:8px;width:100%}.comment-editor textarea{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--theme-card-border);background-color:var(--theme-input-bg);color:var(--theme-text);font-family:inherit;font-size:1em;line-height:1.5;resize:none;overflow-y:hidden;transition:border-color .2s}.comment-editor textarea:focus{outline:none;border-color:var(--border-comment-input-focus)}.comment-editor-actions{display:flex;justify-content:flex-end;gap:8px}.comment-editor-actions button{padding:6px 14px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:filter .2s}.comment-editor-actions .secondary-button{background-color:var(--theme-card-border);color:var(--text-secondary)}body.dark-mode .comment-editor-actions .secondary-button{background-color:#374151;color:var(--theme-text)}.comment-editor-actions .save-button{background-color:var(--bg-button-save);color:#fff}.comment-editor-actions button:disabled{opacity:.7;cursor:not-allowed}.comment-editor-actions button:not(:disabled):active{filter:brightness(.9)}:root{--bottom-nav-height: 60px}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));background-color:var(--theme-card-bg);display:flex;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 -2px 10px #0000000d;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);font-size:10px;font-weight:500;gap:4px;width:100%;cursor:pointer;transition:color .2s ease,transform .1s ease;position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item svg{width:28px;height:28px;fill:currentColor;stroke:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item .nav-icon-container .avatar-frame-container{width:30px!important;height:30px!important}.bottom-nav-item.active{color:var(--theme-accent)}.bottom-nav-item.active svg{transform:scale(1.1);fill:var(--theme-accent);stroke:none}.bottom-nav-item:active{transform:scale(.9)}nav-icon-container{position:relative;display:flex;align-items:center;justify-content:center}.nav-badge{position:absolute;top:-2px;right:25%;background-color:#ff3b30;color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:1px solid var(--theme-card-bg);z-index:10}.hide-bottom-nav .bottom-nav{display:none!important}.app-root{padding-bottom:0!important;height:100%}.infinite-list-container,.search-results-scroll-container,.post-detail-scroller,.chat-messages-area,.store-landing-page,.vip-page,.communities-list,.inbox-list{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 16px)!important}.theme-store-page,.post-style-store-page,.frame-store-page,.avatar-store-page{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px)!important}.hide-bottom-nav .chat-messages-area,.hide-bottom-nav .page-content,.hide-bottom-nav .post-detail-scroller,.hide-bottom-nav .infinite-list-container{padding-bottom:env(safe-area-inset-bottom)!important}.inbox-page{padding:0!important;display:flex;flex-direction:column;height:100%;background-color:var(--theme-bg)}.empty-chat-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding-bottom:60px}.empty-chat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;padding:24px 16px;width:210px;aspect-ratio:1 / 1;border:1px solid rgba(0,0,0,.05)}body.dark-mode .empty-chat-card{background-color:#ffffff0d;border-color:#ffffff0d}.empty-chat-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:16px}.empty-title{font-weight:500;font-size:15px;color:var(--theme-text)}.empty-subtitle{font-weight:400;font-size:13px;color:var(--text-secondary)}.empty-chat-sticker{width:100px;height:100px;object-fit:contain;opacity:.95;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275)}.status-tray{display:flex;overflow-x:auto;padding:16px 20px 8px 12px;gap:16px;background-color:var(--theme-bg);border-bottom:1px solid var(--theme-card-border);scrollbar-width:none;flex-shrink:0}.status-tray::-webkit-scrollbar{display:none}.status-bubble-container{display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:76px;padding:16px 0 0;position:relative}.status-bubble-avatar-wrapper{position:relative;margin-bottom:12px}.status-note-cloud{position:absolute;top:-24px;right:-12px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:16px;padding:6px 8px;width:80px;height:40px;font-size:13px;text-align:center;box-shadow:0 2px 5px #0000001a;z-index:2;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;line-height:1.2}.status-note-text{color:var(--theme-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.status-username{font-size:13px;color:var(--theme-text);max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dimmed-avatar{opacity:.7}.status-add-icon{position:absolute;bottom:0;right:0;background:var(--theme-accent);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--theme-bg)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.status-input-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.status-input-card{background:var(--theme-card-bg);padding:20px;border-radius:16px;width:80%;max-width:300px;text-align:center}.status-input-card textarea{width:100%;height:80px;margin:15px 0;padding:10px;border-radius:8px;border:1px solid var(--theme-card-border);background:var(--theme-input-bg);color:var(--theme-text);resize:none}.status-input-actions{display:flex;justify-content:space-between;gap:10px}.status-input-actions button{flex:1;padding:10px;border-radius:8px;border:none;background:var(--theme-bg);color:var(--theme-text)}.status-input-actions button.primary{background:var(--theme-accent);color:#fff}.inbox-list{padding-top:0;padding-bottom:20px;flex:1;overflow-y:auto}.inbox-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--theme-card-border);cursor:pointer;background-color:var(--theme-card-bg)}.inbox-item:active{background-color:var(--icon-button-active)}.inbox-info{flex:1;min-width:0}.inbox-top{display:flex;justify-content:space-between;margin-bottom:4px}.inbox-name{font-weight:600;color:var(--theme-text)}.inbox-time{font-size:13px;color:var(--text-secondary)}.inbox-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px}.inbox-preview{flex:1;min-width:0;font-size:15px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-preview.unread{font-weight:600;color:var(--theme-text)}.inbox-unread-badge{background-color:var(--theme-accent);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.inbox-preview .typing-indicator{padding:0;margin:0;height:20px;display:flex;align-items:center;gap:3px}.inbox-preview .typing-dot{width:4px;height:4px;background-color:var(--theme-accent);opacity:.7}.chat-page{padding:0!important;display:flex;flex-direction:column;height:100%}.chat-messages-area{flex:1;overflow-y:auto;display:flex;flex-direction:column-reverse;gap:0!important;background-color:var(--theme-bg);-webkit-overflow-scrolling:touch;position:relative}.chat-messages-area>.loading-indicator:first-child{position:absolute;top:0;left:0;width:100%;z-index:10;padding-top:20px;background-color:transparent;pointer-events:none}.chat-edited-label{font-size:11px;opacity:.7;margin-left:3px;vertical-align:2px;font-weight:500}.chat-date-separator{display:flex;justify-content:center;align-items:center;width:100%;pointer-events:none;margin-bottom:12px;margin-top:10px}.chat-row.group-bottom+.chat-date-separator,.chat-row.group-single+.chat-date-separator{margin-top:0}.chat-date-separator span{background-color:#00000040;color:#fffffff2;font-size:11px;font-weight:600;padding:4px 12px;border-radius:12px;box-shadow:0 1px 1px #0000000d;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.dark-mode .chat-date-separator span{background-color:#ffffff26;color:#f0f0f0}.chat-loader-trigger{width:100%;height:20px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.loading-indicator.small{font-size:.8em;color:var(--text-secondary);padding:10px}.chat-row{display:flex;width:100%;align-items:flex-start;position:relative;padding:1px 12px!important;margin-bottom:0!important;margin-top:0!important;transition:background-color .2s ease}.chat-row:active{background-color:#0000000d}body.dark-mode .chat-row:active{background-color:#ffffff0d}.chat-row.group-bottom,.chat-row.group-single{margin-bottom:10px!important}.chat-partner-avatar{flex-shrink:0;width:32px;height:32px;margin-right:8px;order:1;z-index:1;align-self:flex-start}.chat-content-stack{display:flex;flex-direction:column;max-width:75%;order:2;min-width:0}.chat-meta-label{font-size:10px;color:var(--text-secondary);margin-bottom:2px;opacity:.8;padding:0 4px;font-weight:500}.chat-meta-label.own{text-align:right}.chat-message-group{display:flex;align-items:flex-end;position:relative;width:100%}.chat-row.own{justify-content:flex-end}.chat-row.own .chat-content-stack{alignItems:flex-end}.chat-row.own .chat-message-group{justify-content:flex-end}.chat-row.own .chat-meta-outside{order:-1;margin-right:6px;text-align:right;align-items:flex-end}.chat-row.other{justify-content:flex-start}.chat-row.other .chat-content-stack{alignItems:flex-start}.chat-row.other .chat-message-group{justify-content:flex-start}.chat-row.other .chat-meta-outside{order:1;margin-left:6px;text-align:left;align-items:flex-start}.chat-bubble{padding:8px 14px;border-radius:18px;position:relative;word-break:break-word;font-size:16px;line-height:1.4;display:flex;flex-direction:column;min-width:0;flex:0 1 auto}.chat-row.own .chat-bubble{background-color:var(--theme-accent);color:#fff;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px}.chat-row.own .chat-bubble.bubble-top{border-top-right-radius:18px}.chat-row.own .chat-bubble.bubble-bottom{border-bottom-right-radius:18px}.chat-row.own .chat-bubble.bubble-single{border-radius:18px}.chat-row.other .chat-bubble{background-color:var(--theme-card-bg);color:var(--theme-text);border:1px solid var(--theme-card-border);border-top-left-radius:4px;border-bottom-left-radius:4px}.chat-row.other .chat-bubble.bubble-top{border-top-left-radius:18px}.chat-row.other .chat-bubble.bubble-bottom{border-bottom-left-radius:18px}.chat-row.other .chat-bubble.bubble-single{border-radius:18px}.chat-meta-outside{display:flex;flex-direction:column;justify-content:flex-end;min-width:40px;font-size:10px;color:var(--text-secondary);opacity:.7;flex-shrink:0;padding-bottom:2px}.chat-read-label{font-weight:600;font-size:10px;color:var(--text-secondary);margin-bottom:1px}.chat-time{white-space:nowrap}.status-context-bubble{padding:8px 12px!important;margin-bottom:2px!important;border-radius:12px 12px 4px 4px!important;font-size:14px!important;display:flex;flex-direction:column;gap:4px;width:100%}.chat-row.own .status-context-bubble{background-color:var(--theme-accent)!important;color:#fff!important;border:none!important;opacity:.9;align-items:flex-start;text-align:left}.chat-row.own .status-context-name,.chat-row.own .status-context-content{color:#fffffff2}.chat-row.other .status-context-bubble{background-color:var(--theme-card-bg)!important;color:var(--theme-text)!important;border:1px solid var(--theme-card-border)!important}.status-context-bubble.unavailable{border:1px dashed var(--text-secondary)!important;background-color:transparent!important;opacity:.7}.status-unavailable-content{display:flex;align-items:center;gap:6px;font-size:13px;font-style:normal;color:var(--text-secondary)}.status-unavailable-content svg{display:none}body.dark-mode .status-context-bubble.unavailable{border-color:#ffffff4d!important}.status-context-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.status-context-avatar-small{width:24px;height:24px;flex-shrink:0;overflow:visible;display:flex;align-items:center;justify-content:center}.status-context-name{font-size:12px;font-weight:700}.status-context-content{opacity:.95;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.has-status-reply .chat-bubble.bubble-single,.has-status-reply .chat-bubble.bubble-top,.has-status-reply .chat-bubble.bubble-bottom,.has-status-reply .chat-bubble.bubble-middle{border-top-left-radius:4px!important;border-top-right-radius:4px!important}@keyframes flashHighlight{0%{background-color:rgba(var(--theme-accent-rgb, 52, 183, 241),.3)}to{background-color:transparent}}.chat-bubble.flash-highlight{animation:flashHighlight 1.5s ease-out}.chat-image-wrapper{margin:-8px -14px 8px;border-radius:18px 18px 0 0;overflow:hidden;max-width:calc(100% + 28px)}.chat-attachment-image{display:block;width:100%;height:auto;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}.chat-text{white-space:pre-wrap;font-size:16px;line-height:1.4;color:inherit}.chat-reply-context{display:flex;margin-bottom:6px;background:#0000000d;border-radius:6px;padding:6px 10px;cursor:pointer;border-left:3px solid var(--theme-accent)}.chat-row.own .chat-reply-context{background:#0000001a;border-left-color:#ffffff80}.chat-row.other .chat-reply-context{background:var(--theme-bg)}.reply-content{display:flex;flex-direction:column;font-size:11px;overflow:hidden}.reply-author{font-weight:700;margin-bottom:2px}.chat-row.own .reply-author{color:#ffffffe6}.chat-row.other .reply-author{color:var(--theme-accent)}.reply-preview{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-input-wrapper-container{background-color:var(--theme-card-bg);border-top:1px solid var(--theme-card-border);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0}.chat-page .comment-input-wrapper{border-top:none}.chat-reply-preview-bar{display:flex;justify-content:space-between;align-items:center;background-color:var(--theme-card-bg);padding:8px 12px;border-top:1px solid var(--theme-card-border);border-left:4px solid var(--theme-accent);margin-bottom:0;z-index:10}.reply-info{display:flex;flex-direction:column;overflow:hidden}.reply-label{font-size:11px;font-weight:700;color:var(--theme-accent)}.reply-snippet{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-reply-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary)}.chat-editing-indicator{background:var(--theme-card-bg);border-top:1px solid var(--theme-card-border);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--theme-primary);position:absolute;bottom:100%;left:0;right:0;z-index:5;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes chatFabPopup{0%{opacity:0;transform:translate(-50%) scale(.5)}60%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:1;transform:translate(-50%) scale(1)}}.chat-scroll-fab{position:absolute;left:50%;bottom:90px;width:48px;height:48px;border-radius:50%;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;color:var(--theme-text);transform:translate(-50%);animation:chatFabPopup .4s ease-out forwards}.chat-scroll-fab.has-avatar{background:none;border:none;box-shadow:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.chat-scroll-badge{position:absolute;top:-2px;right:-2px;background-color:var(--theme-accent);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--theme-bg);z-index:20}.chat-floating-pill{position:absolute;left:50%;bottom:90px;height:48px;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);box-shadow:0 4px 12px #00000026;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:0 16px 0 6px;gap:8px;z-index:90;transform:translate(-50%);transition:transform .1s,opacity .2s,width .2s;pointer-events:none;animation:chatFabPopup .3s ease-out forwards}.chat-floating-pill.clickable{pointer-events:auto;cursor:pointer}.chat-floating-pill.clickable:active{transform:translate(-50%) scale(.95);transition:transform .1s}.chat-floating-pill .avatar-frame-container{margin-left:-2px}.floating-pill-content{display:flex;align-items:center;gap:6px}.new-message-text{font-size:13px;font-weight:600;color:var(--theme-text);white-space:nowrap}.new-message-icon{color:var(--theme-accent);display:flex}.typing-indicator{display:flex;align-items:center;gap:4px;padding:4px 0}.typing-dot{width:6px;height:6px;background-color:var(--text-secondary);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-scroll-fab .typing-indicator{gap:3px}.chat-scroll-fab .typing-dot{background-color:var(--theme-text);width:5px;height:5px}.floating-typing-dots{display:flex;align-items:center;gap:3px;padding-right:6px}.floating-typing-dots .typing-dot{width:6px;height:6px;background-color:var(--theme-text);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.floating-typing-dots .typing-dot:nth-child(1){animation-delay:-.32s}.floating-typing-dots .typing-dot:nth-child(2){animation-delay:-.16s}.unread-divider{display:flex;align-items:center;justify-content:center;margin:12px 0;width:100%}.unread-divider span{background-color:#0003;color:#fff;font-size:11px;font-weight:500;padding:4px 12px;border-radius:12px;box-shadow:0 1px 3px #0000001a;z-index:1}.avatar-placeholder{flex-shrink:0}.message-action-sheet{padding-bottom:env(safe-area-inset-bottom)}.message-preview-snippet{padding:16px;font-size:15px;color:var(--theme-secondary-text, #888);border-bottom:1px solid var(--theme-post-border, #eee);background:var(--theme-bg-secondary, #fafafa);border-radius:12px 12px 0 0;margin-bottom:8px;max-height:100px;overflow:hidden;text-overflow:ellipsis}.sheet-actions{padding:0 16px 16px}.sheet-action-btn{width:100%;padding:14px 0;text-align:left;background:none;border:none;display:flex;align-items:center;gap:12px;font-size:16px;color:var(--theme-text);cursor:pointer}.sheet-action-btn.delete{color:#f44}.status-options-sheet{min-height:auto;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.status-options-content{display:flex;flex-direction:column;align-items:center;padding:20px 16px;gap:32px}.current-status-display{display:flex;flex-direction:column;align-items:center;gap:12px}.current-status-avatar{position:relative;margin-top:16px}.status-note-cloud.large{top:-30px;right:-20px;width:100px;height:50px;font-size:15px;padding:8px 10px;z-index:5;background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.status-options-label{font-size:14px;color:var(--text-secondary);font-weight:500}.status-options-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.status-option-btn{width:100%;padding:14px;border-radius:12px;border:none;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s,filter .2s}.status-option-btn:active{transform:scale(.98);filter:brightness(.9)}.status-option-btn.new-note{background-color:var(--theme-button-bg);color:var(--theme-button-text)}.status-option-btn.delete-note{background-color:var(--theme-card-bg);color:var(--text-error);border:1px solid var(--theme-card-border)}body.dark-mode .status-option-btn.delete-note{background-color:#2d3748}.status-detail-sheet{min-height:auto;max-height:85vh;padding:0;display:flex;flex-direction:column}.status-detail-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 24px;background-color:var(--theme-bg);border-top-left-radius:16px;border-top-right-radius:16px;position:relative}.status-detail-visuals{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:8px;cursor:pointer;z-index:1}.status-detail-bubble{position:absolute;bottom:58px;left:50%;transform:translate(-50%);background-color:var(--theme-card-bg);border:1px solid var(--theme-card-border);border-radius:20px;padding:12px 16px;box-shadow:0 4px 12px #0000001a;z-index:10;width:max-content;max-width:280px;min-width:80px;display:flex;align-items:center;justify-content:center;animation:popUp .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom center}.status-detail-text{font-size:15px;line-height:1.3;color:var(--theme-text);max-height:250px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;text-align:center}.status-detail-text::-webkit-scrollbar{width:0}.status-detail-info{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.status-detail-username{font-size:1.1em;font-weight:700;color:var(--theme-text)}.status-detail-timestamp{font-size:.85em;color:var(--text-secondary)}.status-detail-footer-wrapper{background-color:var(--theme-card-bg);border-top:1px solid var(--theme-card-border);width:100%;position:relative;z-index:100}.status-detail-footer-wrapper .comment-input-wrapper{padding-bottom:calc(12px + env(safe-area-inset-bottom));margin:0 auto}.status-detail-footer.own-status{padding:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom));display:flex;justify-content:center;color:var(--text-secondary);font-size:.9em;background-color:var(--theme-card-bg)}.profile-action-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;padding:0 16px;margin-top:12px;margin-bottom:4px;box-sizing:border-box}.profile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;border:none;transition:background-color .2s,transform .1s,filter .2s;background-color:var(--theme-card-border);color:var(--theme-text);min-height:40px}.profile-action-btn:active{transform:scale(.97);background-color:color-mix(in srgb,var(--theme-text) 10%,var(--theme-card-border))}.profile-action-btn.icon-only{flex:0 0 auto;width:44px;padding:0}.profile-action-btn.icon-only svg{width:20px;height:20px}body.dark-mode .profile-action-btn{background-color:#ffffff1a;color:var(--theme-text)}.anon-icon-large{margin-bottom:24px;color:var(--theme-primary);background:var(--theme-card-bg);padding:24px;border-radius:50%;border:1px solid var(--theme-card-border)}.anon-content h1{font-size:24px;margin-bottom:12px;color:var(--theme-text)}.anon-content p{color:var(--theme-secondary-text);margin-bottom:32px;max-width:300px;line-height:1.5}.searching-container{display:flex;flex-direction:column;align-items:center;gap:16px}.primary-button.large{padding:16px 48px;font-size:18px;border-radius:100px;background:var(--theme-primary);color:var(--theme-button-text);font-weight:600;border:none;cursor:pointer;transition:transform .2s}.primary-button.large:active{transform:scale(.95)}.anon-actions.vertical{display:flex;flex-direction:column;gap:16px;width:100%;max-width:280px}.text-button.delete{background:none;border:none;color:var(--theme-accent, #ff4d4f);font-size:14px;padding:10px;cursor:pointer}.anon-active-indicator{display:flex;align-items:center;gap:8px;background:rgba(var(--theme-primary-rgb),.1);color:var(--theme-primary);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}.pulsing-dot{width:8px;height:8px;background-color:var(--theme-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--theme-primary-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(var(--theme-primary-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--theme-primary-rgb),0)}}.anonymous-chat-banner{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background-color:var(--theme-card-bg);border-bottom:1px solid var(--theme-card-border);color:var(--theme-secondary-text);font-size:13px;font-weight:500;z-index:10;flex-shrink:0}.anonymous-chat-banner svg{color:var(--theme-primary)}.chat-messages-area.has-anon-banner{height:100%}.inbox-header-tabs{position:sticky;top:0;z-index:5;background-color:var(--theme-bg);padding:12px 16px 8px;display:flex;justify-content:center;flex-shrink:0}.inbox-tabs-pill{display:flex;background-color:var(--theme-card-border);border-radius:30px;padding:4px;width:100%;max-width:400px;position:relative;box-shadow:inset 0 1px 3px #0000000f}body.dark-mode .inbox-tabs-pill{background-color:#ffffff1a}.inbox-tab-glider{position:absolute;top:4px;left:4px;bottom:4px;width:calc(50% - 4px);background-color:var(--theme-card-bg);border-radius:25px;z-index:1;box-shadow:0 2px 5px #0000001a;transition:transform .3s cubic-bezier(.25,.8,.25,1);transform:translate(0)}.inbox-tab-glider.slide-right{transform:translate(100%)}.inbox-tab-button{flex:1;background:transparent!important;border:none;padding:8px 0;font-size:14px;font-weight:600;color:var(--text-secondary);border-radius:25px;cursor:pointer;text-align:center;position:relative;z-index:2;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.inbox-tab-button.active{color:var(--theme-text);box-shadow:none}.inbox-tab-button.active:after{display:none}.anonymous-tab-view{display:flex;flex-direction:column;flex:1;overflow-y:auto;align-items:center;justify-content:center;padding:20px;text-align:center}.anonymous-tab-view.inbox-list{display:block;padding:0;text-align:left}@keyframes slideUp{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.inbox-tab-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.anon-new-chat-container{padding:20px;display:flex;justify-content:center;width:100%}.chat-ended-banner{padding:16px;text-align:center;background-color:var(--theme-card-bg);border-top:1px solid var(--theme-card-border);color:var(--text-secondary);font-weight:500;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.chat-ended-banner button{background:none;border:none;color:var(--theme-accent);font-weight:700;cursor:pointer;text-decoration:underline;margin-left:8px}.dimmed-item{opacity:.6;background-color:var(--theme-bg-secondary)}.chat-system-message{text-align:center;padding:20px;color:var(--text-error);font-weight:500;font-size:.9rem;opacity:.8}.chat-input-disabled-placeholder{padding:16px;text-align:center;background:var(--theme-card-bg);color:var(--theme-secondary-text);font-size:.9rem;border-top:1px solid var(--theme-card-border)}.blue-btn{background-color:var(--theme-primary)!important}.red-btn{background-color:#ff4d4d!important}.wrapped-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.wrapped-overlay.open{opacity:1;pointer-events:auto}.wrapped-card{background:var(--theme-card-bg);width:90%;max-width:360px;height:80vh;max-height:600px;border-radius:24px;position:relative;display:flex;flex-direction:column;padding:24px;box-shadow:0 10px 40px #00000080;border:1px solid var(--theme-card-border);overflow:hidden;color:var(--theme-text);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wrapped-progress-container{display:flex;gap:4px;margin-bottom:20px}.wrapped-progress-bar{height:4px;flex:1;background:#8080804d;border-radius:2px;transition:background .3s ease}.wrapped-progress-bar.filled{background:var(--theme-primary)}.wrapped-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%}.wrapped-slide{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.wrapped-slide.slide-in{animation:wrappedFadeIn .5s ease forwards}@keyframes wrappedFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wrapped-title{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:var(--theme-text);line-height:1.3}.wrapped-text{font-size:1.1rem;color:var(--theme-text);opacity:.9;margin-bottom:8px}.wrapped-text-small{font-size:.9rem;color:var(--theme-secondary-text);margin-bottom:4px}.highlight{color:var(--theme-primary)}.highlight-pink{color:#ff6b6b}.wrapped-big-number{font-size:3.5rem;font-weight:800;margin:10px 0;color:var(--theme-primary)}.wrapped-emoji-large{width:120px;height:120px;margin-top:24px;object-fit:contain;animation:wrappedBounce 2s infinite ease-in-out}@keyframes wrappedBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wrapped-divider{width:50px;height:2px;background:var(--theme-card-border);border:none;margin:20px auto}.wrapped-fade-in-section{width:100%;opacity:0;animation:wrappedFadeIn .8s ease forwards;animation-delay:.2s}.wrapped-next-button{background:var(--theme-button-bg);color:var(--theme-button-text);border:none;padding:14px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:20px;width:100%;transition:opacity .2s;z-index:10}.wrapped-next-button:active{opacity:.8}.wrapped-chart-container{width:100%;display:flex;flex-direction:column;align-items:center}.wrapped-pie-chart{width:200px;height:200px;margin-bottom:24px;transform:rotate(-90deg)}.wrapped-chart-legend{width:100%;display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;justify-content:space-between;background:#8080801a;padding:8px 12px;border-radius:8px}.legend-dot{width:12px;height:12px;border-radius:50%;margin-right:10px;display:inline-block}.legend-label{flex:1;text-align:left;font-size:.9rem;color:var(--theme-text)}.wrapped-calendar-container{position:relative;width:140px;height:140px;margin-bottom:10px;flex-shrink:0}.wrapped-calendar-img{width:100%;height:100%;object-fit:contain}.wrapped-calendar-date{position:absolute;left:50%;transform:translate(-50%);top:60px;font-size:3rem;font-weight:800;color:#333;line-height:1;font-family:sans-serif;text-align:center;width:100%;pointer-events:none}.wrapped-slide .wrapped-title{margin-top:10px}.referral-copy-card{background-color:var(--theme-optimistic-bg);border:1px solid var(--theme-card-border);border-radius:16px;padding:16px;width:90%;margin:0 auto;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background-color .2s,transform .1s}.referral-copy-card:active{background-color:var(--icon-button-active);transform:scale(.98)}.referral-text-container{overflow:hidden;text-align:left;flex:1}.referral-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.referral-link{font-size:.95rem;color:var(--theme-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.referral-icon-box{background-color:var(--theme-button-bg);color:var(--theme-button-text);border-radius:50%;width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.referral-icon-box.copied{background-color:#4ecdc4;color:#fff}.donation-banner-container{margin-bottom:20px;width:100%}.donation-promo-banner{display:block;width:60%;max-width:200px;border-radius:12px;overflow:hidden;background:transparent;box-shadow:none;cursor:pointer;margin-top:auto;margin-bottom:0;position:relative;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.donation-promo-banner:after{display:none!important}.donation-promo-banner:active:after{opacity:1}.donation-promo-banner:active{transform:scale(.96)}.donation-promo-banner img{width:100%;height:auto;display:block;object-fit:cover;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.wrapped-promo-banner{display:block;width:85%;max-width:280px;border-radius:16px;overflow:hidden;background:transparent;box-shadow:none;cursor:pointer;margin-top:16px;position:relative;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.wrapped-promo-banner:after{display:none!important}.wrapped-promo-banner:active:after{opacity:1}.wrapped-promo-banner:active{transform:scale(.96)}.wrapped-promo-banner img{width:100%;height:auto;display:block;object-fit:cover;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}