body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--background-first);color:var(--text-anti-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--primary-color)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{display:flex;flex-direction:column;height:100%;left:0;overflow-x:hidden;position:relative;top:0;width:100%}.mobile-view{min-height:calc(100vh - 100px);padding-bottom:40px}.content{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior-y:contain}.app-container>footer{flex-shrink:0}.content>div{display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin:0;min-height:0;overflow:hidden;padding:0;width:100%}body,html{position:relative;touch-action:manipulation}#root{height:100%;width:100%}.mobile-footer-spacer{display:none}@media (max-width:768px){.mobile-footer-spacer{display:block;height:60px;width:100%}.app-container{padding-bottom:60px}footer{background:#fff;background:var(--bg-color,#fff);bottom:0;left:0;position:fixed;right:0;z-index:10}.mobile-view{height:100%;min-height:100vh;padding-bottom:60px;position:fixed;width:100%}}.back-button{align-self:flex-start;border-radius:10px;font-size:20px;left:0;padding:5px;position:sticky;top:0;width:fit-content;z-index:10}.back-button:hover{background-color:var(--background-hover)}.global-sidebar-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.global-sidebar-container .settings-sidebar,.sidebar-overlay{pointer-events:auto}.sidebar-overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@media (max-width:768px){.global-sidebar-container{z-index:1000}}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;overflow-x:hidden;padding:0;width:100vw}*{box-sizing:border-box;max-width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#007bff;--primary-color-light:#4a90e2;--primary-color-dark:#0056b3;--secondary-color:#6c757d;--secondary-color-light:#a1a8ae;--secondary-color-dark:#5a6268;--background-first:#fff;--background-second:#eee;--background-third:#ddd;--background-fourth:#bbb;--background-hover:#ddd;--background-hover-secondary:#333;--text-primary:#000;--text-secondary:#666;--text-tertiary:#999;--text-anti-primary:#fff;--border-color:#adadad;--border-light:#383838;--border-secondary:#000;--error-color:#dc3545;--success-color:#28a745;--warning-color:#ffc107;--info-color:#17a2b8;--shadow-small:0 1px 3px #0000001f;--shadow-medium:0 2px 4px #0000001a;--shadow-large:0 4px 8px #0000001a;--transition-speed:0.3s}[data-theme=dark]{--primary-color:#3390ff;--primary-color-light:#5aa5ff;--primary-color-dark:#0068d6;--secondary-color:#adb5bd;--secondary-color-light:#ced4da;--secondary-color-dark:#8b949e;--background-first:#121212;--background-second:#1e1e1e;--background-third:#2c2c2c;--background-fourth:#323232;--background-hover:#3a3a3a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:grey;--text-anti-primary:#000;--border-color:#e1e4e8;--border-light:#f0f0f0;--border-secondary:#000;--error-color:#ff5c6c;--success-color:#4cd964;--warning-color:#fc0;--info-color:#5ac8fa;--shadow-small:0 1px 3px #00000080;--shadow-medium:0 2px 4px #00000080;--shadow-large:0 4px 8px #00000080}body{margin:0;overflow:hidden;padding:0;transition:background-color .3s ease,color .3s ease;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}body,body.dark-mode,body.light-mode{background-color:#fff;background-color:var(--background-first);color:#000;color:var(--text-primary)}.app-container{min-height:100vh;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease;width:100vw}.app-container,.content{background-color:#fff;background-color:var(--background-first);margin:0;overflow:hidden;padding:0}.content{flex:1 1;width:100%}.flex-center{align-items:center;display:flex;justify-content:center}.flex-column{display:flex;flex-direction:column}.full-height{height:100vh}.full-width{width:100%}.btn{background-color:#eee;background-color:var(--background-second);border:none;border-radius:20px;color:#000;color:var(--text-primary);cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:#007bff;background-color:var(--primary-color);color:#fff;color:var(--text-anti-primary)}.btn-primary:hover{background-color:#0056b3;background-color:var(--primary-color-dark)}.btn-secondary{background-color:#6c757d;background-color:var(--secondary-color);color:#fff;color:var(--text-anti-primary)}.btn-secondary:hover{background-color:#5a6268;background-color:var(--secondary-color-dark)}.input-field{border:1px solid #adadad;border:1px solid var(--border-color);border-radius:4px;color:#000;color:var(--text-primary);font-size:1rem;height:40px;margin-bottom:.5rem;padding:.75rem;width:100%}.container,.input-field{background-color:#eee;background-color:var(--background-second);box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background-color:#eee;background-color:var(--background-second);border:1px solid #383838;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-medium);padding:20px}.transition-all{transition:all .3s ease;transition:all var(--transition-speed) ease}.error-message{color:#dc3545;color:var(--error-color);margin-bottom:1rem;text-align:center}.theme-toggle{color:#000;padding:8px;transition:background-color .3s ease;transition:background-color var(--transition-speed) ease}.theme-toggle,.theme-toggle:hover{background-color:#ddd}@media (max-width:768px){.container{padding:10px}.btn{font-size:14px;padding:6px 12px}}@media (max-width:480px){.container{padding:5px}.btn{font-size:12px;padding:4px 8px}}.avatar-container{align-items:center;display:flex;flex-direction:column}.avatar-container.with-username{gap:5px}.avatar{align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}.avatar-small{font-size:12px;height:28px;width:28px}.avatar-medium{font-size:18px;height:40px;width:40px}.avatar-large{font-size:24px;height:64px;width:64px}.avatar img{height:100%;object-fit:cover;width:100%}.default-avatar{background-color:var(--background-third,#333);color:var(--text-primary,#fff)}.avatar-username{color:var(--text-primary);font-size:12px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-menu-container{display:inline-block;margin-right:4px;position:relative;z-index:100}.menu-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.menu-button:hover{background-color:#0000000d}.dropdown-menu{background-color:#fff;background-color:var(--background-second,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 2px 8px #00000026;min-width:150px;overflow:hidden;transform:translateZ(0);z-index:9999}.menu-item{font-size:14px;padding:10px 15px}.delete-confirmation-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transform:translateZ(0);z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-confirmation-popup{animation:popIn .3s cubic-bezier(.19,1,.22,1);background-color:#fff;background-color:var(--background-second,#fff);border-radius:.5rem;box-shadow:0 4px 16px #0003;max-width:90%;padding:1.5rem;transform:translateZ(0);width:320px}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.delete-confirmation-popup p{color:#333;color:var(--text-primary,#333);font-size:1rem;margin-bottom:1.5rem;margin-top:0;text-align:center}.confirmation-buttons{display:flex;gap:10px;justify-content:space-between;margin-top:1rem}.confirmation-buttons button{border:none;border-radius:.25rem;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;padding:.75rem 1rem;transition:background-color .2s,transform .1s}.confirmation-buttons button:hover{transform:translateY(-1px)}.confirmation-buttons button:active{transform:translateY(0)}.confirmation-buttons button:disabled{cursor:not-allowed;opacity:.7;transform:none}.confirmation-buttons button:first-child{background-color:#f44336;background-color:var(--danger-color,#f44336);color:#fff}.confirmation-buttons button:first-child:hover:not(:disabled){background-color:#d32f2f;background-color:var(--danger-color-dark,#d32f2f)}.confirmation-buttons button:last-child{background-color:#eee;background-color:var(--background-hover,#eee);color:#333;color:var(--text-primary,#333)}.confirmation-buttons button:last-child:hover:not(:disabled){background-color:#ddd;background-color:var(--background-fourth,#ddd)}@media (prefers-color-scheme:dark){.dropdown-menu{background-color:#292929;background-color:var(--background-second,#292929);border-color:#444;border-color:var(--border-color,#444);box-shadow:0 2px 10px #00000080}.menu-button:hover,.menu-item:hover{background-color:#ffffff1a}.delete-confirmation-popup{background-color:#333;background-color:var(--background-second,#333)}.delete-confirmation-popup,.delete-confirmation-popup p{color:#e4e6eb;color:var(--text-primary,#e4e6eb)}.confirmation-buttons button:last-child{background-color:#4a4a4a;color:#e4e6eb}.confirmation-buttons button:last-child:hover:not(:disabled){background-color:#5a5a5a}}.post-card{backface-visibility:hidden;background-color:var(--background-first);border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:12px;margin-top:10px;overflow:visible!important;padding:16px;perspective:1000px;position:relative;touch-action:pan-y;transform:translateZ(0);transition:transform .2s cubic-bezier(.1,.7,.1,1),box-shadow .2s ease;will-change:transform,opacity;z-index:1}.post-card.post-liked{box-shadow:0 0 12px #ff003766;transition:box-shadow .3s ease}.post-card.post-echoed{box-shadow:0 0 12px #7d007d66;transition:box-shadow .3s ease}.post-card.post-liked.post-echoed{box-shadow:0 0 15px #ff003766,0 0 15px #7d007d66;transition:box-shadow .3s ease}[data-theme=dark] .post-card.post-liked{box-shadow:0 0 15px #ff003780}[data-theme=dark] .post-card.post-echoed{box-shadow:0 0 15px #7d007d80}[data-theme=dark] .post-card.post-liked.post-echoed{box-shadow:0 0 18px #ff003780,0 0 18px #7d007d80}.post-content{display:flex;flex:1 1;flex-direction:column;font-size:15px;line-height:1.5;margin:0;padding:0 0 0 15px;text-align:justify;-webkit-user-select:none;user-select:none;white-space:pre-wrap;width:100%}.swipe-indicator{border-radius:8px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .15s ease;z-index:0}.swipe-right-indicator{background:linear-gradient(90deg,#0000,#7d007dd9)}.swipe-left-indicator{background:linear-gradient(270deg,#0000,#ff0037bf)}.post-card.swiping-left:after,.post-card.swiping-right:after{display:none}.post-card.swiping-right{box-shadow:-4px 0 25px #640064bf}.post-card.swiping-left{box-shadow:4px 0 25px #ff003799}.post-card .post-category-tag{align-items:center;background-color:var(--background-second);border-radius:12px;box-shadow:0 2px 4px #0000001a;color:var(--text-secondary);display:flex;font-size:12px;font-weight:600;height:18px;justify-content:center;left:20px;line-height:18px;padding:4px 10px;position:absolute;top:0;transform:translateY(-50%);z-index:20}.post-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;position:relative}.header-buttons,.post-author{align-items:center;display:flex;gap:10px}.post-author{margin-left:auto}.author-avatar-container{align-items:center;display:flex;flex-direction:column}.post-time{color:#777;font-size:10px;margin-top:2px;text-align:center}.author-name{font-size:14px;font-weight:600}.post-category{color:#65676b;font-size:12px}.follow-button{background-color:#e4e6eb;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:background-color .2s}.follow-button:hover{background-color:#d8dadf}.post-actions{gap:2px;justify-content:flex-start;margin:0;padding:0;width:auto}.action-button,.post-actions{align-items:center;display:flex}.action-button{background:none;border:none;border-radius:4px;color:#65676b;cursor:pointer;font-size:14px;font-weight:600;gap:6px;padding:8px 6px;transition:all .2s ease}.like-button.liked{color:#65676b}.like-button.liked svg{fill:#ff1744;stroke:#ff1744}[data-theme=dark] .like-button.liked svg{fill:#ff4081;stroke:#ff4081}.share-button{align-items:center}.action-button:hover{background-color:var(--background-hover);color:var(--text-primary)}@media (max-width:768px){.post-actions{gap:0;justify-content:flex-start;width:auto}.action-button{min-height:40px;min-width:40px;touch-action:manipulation}.action-button svg{height:20px;width:20px}.post-content{font-size:16px;line-height:1.4}}.no-paragraph-spacing p,.post-content p{margin:0;padding:0}.post-content-wrapper{position:relative;width:100%}[data-theme=dark] .post-content{color:#e4e6eb}.echo-button{background:none;border:none;border-radius:4px;color:#65676b;cursor:pointer;padding:8px;position:absolute;right:-5px;top:-5px;transition:all .2s ease;z-index:5}.echo-button.echoed{color:#b5485d}.echo-button:hover{transform:scale(1.1)}.echo-button svg{height:20px;width:20px}.echo-button.echoed svg{fill:#b5485d;stroke:#b5485d}[data-theme=dark] .echo-button{color:#b0b3b8}[data-theme=dark] .echo-button.echoed{color:#b5485d}[data-theme=dark] .echo-button.echoed svg{fill:#b5485d;stroke:#b5485d}[data-theme=dark] .echo-button:hover{color:#e4e6eb}@media (max-width:320px){.post-header{flex-direction:column}.post-actions{justify-content:space-around;width:100%}}@media (max-width:480px){.post-actions{gap:8px}.action-button svg{height:20px;width:20px}}[data-theme=dark] .action-button{color:#b0b3b8}[data-theme=dark] .action-button:hover{background-color:#3a3b3c}@keyframes flash-like{0%{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 0 25px #ff0037e6}to{box-shadow:0 2px 8px #00000026}}@keyframes flash-echo{0%{box-shadow:0 2px 8px #00000026}50%{box-shadow:0 0 25px #640064f2}to{box-shadow:0 2px 8px #00000026}}.post-card.flash-like{animation:flash-like .5s cubic-bezier(.1,.7,.1,1)}.post-card.flash-echo{animation:flash-echo .5s cubic-bezier(.1,.7,.1,1)}@media (max-width:768px){.post-card{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-user-select:none;user-select:none}.post-card:active{cursor:grabbing}.post-card.swiping-right{box-shadow:-2px 0 20px #640064bf}.post-card.swiping-left{box-shadow:2px 0 20px #ff003799}.swipe-indicator{transition:opacity .2s ease}.post-card:not(:active) .swipe-indicator{opacity:0!important}.post-card:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;touch-action:none;z-index:-1}}.swipe-feedback{display:none}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:#fff0;border-left:.1px solid #0000;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}.upload-container{display:flex;flex-direction:column;height:100%;overflow-y:auto;position:relative;width:100%;z-index:1}@media screen and (max-width:650px){.upload-container{padding:0}}.upload-content{align-items:center;background-color:var(--background-third);display:flex;flex:1 1;flex-direction:column;padding:20px 20px 90px;width:100%}@media screen and (max-width:650px){.upload-container{padding:0}.upload-content{padding:10px}}.upload-buttons{display:flex;gap:10px;margin-top:auto}.upload-buttons button{background-color:var(--background-second);border:1px solid var(--text-primary);border-radius:5px;color:var(--text-primary);cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease}.upload-buttons button.active{background-color:var(--text-primary);color:var(--background-second)}.upload-buttons button:hover{background-color:var(--background-hover)}.upload-buttons button.active:hover{background-color:var(--text-secondary)}.text-editor-container{border-radius:4px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;height:calc(80vh - 70px);margin:0 auto;overflow:hidden;position:relative;width:100%}.text-editor-content{align-items:center;background-color:initial;display:flex;flex:1 1;justify-content:center;overflow-y:auto;position:relative}.draft-editor-wrapper{background-color:var(--background-second);border-radius:4px;box-shadow:inset 0 1px 3px #0000001a;height:100%;min-height:100%;overflow-y:auto;padding:15px;position:relative;width:100%}.DraftEditor-root{color:var(--text-primary);cursor:text;font-size:16px;height:100%;line-height:1.5;padding:10px;width:100%;z-index:1}.public-DraftStyleDefault-block{margin-bottom:8px}.DraftEditor-editorContainer{height:100%}.public-DraftEditor-content{min-height:100%}.placeholder-text{color:var(--text-secondary);font-size:18px;font-style:italic;left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:0}.text-editor-sidebar{background-color:var(--background-second);height:50px;justify-content:space-between;padding:0 15px;width:100%}.format-buttons,.text-editor-sidebar{align-items:center;display:flex;flex-direction:row}.format-buttons{gap:8px}.format-button{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;margin:0;padding:0;transition:all .2s;width:36px}.format-button.active{background-color:var(--background-hover);box-shadow:inset 0 1px 3px #0000001a;font-weight:700}.format-button:hover{background-color:var(--background-second)}.format-button:active{background-color:var(--background-third)}.upload-button{position:static;transform:none}.upload-button:active{background-color:var(--background-third)}::selection{background:var(--primary-color-light);color:var(--text-anti-primary)}.DraftEditor-root ::-webkit-scrollbar{width:6px}.DraftEditor-root ::-webkit-scrollbar-thumb{background-color:var(--secondary-color-light);border-radius:3px}.DraftEditor-root ::-webkit-scrollbar-track{background:var(--background-third)}.font-face-button{font-size:18px;font-weight:700}.notification-popup{animation:fadeInOut 2s ease-in-out;background-color:var(--background-second);border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--text-primary);font-size:14px;left:50%;max-width:80%;padding:12px 20px;position:absolute;text-align:center;top:20px;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@media screen and (max-width:650px){.text-editor-container{border-radius:0;box-shadow:none;margin:0;max-width:100%;padding-bottom:10px}.text-editor-sidebar{height:45px;padding:0 10px}.format-button{font-size:14px}.format-button,.upload-button{height:32px;width:32px}.draft-editor-wrapper{padding:10px}.notification-popup{font-size:12px;padding:10px 16px;top:10px}}.comment-editor{height:100px!important;max-height:100px!important}.comment-editor .text-editor-content{height:70px!important;max-height:70px!important;min-height:70px!important;overflow-y:auto!important}.comment-editor .text-editor-sidebar{height:30px}@media screen and (max-width:480px){.comment-input-container{height:120px;padding:5px}.comment-editor{height:100px!important;max-height:100px!important}.comment-editor .text-editor-content{height:70px!important;max-height:70px!important;min-height:70px!important}}.emoticon-popup{background-color:var(--background-second);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:fixed;width:350px;z-index:100}.emoticon-popup-upload-page{left:var(--popup-left);top:var(--popup-top)}.emoticon-popup-comments{margin-bottom:500px;z-index:1050}.emoticon-popup-mobile{max-height:460px;padding:3px;width:280px}.emoticon-categories{background-color:var(--background-third);border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:center;overflow-x:auto;padding:8px}.emoticon-category-button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;margin:0 3px;padding:0;width:30px}.emoticon-category-button:hover{background-color:var(--background-hover)}.emoticon-category-button.active{background-color:var(--primary-color-light)}.emoticon-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:8px}.emoticon-category-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:8px;padding-left:4px}.emoticon-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr)}.emoticon-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-size:20px;height:34px;justify-content:center;transition:all .2s;width:34px}.emoticon-button:hover{background-color:var(--background-hover);transform:scale(1.1);z-index:1}.emoticon-close-button{background-color:var(--background-third);border:none;border-top:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px;width:100%}.emoticon-close-button:hover{background-color:var(--background-hover)}@media screen and (max-width:992px){.emoticon-grid{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:768px){.emoticon-popup{max-height:380px;width:300px}.emoticon-categories{padding:4px}.emoticon-category-button{font-size:14px;height:28px;margin:1px;width:28px}.emoticon-category-title{font-size:13px;padding:4px}.emoticon-grid{gap:3px;padding:0 4px 4px}.emoticon-button{font-size:16px;height:30px;width:30px}.emoticon-close-button{font-size:13px;padding:6px}}@media screen and (max-width:480px){.emoticon-popup{max-height:350px;width:300px}.emoticon-grid{gap:2px;grid-template-columns:repeat(6,1fr)}.emoticon-popup-comments{max-width:300px}}.url-popup{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0003;left:var(--popup-left);padding:8px;position:fixed;top:var(--popup-top);z-index:100}.url-input{border:1px solid #ddd;margin-right:8px;padding:6px;width:240px}.url-popup-buttons{display:flex;justify-content:flex-end;margin-top:8px}.url-cancel-button{background:#f3f4f6;margin-right:8px}.url-apply-button,.url-cancel-button{border:none;border-radius:4px;cursor:pointer;padding:4px 8px}.url-apply-button{background:#3b82f6;color:#fff}.comment-edit-container{bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.comment-edit-header{justify-content:space-between;margin-bottom:20px}.comment-edit-page{background-color:var(--background-second);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.comment-edit-header h2{margin:0}.comment-edit-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.comment-edit-container{border-radius:12px;color:var(--text-primary);flex-direction:column;height:80vh;overflow:hidden;position:relative;width:80%}.comment-edit-container,.comment-edit-header{background-color:var(--background-second);display:flex}.comment-edit-header{align-items:center;border-bottom:1px solid var(--border-light);padding:16px}.comment-edit-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.comment-edit-content :global(.text-editor-container){background-color:var(--background-second);border:1px solid var(--border-light);border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:12px}.comment-edit-content :global(.text-editor-content){background-color:var(--background-second);color:var(--text-primary);flex:1 1;min-height:200px}.comment-edit-content :global(.text-editor-toolbar){border:none;margin-top:12px;padding-top:12px}@media screen and (max-width:480px){.comment-edit-container{border-radius:0;height:100vh;width:100%}.comment-edit-content{padding:12px}}.comment{color:var(--text-primary)}.comment-container{display:flex;justify-content:space-between;width:100%}.comment-left{flex:1 1;margin-right:15px}.comment-right{align-items:flex-end;display:flex;flex-direction:column;min-width:60px}.comment-header{align-items:center;display:flex;width:100%}.comment-author{align-items:center}.author-info,.comment-author{display:flex;flex-direction:column}.author-info{align-items:flex-end}.comment-avatar-container{align-items:center;display:flex;flex-direction:column}.comment-time{color:#777;font-size:10px;margin-top:2px;text-align:center}.comment-avatar{border-radius:50%;flex-shrink:0;height:28px;overflow:hidden;width:28px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.default-avatar{align-items:center;background-color:#333;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.comment-content{display:flex;flex-direction:column;flex-grow:1;gap:1px;padding-left:10px;padding-top:-20px;width:100%}.comment-username{font-size:14px;font-weight:700}.comment-actions,.comment-stats{align-items:center;display:flex}.comment-actions{gap:8px;margin-right:6px}.comment-reply-btn,.comment-translate-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:0;text-decoration:none}.comment-like-button svg,.comment-reply-btn svg{height:16px;width:16px}.comment-reply-count{color:#999;font-size:11px}.comment-like-button{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:2px;transition:color .2s}.comment-like-button.liked{color:#999}.comment-like-button.liked svg{fill:#ff1744;stroke:#ff1744}[data-theme=dark] .comment-like-button.liked svg{fill:#ff4081;stroke:#ff4081}.comment-menu-container{align-items:center;display:flex;margin-right:4px;margin-top:2px;position:relative;z-index:10}.comment-menu-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;outline:none;padding:.25rem .5rem;transition:background-color .2s}.comment-menu-button svg{height:16px;width:16px}.dropdown-menu-display-left{background-color:var(--background-second);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:8px;box-shadow:0 2px 8px #00000026;left:10px;min-width:80px;overflow:hidden;position:absolute;top:100%;z-index:10}.menu-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:12px;padding:6px 10px;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:#0000000d;background-color:var(--background-hover,#0000000d)}.comment-replies{margin-top:4px}.comment-replies-toggle{margin-top:-15px}.view-replies-btn{background:none;border:none;color:#999;cursor:pointer;font-size:12px;padding:2px 0;text-align:left}.comment-replies-container{margin-bottom:-5px;margin-left:30px;position:relative;width:calc(100% - 30px)}.comment-replies-container:before{background-color:var(--border-color);bottom:0;content:"";left:-10px;position:absolute;top:0;width:1px}.comment-replies-container .comment{border-bottom:none;padding-bottom:0;width:100%}.comment-replies-container .comment:last-child{padding-bottom:8px}.comment-replies-container .comment-container{width:100%}.comment-replies-container .comment-content{flex:1 1;min-width:0}.comment-reply-form-container{background-color:#0003;border:1px solid #444;border-radius:6px;overflow:hidden}.comment-reply-editor{max-height:150px;padding:8px}.comment-reply-editor .text-editor-content{max-height:120px;min-height:60px;overflow-y:auto}.comment-reply-editor .text-editor-toolbar{border-top:1px solid #444;padding:4px 0}.comment-cancel-reply-btn{background:none;border:none;border-top:1px solid #444;color:#999;cursor:pointer;padding:8px;text-align:center;transition:background-color .2s;width:100%}.comment-cancel-reply-btn:hover{background-color:#ffffff0d}.comment-delete-confirmation-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.comment-delete-confirmation-popup{background-color:var(--background-second);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-large);color:var(--text-primary);min-width:300px;padding:20px}.comment-delete-confirmation-popup p{color:var(--text-primary);margin-bottom:20px;text-align:center}.comment-confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:15px}.comment-confirmation-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 20px;transition:all var(--transition-speed) ease}.comment-confirmation-buttons button:first-child{background-color:var(--error-color);color:#fff}.comment-confirmation-buttons button:first-child:hover{background-color:var(--error-color);opacity:.9}.comment-confirmation-buttons button:last-child{background-color:var(--secondary-color);color:#fff}.comment-confirmation-buttons button:last-child:hover{background-color:var(--secondary-color-dark)}.comment-replying-to-container{align-items:center;background-color:#0000001a;border-left:3px solid #007bff;border-left:3px solid var(--primary-color,#007bff);border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.comment-replying-to-text{color:#999;color:var(--text-secondary,#999);font-size:14px}.comment-replying-to-container .comment-cancel-reply-btn{background:none;border:none;border-radius:4px;color:#999;color:var(--text-secondary,#999);cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s}.comment-replying-to-container .comment-cancel-reply-btn:hover{background-color:#ffffff1a}.comment-reply-container{align-items:center;display:flex;gap:2px}.reply-divider{border:none;border-top:1px solid var(--border-color);margin-top:-5px}.load-more-replies{display:flex;justify-content:center;margin:8px 0;width:100%}.load-more-button{align-items:center;background:none;border:1px solid #444;border:1px solid var(--border-light,#444);border-radius:16px;color:#999;color:var(--text-secondary,#999);cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:5px 12px;transition:all .2s ease;transition:all var(--transition-speed,.2s) ease}.load-more-button:hover{background-color:#ffffff0d;background-color:var(--background-hover,#ffffff0d);color:#eee;color:var(--text-primary,#eee)}.load-more-button:disabled{cursor:not-allowed;opacity:.6}.comments-view{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.comments-list{-webkit-overflow-scrolling:touch;flex:1 1;height:100%;overflow-y:auto;padding:1rem 1rem 180px;scroll-behavior:smooth}.comments-scrollable-feed{height:calc(100vh - 130px);left:0;overflow-y:auto;padding-bottom:20px;position:absolute;right:0;scrollbar-color:#0000004d #0000;scrollbar-width:thin;width:100%}.embedded-comments-list{padding-bottom:150px}.comment-item{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 4px 4px #0000001a;margin-bottom:10px;padding:5px 5px 5px 15px}.loading-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;height:100%;justify-content:center}.loading-more{padding:1rem}.loading-more,.no-comments{color:var(--text-secondary);text-align:center}.no-comments{font-size:1.1rem;padding:2rem}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-track{background:var(--background-secondary)}.comments-list::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.comments-list::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.comment-page-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.comment-page-container{background-color:var(--background-first);border-radius:12px;color:var(--text-primary);overflow:hidden;width:100%}.comment-content-container,.comment-page-container{display:flex;flex-direction:column;height:100%;position:relative}.comments-section{flex:1 1;padding-left:10px}.comment-input-container{background-color:var(--background-second);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;flex-direction:column;height:auto;left:0;min-height:120px;padding:10px;position:relative;right:0;z-index:10}.comment-input-container--replying{min-height:160px}.comment-label{font-size:20px;font-weight:600;margin:0;padding-left:20px}.comment-page-container-embedded{background-color:var(--background-first);border-radius:12px;color:var(--text-primary);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.replying-to-container{align-items:center;background-color:#0000001a;border-left:3px solid #007bff;border-left:3px solid var(--primary-color,#007bff);border-radius:4px;display:flex;flex-shrink:0;height:36px;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.comment-editor{display:flex;flex:1 1;flex-direction:column;min-height:80px}.post-page-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.post-page-container{background-color:var(--background-second);border-radius:12px;color:var(--text-primary);display:flex;flex-direction:column;height:90vh;overflow:hidden;position:relative;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;width:90%}.unified-content-container{flex:1 1;height:calc(100% - 40px);overflow:hidden}.content-wrapper{display:flex;height:100%;width:100%}.post-section{background-color:var(--background-second);color:var(--text-primary);height:100%;overflow-y:auto;padding-left:20px;padding-right:10px;text-align:justify;width:60%}.comments-wrapper{border-radius:12px;height:100%;overflow-y:auto;padding-left:10px;width:40%}@media screen and (max-width:768px){.post-page-container{border-radius:0;height:100vh;width:100%}.content-wrapper{flex-direction:column}.post-section{height:60%;width:100%}.comments-wrapper{border-left:none;border-radius:20px;border-top:1px solid var(--border-light);height:40%;width:100%}}.comment-editor{height:80px;max-height:80px}.content-wrapper:has(.comments-wrapper:only-child),.content-wrapper:has(.post-section:only-child){flex-direction:column}.content-wrapper:has(.comments-wrapper:only-child) .comments-wrapper,.content-wrapper:has(.post-section:only-child) .post-section{border:none;height:100%;width:100%}.post-section h3{color:var(--text-primary);margin:16px 0}.comment-editor .text-editor-content{background-color:var(--background-second);color:var(--text-primary);height:60px!important;max-height:60px!important;min-height:60px!important;overflow:hidden!important}@media screen and (max-width:480px){.post-page-container{border-radius:0;height:100vh;margin:0;width:100%}.unified-content-container{max-height:calc(100vh - 130px)}}.post-page-container .post-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;position:relative}.post-page-container .post-card{border:none;box-shadow:none;overflow:visible;position:relative}.feed-container{padding:20px 0}.post-item,.show-more-button{transition:none}@media (max-width:480px){.feed-container{padding-bottom:20px}}.user-profile{background-color:var(--background-first);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.profile-top{border-bottom:1px solid var(--background-third);display:flex;justify-content:flex-end;margin-bottom:30px;padding:20px 20px 15px;width:100%}.username-container{gap:12px}.profile-center,.username-container{align-items:center;display:flex;flex-direction:column}.profile-center{width:100%}.tabs-container{display:flex;gap:15px;justify-content:center;margin-bottom:20px;width:100%}.tab{background-color:var(--background-third);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:10px 0;text-align:center;transition:background-color .2s ease;width:120px}.tab:hover{opacity:.9}.tab.active{background-color:var(--primary-color);color:var(--text-anti-primary)}.content-container{background-color:var(--background-second);border-radius:4px;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:15px;width:100%}.content-item{background-color:var(--primary-color-light);border-radius:8px;height:80px;transition:transform .2s ease;width:80px}.content-item:hover{transform:scale(1.03)}@media (max-width:480px){.content-container{padding:10px}.tabs-container{flex-direction:row;justify-content:center}.tab{text-align:center;width:100px}}.account-container{flex-direction:column;overflow:hidden;position:relative}.account-container,.account-page{background-color:var(--background-first);display:flex;height:100%;margin:0;padding:0;width:100%}.account-page{flex:1 1}.profile-content{background-color:var(--background-first);flex:1 1;overflow-y:auto;padding:20px}@media (max-width:768px){.profile-content{padding:15px}.account-container{padding-bottom:5px}.account-container,.account-page{height:calc(100vh - 60px);overflow:hidden;position:relative}.account-page{align-items:stretch;display:flex}}@media (max-width:375px){.profile-content{padding:12px}.account-container{height:calc(100vh - 60px)}}.rhap_container{box-shadow:0 0 3px 0 #0003;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{background-color:#ddd;border-radius:2px;box-sizing:border-box;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{background-color:#ddd;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#868686;border-radius:50px;box-shadow:0 0 5px #86868680;box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#868686;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#868686;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#868686;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#ddd;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#868686;border-radius:50px;box-shadow:0 0 3px #86868680;box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#868686;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:initial;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.audio-player{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px;position:relative}.audio-player-wrapper{margin:20px 0;position:relative;width:100%}.audio-controls{gap:16px;justify-content:center;margin-bottom:16px}.audio-controls button{background-color:var(--primary-color);border:none;border-radius:20px;color:var(--text-anti-primary);cursor:pointer;padding:8px 16px}.audio-controls button:hover{background-color:var(--primary-color-dark)}.audio-progress{align-items:center;display:flex;gap:8px;margin-bottom:16px}.time-display{font-family:monospace;min-width:45px}.time-slider{appearance:none;background:var(--border-color);border-radius:2px;flex:1 1;height:4px;outline:none}.time-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s;transition:transform .2s;width:12px}.time-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:12px;-moz-transition:transform .2s;transition:transform .2s;width:12px}.time-slider::-moz-range-thumb:hover,.time-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.now-playing{margin-bottom:20px;text-align:center}.now-playing-label{color:var(--text-secondary);font-size:14px;margin-bottom:5px}.file-name{color:var(--text-primary);font-size:18px;font-weight:500}.post-content{height:100%}.post-content,.slide-container{overflow:hidden;position:relative}.sliding-up{animation:slideUp .3s ease-out}.sliding-down{animation:slideDown .3s ease-out}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.mode-toggle{margin-bottom:20px;text-align:center}.mode-toggle-button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--text-anti-primary);cursor:pointer;font-size:16px;padding:10px 20px}.mode-toggle-button:hover{background-color:var(--primary-color-dark)}.audio-info{margin-bottom:20px;text-align:center}.audio-info h2{color:#333;font-size:1.5rem;margin:0}.audio-player-container{position:relative}.audio-status{color:#555;font-size:1.2rem;padding:20px;text-align:center}.audio-status.error{color:#c00}.loading-metadata{color:#888;font-size:.9rem;margin-top:10px;text-align:center}.mode-info{align-items:center;background-color:#f5f5f5;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px}.current-mode{color:#333;font-size:1.2rem;font-weight:700}.test-mode-link{background-color:#4caf50;border-radius:4px;color:#fff;display:inline-block;font-weight:700;padding:8px 16px;text-decoration:none;transition:background-color .3s}.test-mode-link:hover{background-color:#45a049}.rhap_container{background-color:#fff;box-shadow:0 2px 4px #0000001a}.rhap_main{color:var(--text-primary)!important}.rhap_controls-section,.rhap_main{background-color:var(--background-second)!important}.rhap_main-controls-button{color:var(--primary-color)!important;margin:0 8px!important}.rhap_main-controls-button svg{fill:var(--primary-color)!important}.rhap_progress-bar{height:5px}.rhap_progress-filled{background-color:#4caf50}.rhap_button-clear{color:#333}.rhap_time{color:#555}@keyframes slideLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes slideRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.slide-left{animation:slideLeft .5s forwards}.slide-right{animation:slideRight .5s forwards}.horizontal-container{background-color:var(--background-second)!important;border-bottom:1px solid var(--border-color)!important}.follow-btn,.interaction-buttons button{background-color:var(--background-third)!important;color:var(--text-primary)!important}.follow-btn:hover,.interaction-buttons button:hover{background-color:var(--background-hover)!important}[data-theme=dark] .rhap_container,[data-theme=dark] .rhap_controls-section,[data-theme=dark] .rhap_main,[data-theme=dark] .rhap_volume-controls{background-color:var(--background-second)!important}[data-theme=dark] .rhap_main-controls-button svg,[data-theme=dark] .rhap_volume-button svg{fill:var(--primary-color)!important}.custom-audio-player .rhap_volume-controls{align-items:center;display:flex;height:100%;justify-content:flex-end;position:absolute;right:10px;top:0}.custom-audio-player .rhap_volume-bar-area{height:20px;margin-right:-20px;transform:rotate(-90deg);width:60px}.custom-audio-player .rhap_volume-button{margin-right:10px}.custom-audio-player .rhap_container{padding-right:60px}.post-page{background-color:var(--background-first);bottom:0;box-sizing:border-box;color:var(--text-primary);flex-direction:column;font-family:Arial,sans-serif;height:100vh;left:0;position:absolute;right:0;top:0;width:100vw;z-index:1}.main-content,.post-page{display:flex;margin:0;overflow:hidden;padding:0}.main-content{flex:1 1;flex-direction:column;position:relative;width:100%}.slide-container{height:100%;transition:transform .3s ease-out;width:100%}.sliding-up{transform:translateY(-100%)}.sliding-down{transform:translateY(100%)}.horizontal-container{align-items:center;background-color:var(--background-second);border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;justify-content:space-between;padding:15px;position:sticky;top:0;width:100%;z-index:10}.post-body{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.post-body h2{color:var(--text-primary);margin-bottom:20px}.post-body p{color:var(--text-primary);margin-bottom:15px;white-space:pre-line}.author{color:var(--text-secondary);font-style:italic}.category-tag{background-color:var(--background-fourth);border-radius:15px;color:var(--text-primary);display:inline-block;margin-top:10px;padding:5px 10px}.gesture-instructions{background-color:var(--background-second);border-radius:8px;color:var(--text-primary);margin-top:20px;padding:10px}.profile-info{align-items:center;color:var(--text-primary);display:flex;gap:1rem}.follow-btn,.logo,.poster-profile{background-color:var(--background-third);border-radius:4px;color:var(--text-primary);cursor:pointer;font-weight:700;margin-bottom:0;padding:5px 10px;transition:all .2s ease}.follow-btn:hover,.logo:hover,.poster-profile:hover{background-color:var(--background-hover);transform:scale(1.05)}.interaction-buttons{display:flex;gap:1rem}.comment-btn,.like-btn,.share-btn{background-color:var(--background-third);border:none;border-radius:20px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.comment-btn:hover,.like-btn:hover,.share-btn:hover{background-color:var(--background-hover)}.slider-container{background-color:var(--background-second);border-radius:4px 0 0 4px;box-sizing:border-box;color:var(--text-primary);max-width:30%;padding:10px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:120px}.feed-container{background-color:var(--background-first);box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:600px;padding:20px 0 120px;width:100%}.scrollable-feed{bottom:70px;height:calc(100vh - 130px);left:0;overflow-y:auto;padding-bottom:40px;position:absolute;right:0;scrollbar-color:#0000004d #0000;scrollbar-width:thin;top:60px;width:100%}.scrollable-feed::-webkit-scrollbar{position:absolute;right:0;width:8px}.scrollable-feed::-webkit-scrollbar-track{background:#0000}.scrollable-feed::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.scrollable-feed::-webkit-scrollbar-thumb:hover{background-color:#00000080}.loading-trigger{height:20px;margin:10px 0;opacity:0;text-align:center;width:100%}.post-item{padding-left:15px;padding-right:15px;position:relative;transition:transform .2s ease;width:100%}.post-item:hover{transform:translateY(-2px)}.loading-indicator,.loading-more,.no-posts{color:#65676b;padding:20px;text-align:center}.loading-more{background-color:#f0f2f5;border-radius:8px;padding:10px}[data-theme=dark] .feed-container{background-color:var(--background-first)}[data-theme=dark] .loading-more{background-color:#242526;color:#b0b3b8}[data-theme=dark] .scrollable-feed::-webkit-scrollbar-thumb{background-color:#ffffff4d}[data-theme=dark] .scrollable-feed::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}[data-theme=dark] .scrollable-feed{scrollbar-color:#ffffff4d #0000}@media (max-width:480px){.scrollable-feed{bottom:60px;height:calc(100vh - 110px);padding-bottom:30px;top:50px}.feed-container{padding-bottom:120px}}.show-more-container{display:flex;justify-content:flex-start;margin-top:10px;padding-left:8px}.show-more-button{background-color:initial;border:1px solid #444;border-radius:16px;color:#b8b8b8;cursor:pointer;font-size:.9rem;font-weight:500;padding:5px 12px;transition:all .2s ease}.show-more-button:hover{background-color:#ffffff1a;border-color:#666;color:#fff}[data-theme=dark] .show-more-button{background-color:#ffffff0d;color:#b8b8b8}[data-theme=light] .show-more-button{background-color:#0000000d;border-color:#ddd;color:#555}.container-login-redirect{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;text-align:center}.container-login-redirect p{font-size:1.2em;margin-bottom:20px}.container-login-redirect a{border:1px solid #007bff;border-radius:5px;color:#007bff;font-size:1em;padding:10px 20px;text-decoration:none;transition:background-color .3s,color .3s}.container-login-redirect a:hover{background-color:#007bff;color:#fff}.upload-audio-container{background-color:var(--background-second);border-radius:10px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;height:calc(100vh - 70px);width:100%}.recording-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:20px;justify-content:center;padding:20px}.recording-controls{align-items:center;display:flex;gap:15px}.record-button{align-items:center;background:var(--background-second);border:none;border-radius:8px;box-shadow:var(--shadow-small);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:10px 15px}.record-button:hover{background-color:var(--background-hover);transform:scale(1.05)}.stop-button{border:none;border-radius:8px;box-shadow:var(--shadow-small);color:var(--text-anti-primary);cursor:pointer;font-weight:700;padding:10px 20px}.stop-button,.stop-button:hover{background-color:var(--error-color)}.stop-button:hover{opacity:.9;transform:scale(1.05)}.recording-time{background-color:var(--background-second);border-radius:20px;box-shadow:var(--shadow-small);color:var(--text-primary);font-size:18px;font-weight:700;min-width:70px;padding:8px 15px;text-align:center}.waveform-icon{color:#fff;height:60px;margin-bottom:8px;width:60px}.audio-preview{align-items:center;background-color:var(--background-second);border-radius:8px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:10px;max-width:500px;padding:15px;width:80%}.audio-preview audio{width:100%}.save-button{background-color:var(--background-second);border:1px solid var(--text-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:10px 20px;width:100%}.save-button:hover{background-color:var(--background-hover)}.audio-sidebar{background-color:var(--background-third);border-top:1px solid var(--border-color);height:50px;justify-content:space-between;padding:0 15px;width:100%}.audio-sidebar,.sidebar-options{align-items:center;display:flex;flex-direction:row}.sidebar-options{gap:8px}.sidebar-option{background:none;border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 15px}.sidebar-option:hover{background-color:var(--background-hover)}.upload-button{align-items:center;background:var(--background-second);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;width:36px}.upload-button:hover{background-color:var(--background-hover)}.audio-player{background:var(--background-third);border-radius:8px;box-shadow:var(--shadow-small);padding:15px;width:100%}.playback-controller{margin-bottom:15px;width:100%}.timeline-slider{-webkit-appearance:none;background:var(--background-second);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:12px;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-controls{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.audio-controls-left,.audio-controls-right{align-items:center;display:flex;gap:15px}.control-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px}.control-button:hover{background:var(--background-hover)}.control-button img{height:20px;width:20px}.time-display{color:var(--text-secondary);font-size:14px}.search-container{background-color:var(--background-second);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:10px}.search-bar-container{display:flex;margin-bottom:15px}.search-input{border:none;border-radius:4px 0 0 4px;color:var(--text-primary);flex:1 1;font-size:16px;padding:10px 15px}.search-button,.search-input{background-color:var(--background-third)}.search-button{align-items:center;border:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;justify-content:center;width:50px}.search-button img{height:24px;width:24px}.category-buttons{display:flex;justify-content:space-around;margin-bottom:15px}.category-button{align-items:center;cursor:pointer;display:flex;flex-direction:column;text-align:center}.category-icon{height:40px;margin-bottom:5px;width:40px}.category-button span{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.2}.content-area{background-color:var(--background-third);border-radius:4px;flex:1 1;min-height:350px}.custom-button{align-items:center;background-color:var(--background-second);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:16px;justify-content:center;margin:2px;min-height:40px;min-width:40px;padding:6px 12px;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,transform .2s ease}.custom-button:hover{background-color:var(--background-hover);transform:translateY(-2px)}.custom-button.active{background-color:var(--background-fourth)}.button-icon{filter:brightness(0);height:24px;margin-bottom:5px;min-width:24px;object-fit:contain;transition:filter var(--transition-speed) ease;width:24px}[data-theme=dark] .button-icon{filter:brightness(0) invert(1)}.button-icon.preserve-colors{filter:none}[data-theme=dark] .button-icon.preserve-colors{filter:brightness(1.2)}.button-label{font-size:14px;font-weight:700;line-height:1}.button-label,.button-label-outside{text-align:center;transition:color var(--transition-speed) ease}.button-label-outside{color:var(--text-secondary);font-size:12px;margin-top:4px}.icon-button-container{align-items:center;display:flex;flex-direction:column;height:100%;overflow:visible;width:100%}@media (max-width:768px){.custom-button{font-size:14px;min-height:38px;min-width:38px;padding:5px 8px}.button-icon{height:20px;margin-bottom:3px;min-width:20px;width:20px}.button-label{font-size:12px}}@media (max-width:480px){.custom-button{font-size:12px;min-height:36px;min-width:36px;padding:4px 6px}.button-icon{height:18px;margin-bottom:2px;min-width:18px;width:18px}.button-label{font-size:10px}}[data-theme=dark] .custom-button{border-color:var(--text-primary)}[data-theme=dark] .custom-button:hover{background-color:var(--background-hover)}[data-theme=dark] .custom-button.active{background-color:var(--background-third)}.my-component{background-color:var(--background-second);border:1px solid var(--border-color)}.auth-page,.my-component{color:var(--text-primary)}.auth-page{align-items:center;background-color:var(--background-first);display:flex;flex-direction:column;height:100vh;justify-content:center}.auth-page h1{font-size:2rem}.auth-form,.auth-page h1{color:var(--text-primary);margin-bottom:1rem}.auth-form{align-items:center;background-color:var(--background-second);border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;padding:2rem;width:500px}.auth-form--input{background-color:var(--background-third);border:none;border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;height:40px;margin-bottom:.5rem;padding:.75rem;width:100%}input[type=password],input[type=text].auth-form--input{padding:.75rem 40px .75rem .75rem}.auth-form--input-container,.auth-form--password-container{height:40px;margin-bottom:1rem;position:relative;width:300px}.auth-form--primary-button,.auth-form--secondary-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin-top:.5rem;padding:.75rem 1.5rem;width:300px}.auth-form--primary-button{background-color:var(--background-fourth);color:var(--text-primary);margin-bottom:2rem}.auth-form--primary-button:hover{background-color:var(--background-hover);color:var(--text-primary)}.auth-form--secondary-button{background-color:var(--secondary-color);color:var(--text-anti-primary);margin-bottom:0}.auth-form--secondary-button:hover{background-color:var(--background-hover-secondary);color:var(--text-anti-primary)}.auth-form--password-container .auth-form--input{padding-right:40px}.auth-form--show-password-button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;margin:0;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;z-index:10}.auth-form--show-password-button svg{fill:currentColor;display:block;height:16px;width:16px}.auth-form--show-password-button:hover{color:var(--text-primary)}.auth-form--error-message{color:#dc3545;margin-bottom:1rem;text-align:center}svg{display:inline-block;vertical-align:middle}.logoutContainer{align-items:center;background-color:var(--background-first);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:100%;min-height:100vh;padding:16px;text-align:center;transition:background-color var(--transition-speed) ease;width:100%}.title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:30px;max-width:90%;text-align:center;transition:color var(--transition-speed) ease}.buttonContainer{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.logoutButton{background-color:var(--error-color)}.cancelButton,.logoutButton{border:none;border-radius:4px;color:var(--text-anti-primary);cursor:pointer;font-size:1rem;min-width:120px;padding:12px 24px;transition:all var(--transition-speed) ease}.cancelButton{background-color:var(--secondary-color)}.cancelButton:hover,.logoutButton:hover{box-shadow:var(--shadow-medium);opacity:.9}.cancelButton:focus,.logoutButton:focus{box-shadow:0 0 0 3px #dc35454d;outline:none}@media screen and (max-width:480px){.title{font-size:1.5rem;margin-bottom:20px}.buttonContainer{gap:12px}.cancelButton,.logoutButton{min-width:110px;padding:10px 20px;width:calc(50% - 6px)}}@media screen and (max-width:350px){.buttonContainer{flex-direction:column;max-width:200px;width:100%}.cancelButton,.logoutButton{width:100%}}.footer{align-items:center;background-color:var(--background-second);box-shadow:0 -1px 5px #0003;display:flex;flex-wrap:nowrap;gap:5px;justify-content:space-between;max-height:80px;min-height:70px;overflow:visible;padding:10px 0;position:relative;z-index:10}.footer *{box-sizing:border-box;max-width:100%}.footer-button{align-items:center;background-color:var(--background-second);display:flex;flex:1 1;font-size:16px;justify-content:center;margin:5px;max-width:100px;overflow:visible;padding:0;text-align:center;text-decoration:none}@media (min-width:769px){.footer{gap:15px;justify-content:center;max-height:80px;min-height:70px;padding:10px 0}.footer-button{flex:0 1 80px}}@media (max-width:768px){.footer{bottom:0;left:0;max-height:75px;min-height:65px;padding:8px 0;position:fixed;right:0;width:100%}.footer-button{font-size:14px;margin:3px}.custom-button .button-icon{height:20px;width:20px}}@media (max-width:480px){.footer{justify-content:space-around;max-height:70px;min-height:60px;padding:6px 0}.footer-button{font-size:12px;margin:2px;padding:0}.custom-button .button-icon{height:16px;width:16px}}.sidebar{background-color:var(--background-second);box-shadow:var(--shadow-large);display:flex;flex-direction:column;height:100%;padding:20px 0;position:absolute;right:0;top:0;transition:transform .3s ease;width:150px;z-index:200}.sidebar.visible{transform:translateX(0)}.sidebar.hidden{transform:translateX(100%)}.category-item{color:var(--text-primary);cursor:pointer;font-weight:700;padding:8px 20px}.category-item.active{background-color:var(--primary-color)!important;color:#fff!important}.category-item:hover{background-color:var(--background-hover)}.category-item.active:hover{background-color:var(--primary-color)!important}.top-nav{background-color:var(--background-second);box-shadow:var(--shadow-medium);height:60px;justify-content:space-between;padding:0 20px;position:relative;z-index:50}.left-section,.top-nav{align-items:center;display:flex}.left-section{flex:1 1}.center-section{display:flex;flex:2 1;justify-content:center}.right-controls{align-items:center;display:flex;flex:1 1;gap:15px;justify-content:flex-end}.filter-btn,.go-live-btn,.liveroom-btn{background:none;border:none;border-radius:20px;color:var(--text-primary);cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s}.filter-btn:hover,.go-live-btn:hover,.liveroom-btn:hover{background-color:var(--background-hover)}.filter-btn{position:relative;z-index:150}.sidebar-visible .filter-btn{background-color:var(--background-hover)}.sidebar-backdrop{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:50}.sidebar-visible .sidebar-backdrop{display:block}@media (max-width:768px){.top-nav{height:50px;padding:0 10px}.right-controls{gap:8px}.filter-btn,.go-live-btn,.liveroom-btn{font-size:14px;padding:6px 10px}}.content-type-toggle{margin-right:10px}.content-type-filters{display:flex;margin-right:10px}.content-type-btn{background:#0000;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:14px;margin:0 2px;padding:5px 12px;transition:all .3s ease}.content-type-btn:first-child{border-radius:20px 0 0 20px}.content-type-btn:last-child{border-radius:0 20px 20px 0}.content-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.content-type-btn:hover:not(.active){background-color:var(--background-hover)}.settings-button{align-items:center;background-color:initial;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:transform .2s ease;width:36px}.settings-button:hover{background-color:var(--background-hover);transform:rotate(30deg)}.settings-button svg{color:var(--text-primary);height:22px;width:22px}.theme-toggle{align-items:center;background-color:var(--background-third);border:none;border-radius:50%;box-shadow:var(--shadow-small);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all var(--transition-speed) ease;width:40px}.theme-toggle:hover{background-color:var(--background-hover);box-shadow:var(--shadow-medium);transform:translateY(-2px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle svg{fill:currentColor;height:20px;transition:transform .5s ease;width:20px}.theme-toggle:hover svg{transform:rotate(30deg)}.settings-sidebar{background-color:#f5f5f5;background-color:var(--background-second,#f5f5f5);border-right:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;height:100%;left:0;margin:0;padding:0;position:absolute;transform:translateX(-100%);transition:transform .3s ease;width:200px;z-index:100}.settings-sidebar.visible{transform:translateX(0)}.settings-sidebar.hidden{transform:translateX(-100%)}.sidebar-header{background-color:#f5f5f5;background-color:var(--background-second,#f5f5f5);border-bottom:1px solid #e0e0e0;color:#333;color:var(--text-primary,#333);font-size:18px;font-weight:600;padding:15px;text-align:center}.settings-header{padding-left:5px;text-align:left}.sidebar-content{flex-grow:1;justify-content:space-between;padding:10px 0}.sidebar-content,.sidebar-section{display:flex;flex-direction:column}.top-section{flex:1 1;min-height:100px}.middle-section{flex:1 1;min-height:150px;padding:15px 0}.bottom-section{flex:1 1;min-height:150px;padding-top:15px}.sidebar-item{align-items:center;color:#333;color:var(--text-primary,#333);cursor:pointer;display:flex;font-size:16px;justify-content:space-between;line-height:1.4;margin-bottom:5px;padding:15px 20px;transition:background-color .2s ease}.sidebar-item.active,.sidebar-item:hover{background-color:#eaeaea;background-color:var(--background-hover,#eaeaea)}.sidebar-item.active{border-left:3px solid #3a7aff;font-weight:500}.sidebar-item-actions{align-items:center;display:flex;gap:10px}.checkbox{border:1px solid #ccc;border-radius:4px}.checkbox,.share-icon{cursor:pointer;height:20px;width:20px}.share-icon{background-image:url(/static/media/share-2.709c4a04c43066332bd7.svg);background-repeat:no-repeat;background-size:contain}@media (max-width:768px){.account-sidebar{bottom:60px;box-shadow:2px 0 10px #0000001a;height:calc(100% - 60px);max-height:calc(100vh - 60px);overflow-y:auto;position:absolute;top:0;width:180px;z-index:10}.sidebar-content{display:flex;flex-direction:column;padding-bottom:70px}.sidebar-item{font-size:15px;margin-bottom:8px;padding:12px 16px}}@media (max-width:375px){.account-sidebar{width:170px}.sidebar-item{font-size:14px;padding:10px 14px}}.post-edit-container{bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.post-edit-header{justify-content:space-between;margin-bottom:20px}.post-edit-page{bottom:0;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.post-edit-header,.post-edit-page{background-color:var(--background-second);display:flex}.post-edit-header{align-items:center;border-bottom:1px solid var(--border-light);padding:16px}.post-edit-header h2{margin:0 0 0 auto}.post-edit-header .category-dropdown{margin:0 10px;min-width:120px}.post-edit-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.post-edit-container{background-color:var(--background-second);border-radius:12px;flex-direction:column;height:80vh;overflow:hidden;position:relative;width:80%}.back-button,.post-edit-container{color:var(--text-primary);display:flex}.back-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;justify-content:center;padding:8px}.back-button:hover{background-color:var(--hover-light)}.post-edit-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.post-edit-content :global(.text-editor-container){background-color:var(--background-second);border:1px solid var(--border-light);border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:12px}.post-edit-content :global(.text-editor-content){background-color:var(--background-second);color:var(--text-primary);flex:1 1;min-height:200px}.post-edit-content :global(.text-editor-toolbar){border:none;margin-top:12px;padding-top:12px}@media screen and (max-width:480px){.post-edit-container{border-radius:0;height:100vh;width:100%}.post-edit-content{padding:12px}}.category-dropdown-container{align-items:center;display:flex;gap:12px;margin-bottom:16px}.category-dropdown{background-color:var(--background-second);border:1px solid #ccc;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.category-dropdown:focus{border-color:#666;outline:none}
/*# sourceMappingURL=main.abe28e7c.css.map*/