*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#f0f2f5;--bg-tertiary:#e4e6eb;--text-primary:#050505;--text-secondary:#65676b;--text-tertiary:#8a8d91;--border-color:#e4e6eb;--shadow-color:#0000001a}.dark-mode{--bg-primary:#0a0a0a;--bg-secondary:#121212;--bg-tertiary:#1a1a1a;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--text-tertiary:#8a8d91;--border-color:#1a1a1a;--shadow-color:#00000080}@media (max-width:768px){.dark-mode{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#121212;--border-color:#1a1a1a;--shadow-color:#000000b3}}html{scroll-behavior:smooth}body,html{-webkit-overflow-scrolling:touch;max-width:100vw;overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:auto;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#050505;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;transition:background-color .3s ease,color .3s ease}.dark-mode body,body{background-color:#f0f2f5;background-color:var(--bg-secondary)}@media (max-width:768px){.dark-mode body{background-color:#000}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark-mode button,.dark-mode input,.dark-mode select,.dark-mode textarea{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width:768px){a[role=button],button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-width:44px;touch-action:manipulation}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px;min-height:44px;padding:.875rem;touch-action:manipulation}a{touch-action:manipulation}*{-webkit-tap-highlight-color:transparent}img{display:block;height:auto;max-width:100%}#root{max-width:100vw;overflow-x:hidden;position:relative;width:100%}article,aside,div,footer,header,main,nav,section{box-sizing:border-box;max-width:100%}body{-webkit-overflow-scrolling:touch;overflow-x:hidden!important;overflow-y:auto!important}}.navbar{background-color:#333;box-shadow:0 2px 4px #0000001a;color:#fff;left:0;padding:1rem 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-brand{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-menu{gap:1.5rem}.navbar-link,.navbar-menu{align-items:center;display:flex}.navbar-link{border-radius:4px;color:#fff;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.navbar-link:hover{background-color:#ffffff1a}.navbar-link.active{background-color:#fff3;font-weight:600}.navbar-dropdown{position:relative}.navbar-dropdown-menu{background-color:#333;border-radius:4px;box-shadow:0 4px 6px #0000004d;margin-top:.5rem;min-width:180px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;visibility:hidden;z-index:1000}.navbar-dropdown:hover .navbar-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.navbar-dropdown-item{border-radius:4px;color:#fff;display:block;margin:.25rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s}.navbar-dropdown-item:hover{background-color:#ffffff1a}.navbar-user{color:#ccc;font-size:.9rem}.navbar-button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.navbar-button:hover{background-color:#c00}.navbar-mobile-toggle{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;touch-action:manipulation}.navbar-link-text{display:none}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-mobile-toggle{display:flex}.navbar-link-text{display:inline}.navbar-menu{align-items:stretch;background-color:#333;box-shadow:0 4px 6px #0000004d;box-sizing:border-box;flex-direction:column;gap:0;left:0;max-height:0;max-width:100vw;opacity:0;overflow:hidden;padding:1rem 0;position:fixed;right:0;top:60px;transition:max-height .3s ease,opacity .3s ease;width:100%;z-index:999}.navbar-menu.mobile-open{max-height:100vh;opacity:1}.navbar-link{align-items:center;border-radius:0;display:flex;justify-content:flex-start;min-height:44px;padding:1rem 1.5rem;touch-action:manipulation}.navbar-link:hover{background-color:#ffffff26}.navbar-user{display:none}.navbar-button{margin:.5rem 1.5rem;min-height:44px;touch-action:manipulation;width:calc(100% - 3rem)}.navbar-dropdown{width:100%}.navbar-dropdown-menu{background-color:#2a2a2a;border-radius:0;box-shadow:none;display:none;margin:0;min-width:auto;opacity:1;position:static;transform:none;visibility:visible;width:100%}.navbar-dropdown:focus-within .navbar-dropdown-menu,.navbar-dropdown:hover .navbar-dropdown-menu{display:block}.navbar-dropdown-item{align-items:center;border-radius:0;display:flex;margin:0;min-height:44px;padding:1rem 2.5rem;touch-action:manipulation}.navbar-dropdown-item:hover{background-color:#ffffff26}}.verseyard-brand{align-items:center;display:inline-flex;font-weight:800;gap:10px;letter-spacing:-.045em;line-height:1.2}.verseyard-brand img{display:block;flex-shrink:0}.verseyard-brand-dot{color:#c38d32}.dark-mode .navbar .navbar-brand,.navbar .navbar-brand{color:#fff4e0}.verseyard-powered{color:inherit;display:inline-block;margin-left:12px;text-decoration:none;text-underline-offset:4px}.verseyard-powered:hover{text-decoration:underline}.footer{background:#211b28;box-sizing:border-box;color:#fff4e0;margin-top:auto;padding:28px 24px;width:100%}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 auto;max-width:1180px}.footer-description{color:#c6bdcc;font-size:13px;margin:10px 0 0}.footer-links{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:22px}.footer-links a{color:#f3cb75;text-decoration:none;text-underline-offset:4px}.footer-links a:hover{text-decoration:underline}.footer-links span{color:#c6bdcc}@media(max-width:600px){.footer-container{align-items:flex-start;flex-direction:column}.footer-links{gap:16px}.footer-links span{flex-basis:100%}}.sidebar{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:0;width:250px}.left-sidebar{order:1}.right-sidebar{order:3}.sidebar-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);box-sizing:border-box;display:flex;flex-direction:column;height:200px;margin:0;overflow:hidden;padding:16px;width:100%}.sidebar-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.sidebar-content{color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;font-size:14px;line-height:1.5;overflow-x:hidden;overflow-y:auto}.sidebar-placeholder{color:var(--text-tertiary);font-style:italic;margin:0}.sidebar-link{color:#1976d2;display:inline-block;font-size:14px;font-weight:500;margin-top:8px;text-decoration:none;transition:color .2s}.sidebar-link:hover{color:#1565c0;text-decoration:underline}.sidebar-groups-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.sidebar-group-item{align-items:center;border-radius:6px;color:inherit;display:flex;gap:10px;padding:8px;text-decoration:none;transition:background-color .2s}.sidebar-group-item:hover{background-color:var(--bg-secondary)}.sidebar-group-avatar{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.sidebar-group-info{flex:1 1;min-width:0}.sidebar-group-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-meta{color:var(--text-tertiary);font-size:12px}.sidebar-advertisement{height:200px}.advertisement-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.advertisement-container .adsbygoogle{display:block;max-width:100%;width:100%}@media (max-width:1200px){.sidebar{padding:0;width:200px}}@media (max-width:968px){.sidebar{display:none}}@media (max-width:768px){.home-feed-container{max-width:100vw;overflow-x:hidden;width:100%}.home-feed-main{max-width:100%;overflow-x:hidden;width:100%}}.chatbox-container{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:fixed;right:20px;z-index:1000}.chatbox-toggle{background:#1976d2;border:none;border-radius:20px 20px 0 0;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.chatbox-toggle:hover{background:#1565c0}.chatbox-container.expanded .chatbox-toggle{border-radius:0}.chatbox-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-shadow:0 -2px 8px #0003;display:flex;flex-direction:column;height:400px;width:300px}.chatbox-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:12px 16px}.chatbox-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.chatbox-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chatbox-placeholder{color:#999;font-size:13px;font-style:italic;margin:0;padding:20px;text-align:center}.chatbox-input-area{background:#f5f5f5;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:12px}.chatbox-input{border:1px solid #e0e0e0;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:8px 12px}.chatbox-input:focus{border-color:#1976d2}.chatbox-input:disabled{background:#f5f5f5;cursor:not-allowed}.chatbox-send{background:#1976d2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.chatbox-send:hover:not(:disabled){background:#1565c0}.chatbox-send:disabled{background:#ccc;cursor:not-allowed}@media (max-width:968px){.chatbox-container{bottom:10px;right:10px}.chatbox-content{height:350px;width:280px}}@media (max-width:768px){.chatbox-container{bottom:5px;right:5px}.chatbox-toggle{min-height:44px;min-width:44px;padding:12px 20px;touch-action:manipulation}.chatbox-content{height:400px;max-width:320px;width:calc(100vw - 10px)}.chatbox-input{font-size:16px;min-height:44px;padding:10px 14px}.chatbox-send{min-height:44px;min-width:44px;padding:10px 18px;touch-action:manipulation}}.battle-layout .battle-detail-page{border-radius:22px;padding:32px}.battle-layout .battle-detail-title{font-size:clamp(23px,3vw,36px);gap:18px;line-height:1.35}.battle-layout .battle-detail-title-user{align-items:center;max-width:100%;min-width:0}.battle-layout .username-with-reputation{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}.battle-layout .battle-detail-verse{border-radius:14px;min-width:0}.battle-layout .battle-detail-verse h3{font-size:17px;line-height:1.5;min-width:0;overflow-wrap:anywhere}.battle-layout .battle-detail-vote-counts{flex-wrap:wrap;gap:18px;overflow-wrap:anywhere}.battle-layout .battle-detail-vote-btn{min-width:0;overflow-wrap:anywhere}.battle-layout .battle-detail-verses{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-layout .battle-detail-verse-content{min-width:0;overflow-wrap:anywhere}.battle-layout .battle-detail-back-button{border:1px solid var(--border-color);border-radius:9px;min-height:42px}@media(max-width:700px){.battle-layout .battle-detail-page{padding:20px 16px}.battle-layout .battle-detail-verses{grid-template-columns:minmax(0,1fr)}.battle-layout .battle-detail-title-user{width:100%}.battle-layout .battle-detail-vote-counts>span{max-width:100%}.battle-layout .battle-detail-vote-buttons{flex-direction:column}.battle-layout .battle-detail-submit-vote{min-height:44px;width:100%}.battle-layout .battle-detail-vote-counts{align-items:flex-start;flex-direction:column;gap:10px}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:2rem}.auth-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);max-width:400px;padding:2rem;width:100%}.auth-card h2{color:#1877f2;font-weight:700;text-align:center}.auth-card h2,.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{width:100%}.error{color:#e41e3a;display:block;font-size:.875rem;margin-top:.25rem}.dark-mode .error{color:#f48fb1}.error-message{text-align:center}.auth-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:background-color .2s;width:100%}.auth-button:hover:not(:disabled){background:#166fe5}.auth-button:disabled{background:#e4e6eb;cursor:not-allowed;opacity:.6}.dark-mode .auth-button:disabled{background:#3a3b3c}.auth-footer{color:var(--text-secondary);margin-top:1.5rem;text-align:center}.auth-footer a{color:#1877f2;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.oauth-divider{align-items:center;color:var(--text-tertiary);display:flex;margin:1.5rem 0;text-align:center}.oauth-divider:after,.oauth-divider:before{border-bottom:1px solid var(--border-color);content:"";flex:1 1}.oauth-divider span{background:var(--bg-primary);padding:0 1rem}.google-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s;width:100%}.google-button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--text-tertiary)}.google-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{flex-shrink:0}@media (max-width:768px){.auth-container{min-height:50vh;padding:1rem}.auth-card{padding:1.5rem}.auth-card h2{font-size:1.5rem;margin-bottom:1.25rem}.form-group input{font-size:16px;min-height:44px;padding:.875rem}.auth-button,.google-button{min-height:44px;padding:.875rem;touch-action:manipulation}}.profile-picture-container{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));position:relative}.profile-picture-wrapper{background-color:#fff;display:inline-block;height:150px;position:relative;width:150px}.profile-picture-inner{align-items:center;background-position:50%;background-size:cover;box-sizing:border-box;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.profile-picture-wrapper.shape-circle{border-radius:50%;padding:5.85px}.profile-picture-wrapper.shape-circle .profile-picture-inner{border-radius:50%;height:100%;width:100%}.profile-picture-wrapper.shape-triangle-up{border-radius:0;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.profile-picture-wrapper.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-triangle-down{border-radius:0;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.profile-picture-wrapper.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-rectangle{border-radius:0;height:140px;padding:8.19px 5.46px;width:210px}.profile-picture-wrapper.shape-rectangle .profile-picture-inner{border-radius:0;height:100%;width:100%}.profile-picture-wrapper.shape-rounded-rectangle{border-radius:15px;height:140px;padding:8.19px 5.46px;width:210px}.profile-picture-wrapper.shape-rounded-rectangle .profile-picture-inner{border-radius:15px;height:100%;width:100%}.profile-picture-wrapper.shape-square{border-radius:0;padding:5.85px}.profile-picture-wrapper.shape-square .profile-picture-inner{border-radius:0;height:100%;width:100%}.profile-picture-wrapper.shape-pentagon{border-radius:0}.profile-picture-wrapper.shape-pentagon,.profile-picture-wrapper.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.profile-picture-wrapper.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-hexagon{border-radius:0}.profile-picture-wrapper.shape-hexagon,.profile-picture-wrapper.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.profile-picture-wrapper.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-octagon{border-radius:0}.profile-picture-wrapper.shape-octagon,.profile-picture-wrapper.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.profile-picture-wrapper.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.shape-star{border-radius:0;height:180px;width:180px}.profile-picture-wrapper.shape-star,.profile-picture-wrapper.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.profile-picture-wrapper.shape-star .profile-picture-inner{transform:scale(.83666);transform-origin:center}.profile-picture-wrapper.shape-oval{border-radius:50%;height:140px;padding:5.46px 5.85px;width:150px}.profile-picture-wrapper.shape-oval .profile-picture-inner{border-radius:50%;height:100%;width:100%}@media (max-width:768px){.profile-picture-wrapper.shape-oval{height:112px;padding:4.37px 4.68px;width:120px}}.profile-picture-wrapper.shape-rhombus{border-radius:0}.profile-picture-wrapper.shape-rhombus,.profile-picture-wrapper.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.profile-picture-wrapper.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.profile-picture-wrapper.editable{cursor:pointer;transition:transform .2s}.profile-picture-wrapper.editable:hover{transform:scale(1.05)}.profile-picture-inner span{color:#999;font-size:.9rem}.edit-overlay,.upload-overlay{background-color:#0009;font-size:.9rem}.edit-overlay{opacity:0;transition:opacity .2s}.profile-picture-wrapper.editable:hover .edit-overlay{opacity:1}.background-upload-container{bottom:1rem;position:absolute;right:1rem}.background-upload-button{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:background-color .2s}.background-upload-button:hover:not(:disabled){background-color:#000000e6}.background-upload-button:disabled{cursor:not-allowed;opacity:.6}.page-background-upload-container{position:relative;z-index:10}.page-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.page-background-upload-button:hover:not(:disabled){background-color:#000000e6}.page-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.far-background-upload-container{position:relative;z-index:10}.far-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.far-background-upload-button:hover:not(:disabled){background-color:#000000e6}.far-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.front-background-upload-container{position:relative;z-index:10}.front-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.front-background-upload-button:hover:not(:disabled){background-color:#000000e6}.front-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.middle-background-upload-container{position:relative;z-index:10}.middle-background-upload-button{background-color:#000000b3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.middle-background-upload-button:hover:not(:disabled){background-color:#000000e6}.middle-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.battle-bar-position-adjuster-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.battle-bar-position-adjuster-modal{background:var(--bg-primary);border-radius:8px;box-shadow:0 4px 20px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.battle-bar-position-adjuster-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem}.battle-bar-position-adjuster-header h3{color:var(--text-primary);font-size:1.3rem;margin:0}.battle-bar-position-adjuster-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.battle-bar-position-adjuster-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.battle-bar-position-adjuster-content{padding:1.5rem}.battle-bar-position-adjuster-instructions{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem}.battle-bar-position-adjuster-preview{background-color:#1a1a1a;border:2px solid var(--border-color);border-radius:4px;cursor:crosshair;height:300px;margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%}.battle-bar-position-adjuster-cursor{border:3px solid #ff1744;border-radius:50%;box-shadow:0 0 10px #ff1744cc;height:20px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:20px}.battle-bar-position-adjuster-cursor:before{background-color:#ff1744;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.battle-bar-position-adjuster-controls{display:flex;flex-direction:column;gap:1.5rem}.battle-bar-position-adjuster-input-group{display:flex;flex-direction:column;gap:.5rem}.battle-bar-position-adjuster-input-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.battle-bar-position-adjuster-input-group input[type=range]{-webkit-appearance:none;background:var(--bg-secondary);border-radius:3px;height:6px;outline:none;width:100%}.battle-bar-position-adjuster-input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.battle-bar-position-adjuster-input-group input[type=range]::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:18px;width:18px}.battle-bar-position-adjuster-actions{border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.battle-bar-position-adjuster-cancel,.battle-bar-position-adjuster-save{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.battle-bar-position-adjuster-cancel{background-color:var(--bg-secondary);color:var(--text-primary)}.battle-bar-position-adjuster-cancel:hover:not(:disabled){background-color:var(--bg-tertiary)}.battle-bar-position-adjuster-save{background-color:#667eea;color:#fff}.battle-bar-position-adjuster-save:hover:not(:disabled){background-color:#5568d3}.battle-bar-position-adjuster-cancel:disabled,.battle-bar-position-adjuster-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.battle-bar-position-adjuster-overlay{padding:1rem}.battle-bar-position-adjuster-preview{height:200px}}.battle-bar-background-upload-container{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;z-index:2}.battle-bar-background-upload-button{background-color:#000000b3;border:2px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-bar-background-upload-button:hover:not(:disabled){background-color:#000000e6;border-color:#ffffff80;transform:translateY(-2px)}.battle-bar-background-upload-button:disabled{cursor:not-allowed;opacity:.6}.battle-bar-background-adjust-button{background-color:#667eeacc;border:2px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-bar-background-adjust-button:hover:not(:disabled){background-color:#667eea;border-color:#ffffff80;transform:translateY(-2px)}.battle-bar-background-adjust-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.battle-bar-background-adjust-button,.battle-bar-background-upload-button{font-size:.8rem;padding:.6rem 1.2rem}}




/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"\2022"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"\2611"}.ql-editor ul[data-checked=false]>li:before{content:"\2610"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.battle-verse-editor{margin-bottom:1rem}.battle-verse-editor .ql-container{background:#fff;border:1px solid #ccd0d5;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#050505;font-size:16px;min-height:200px}.battle-verse-editor .ql-editor{font-family:inherit;min-height:200px;padding:12px 15px}.battle-verse-editor .ql-toolbar{background:#f0f2f5;border:1px solid #ccd0d5;border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;padding:8px}.battle-verse-editor .ql-toolbar .ql-formats{margin-right:15px}.battle-verse-editor .ql-snow .ql-picker.ql-font{min-width:150px;width:auto}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label{min-width:120px;overflow:hidden;padding-right:25px;text-overflow:ellipsis;white-space:nowrap}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label:before{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item{min-width:120px;padding:5px 10px}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item:before{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.battle-verse-editor-readonly{margin-bottom:1rem}.battle-verse-editor-readonly .ql-container{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:6px;font-size:16px}.battle-verse-editor-readonly .ql-editor{color:#050505;min-height:150px;padding:12px 15px}.battle-verse-editor .character-count{color:#65676b;font-size:.875rem;margin-top:.5rem;padding-right:.5rem;text-align:right}.battle-verse-editor .ql-editor .ql-font-Arial,.battle-verse-editor .ql-editor .ql-font-arial,.battle-verse-editor .ql-editor [class*=ql-font-Arial],.battle-verse-editor .ql-editor [class*=ql-font-arial],.battle-verse-editor .ql-editor span.ql-font-Arial,.battle-verse-editor .ql-editor span.ql-font-arial,.battle-verse-editor-readonly .ql-editor .ql-font-Arial,.battle-verse-editor-readonly .ql-editor .ql-font-arial,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Arial],.battle-verse-editor-readonly .ql-editor [class*=ql-font-arial],.battle-verse-editor-readonly .ql-editor span.ql-font-Arial,.battle-verse-editor-readonly .ql-editor span.ql-font-arial,.ql-font-Arial,.ql-font-arial{font-family:Arial,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Helvetica,.battle-verse-editor .ql-editor .ql-font-helvetica,.battle-verse-editor .ql-editor [class*=ql-font-Helvetica],.battle-verse-editor .ql-editor [class*=ql-font-helvetica],.battle-verse-editor .ql-editor span.ql-font-Helvetica,.battle-verse-editor .ql-editor span.ql-font-helvetica,.battle-verse-editor-readonly .ql-editor .ql-font-Helvetica,.battle-verse-editor-readonly .ql-editor .ql-font-helvetica,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Helvetica],.battle-verse-editor-readonly .ql-editor [class*=ql-font-helvetica],.battle-verse-editor-readonly .ql-editor span.ql-font-Helvetica,.battle-verse-editor-readonly .ql-editor span.ql-font-helvetica,.ql-font-Helvetica,.ql-font-helvetica{font-family:Helvetica,Arial,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-TimesNewRoman,.battle-verse-editor .ql-editor .ql-font-timesnewroman,.battle-verse-editor .ql-editor [class*=ql-font-TimesNewRoman],.battle-verse-editor .ql-editor [class*=ql-font-timesnewroman],.battle-verse-editor .ql-editor span.ql-font-TimesNewRoman,.battle-verse-editor .ql-editor span.ql-font-timesnewroman,.battle-verse-editor-readonly .ql-editor .ql-font-TimesNewRoman,.battle-verse-editor-readonly .ql-editor .ql-font-timesnewroman,.battle-verse-editor-readonly .ql-editor [class*=ql-font-TimesNewRoman],.battle-verse-editor-readonly .ql-editor [class*=ql-font-timesnewroman],.battle-verse-editor-readonly .ql-editor span.ql-font-TimesNewRoman,.battle-verse-editor-readonly .ql-editor span.ql-font-timesnewroman,.ql-font-TimesNewRoman,.ql-font-timesnewroman{font-family:Times New Roman,Times,serif!important}.battle-verse-editor .ql-editor .ql-font-CourierNew,.battle-verse-editor .ql-editor .ql-font-couriernew,.battle-verse-editor .ql-editor [class*=ql-font-CourierNew],.battle-verse-editor .ql-editor [class*=ql-font-couriernew],.battle-verse-editor .ql-editor span.ql-font-CourierNew,.battle-verse-editor .ql-editor span.ql-font-couriernew,.battle-verse-editor-readonly .ql-editor .ql-font-CourierNew,.battle-verse-editor-readonly .ql-editor .ql-font-couriernew,.battle-verse-editor-readonly .ql-editor [class*=ql-font-CourierNew],.battle-verse-editor-readonly .ql-editor [class*=ql-font-couriernew],.battle-verse-editor-readonly .ql-editor span.ql-font-CourierNew,.battle-verse-editor-readonly .ql-editor span.ql-font-couriernew,.ql-font-CourierNew,.ql-font-couriernew{font-family:Courier New,Courier,monospace!important}.battle-verse-editor .ql-editor .ql-font-Georgia,.battle-verse-editor .ql-editor .ql-font-georgia,.battle-verse-editor .ql-editor [class*=ql-font-Georgia],.battle-verse-editor .ql-editor [class*=ql-font-georgia],.battle-verse-editor .ql-editor span.ql-font-Georgia,.battle-verse-editor .ql-editor span.ql-font-georgia,.battle-verse-editor-readonly .ql-editor .ql-font-Georgia,.battle-verse-editor-readonly .ql-editor .ql-font-georgia,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Georgia],.battle-verse-editor-readonly .ql-editor [class*=ql-font-georgia],.battle-verse-editor-readonly .ql-editor span.ql-font-Georgia,.battle-verse-editor-readonly .ql-editor span.ql-font-georgia,.ql-font-Georgia,.ql-font-georgia{font-family:Georgia,serif!important}.battle-verse-editor .ql-editor .ql-font-Verdana,.battle-verse-editor .ql-editor .ql-font-verdana,.battle-verse-editor .ql-editor [class*=ql-font-Verdana],.battle-verse-editor .ql-editor [class*=ql-font-verdana],.battle-verse-editor .ql-editor span.ql-font-Verdana,.battle-verse-editor .ql-editor span.ql-font-verdana,.battle-verse-editor-readonly .ql-editor .ql-font-Verdana,.battle-verse-editor-readonly .ql-editor .ql-font-verdana,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Verdana],.battle-verse-editor-readonly .ql-editor [class*=ql-font-verdana],.battle-verse-editor-readonly .ql-editor span.ql-font-Verdana,.battle-verse-editor-readonly .ql-editor span.ql-font-verdana,.ql-font-Verdana,.ql-font-verdana{font-family:Verdana,Geneva,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Tahoma,.battle-verse-editor .ql-editor .ql-font-tahoma,.battle-verse-editor .ql-editor [class*=ql-font-Tahoma],.battle-verse-editor .ql-editor [class*=ql-font-tahoma],.battle-verse-editor .ql-editor span.ql-font-Tahoma,.battle-verse-editor .ql-editor span.ql-font-tahoma,.battle-verse-editor-readonly .ql-editor .ql-font-Tahoma,.battle-verse-editor-readonly .ql-editor .ql-font-tahoma,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Tahoma],.battle-verse-editor-readonly .ql-editor [class*=ql-font-tahoma],.battle-verse-editor-readonly .ql-editor span.ql-font-Tahoma,.battle-verse-editor-readonly .ql-editor span.ql-font-tahoma,.ql-font-Tahoma,.ql-font-tahoma{font-family:Tahoma,Geneva,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-TrebuchetMS,.battle-verse-editor .ql-editor .ql-font-trebuchetms,.battle-verse-editor .ql-editor [class*=ql-font-TrebuchetMS],.battle-verse-editor .ql-editor [class*=ql-font-trebuchetms],.battle-verse-editor .ql-editor span.ql-font-TrebuchetMS,.battle-verse-editor .ql-editor span.ql-font-trebuchetms,.battle-verse-editor-readonly .ql-editor .ql-font-TrebuchetMS,.battle-verse-editor-readonly .ql-editor .ql-font-trebuchetms,.battle-verse-editor-readonly .ql-editor [class*=ql-font-TrebuchetMS],.battle-verse-editor-readonly .ql-editor [class*=ql-font-trebuchetms],.battle-verse-editor-readonly .ql-editor span.ql-font-TrebuchetMS,.battle-verse-editor-readonly .ql-editor span.ql-font-trebuchetms,.ql-font-TrebuchetMS,.ql-font-trebuchetms{font-family:Trebuchet MS,Helvetica,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-ComicSansMS,.battle-verse-editor .ql-editor .ql-font-comicsansms,.battle-verse-editor .ql-editor [class*=ql-font-ComicSansMS],.battle-verse-editor .ql-editor [class*=ql-font-comicsansms],.battle-verse-editor .ql-editor span.ql-font-ComicSansMS,.battle-verse-editor .ql-editor span.ql-font-comicsansms,.battle-verse-editor-readonly .ql-editor .ql-font-ComicSansMS,.battle-verse-editor-readonly .ql-editor .ql-font-comicsansms,.battle-verse-editor-readonly .ql-editor [class*=ql-font-ComicSansMS],.battle-verse-editor-readonly .ql-editor [class*=ql-font-comicsansms],.battle-verse-editor-readonly .ql-editor span.ql-font-ComicSansMS,.battle-verse-editor-readonly .ql-editor span.ql-font-comicsansms,.ql-font-ComicSansMS,.ql-font-comicsansms{font-family:Comic Sans MS,cursive,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Impact,.battle-verse-editor .ql-editor .ql-font-impact,.battle-verse-editor .ql-editor [class*=ql-font-Impact],.battle-verse-editor .ql-editor [class*=ql-font-impact],.battle-verse-editor .ql-editor span.ql-font-Impact,.battle-verse-editor .ql-editor span.ql-font-impact,.battle-verse-editor-readonly .ql-editor .ql-font-Impact,.battle-verse-editor-readonly .ql-editor .ql-font-impact,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Impact],.battle-verse-editor-readonly .ql-editor [class*=ql-font-impact],.battle-verse-editor-readonly .ql-editor span.ql-font-Impact,.battle-verse-editor-readonly .ql-editor span.ql-font-impact,.ql-font-Impact,.ql-font-impact{font-family:Impact,Charcoal,sans-serif!important}.battle-verse-editor .ql-editor .ql-font-Palatino,.battle-verse-editor .ql-editor .ql-font-palatino,.battle-verse-editor .ql-editor [class*=ql-font-Palatino],.battle-verse-editor .ql-editor [class*=ql-font-palatino],.battle-verse-editor .ql-editor span.ql-font-Palatino,.battle-verse-editor .ql-editor span.ql-font-palatino,.battle-verse-editor-readonly .ql-editor .ql-font-Palatino,.battle-verse-editor-readonly .ql-editor .ql-font-palatino,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Palatino],.battle-verse-editor-readonly .ql-editor [class*=ql-font-palatino],.battle-verse-editor-readonly .ql-editor span.ql-font-Palatino,.battle-verse-editor-readonly .ql-editor span.ql-font-palatino,.ql-font-Palatino,.ql-font-palatino{font-family:Palatino,Palatino Linotype,Book Antiqua,serif!important}.battle-verse-editor .ql-editor .ql-font-Garamond,.battle-verse-editor .ql-editor .ql-font-garamond,.battle-verse-editor .ql-editor [class*=ql-font-Garamond],.battle-verse-editor .ql-editor [class*=ql-font-garamond],.battle-verse-editor .ql-editor span.ql-font-Garamond,.battle-verse-editor .ql-editor span.ql-font-garamond,.battle-verse-editor-readonly .ql-editor .ql-font-Garamond,.battle-verse-editor-readonly .ql-editor .ql-font-garamond,.battle-verse-editor-readonly .ql-editor [class*=ql-font-Garamond],.battle-verse-editor-readonly .ql-editor [class*=ql-font-garamond],.battle-verse-editor-readonly .ql-editor span.ql-font-Garamond,.battle-verse-editor-readonly .ql-editor span.ql-font-garamond,.ql-font-Garamond,.ql-font-garamond{font-family:Garamond,Hoefler Text,Times New Roman,serif!important}.battle-verse-editor .ql-editor .ql-font-LucidaConsole,.battle-verse-editor .ql-editor .ql-font-lucidaconsole,.battle-verse-editor .ql-editor [class*=ql-font-LucidaConsole],.battle-verse-editor .ql-editor [class*=ql-font-lucidaconsole],.battle-verse-editor .ql-editor span.ql-font-LucidaConsole,.battle-verse-editor .ql-editor span.ql-font-lucidaconsole,.battle-verse-editor-readonly .ql-editor .ql-font-LucidaConsole,.battle-verse-editor-readonly .ql-editor .ql-font-lucidaconsole,.battle-verse-editor-readonly .ql-editor [class*=ql-font-LucidaConsole],.battle-verse-editor-readonly .ql-editor [class*=ql-font-lucidaconsole],.battle-verse-editor-readonly .ql-editor span.ql-font-LucidaConsole,.battle-verse-editor-readonly .ql-editor span.ql-font-lucidaconsole,.ql-font-LucidaConsole,.ql-font-lucidaconsole{font-family:Lucida Console,Monaco,monospace!important}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Arial]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Arial]:before{content:"Arial";font-family:Arial,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Helvetica]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Helvetica]:before{content:"Helvetica";font-family:Helvetica,Arial,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=TimesNewRoman]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=TimesNewRoman]:before{content:"Times New Roman";font-family:Times New Roman,Times,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=CourierNew]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=CourierNew]:before{content:"Courier New";font-family:Courier New,Courier,monospace}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Georgia]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Georgia]:before{content:"Georgia";font-family:Georgia,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Verdana]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Verdana]:before{content:"Verdana";font-family:Verdana,Geneva,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Tahoma]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Tahoma]:before{content:"Tahoma";font-family:Tahoma,Geneva,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=TrebuchetMS]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=TrebuchetMS]:before{content:"Trebuchet MS";font-family:Trebuchet MS,Helvetica,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=ComicSansMS]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=ComicSansMS]:before{content:"Comic Sans MS";font-family:Comic Sans MS,cursive,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Impact]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Impact]:before{content:"Impact";font-family:Impact,Charcoal,sans-serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Palatino]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Palatino]:before{content:"Palatino";font-family:Palatino,Palatino Linotype,Book Antiqua,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Garamond]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=Garamond]:before{content:"Garamond";font-family:Garamond,Hoefler Text,Times New Roman,serif}.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=LucidaConsole]:before,.battle-verse-editor .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=LucidaConsole]:before{content:"Lucida Console";font-family:Lucida Console,Monaco,monospace}.battle-verse-editor-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.battle-verse-editor-modal-content{background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;color:#fff;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.battle-verse-editor-modal-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.battle-verse-editor-modal-header h2{color:#fff;font-size:1.5rem;margin:0}.battle-verse-editor-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.battle-verse-editor-modal-close:hover{background:#ffffff1a}.battle-verse-editor-modal-body{padding:1.5rem}.battle-verse-editor-modal-error,.battle-verse-editor-modal-loading{color:#aaa;padding:3rem;text-align:center}.battle-verse-editor-battle-info{background:#ffffff0d;border-radius:4px;margin-bottom:2rem;padding:1rem}.battle-verse-editor-deadline{font-size:1rem;margin-bottom:1rem}.battle-verse-editor-time-remaining{color:#4caf50;font-weight:400;margin-left:.5rem}.battle-verse-editor-time-remaining.approaching{color:#ff9800;font-weight:700}.battle-verse-editor-submission-status{color:#aaa;display:flex;font-size:.9rem;gap:2rem}.battle-verse-editor-section{margin-bottom:2rem}.battle-verse-editor-section h3{color:#fff;font-size:1.2rem;margin:0 0 1rem}.battle-verse-editor-warning{background:#ff980033;border:1px solid #ff980080;border-radius:4px;color:#ff9800;margin-bottom:1rem;padding:.75rem}.battle-verse-editor-error{background:#f4433633;border:1px solid #f4433680;border-radius:4px;color:#f44336;margin-bottom:1rem;padding:.75rem}.battle-verse-editor-locked-view{margin-top:1rem}.battle-verse-editor-locked-message{background:#4caf5033;border:1px solid #4caf5080;border-radius:4px;color:#4caf50;margin-top:1rem;padding:1rem;text-align:center}.battle-verse-editor-draft-info{background:#2196f333;border:1px solid #2196f380;border-radius:4px;color:#2196f3;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.battle-verse-editor-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.battle-verse-editor-save-draft{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background .2s}.battle-verse-editor-save-draft:hover:not(:disabled){background:#ffffff4d}.battle-verse-editor-save-draft:disabled{cursor:not-allowed;opacity:.5}.battle-verse-editor-submit{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:background .2s}.battle-verse-editor-submit:hover:not(:disabled){background:#1976d2}.battle-verse-editor-submit:disabled{background:#666;cursor:not-allowed;opacity:.6}.battle-verse-editor-cancel{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:background .2s}.battle-verse-editor-cancel:hover:not(:disabled){background:#fff3}.battle-verse-editor-cancel:disabled{cursor:not-allowed;opacity:.5}.battle-challenges-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.battle-challenges-modal-content{background:#1a1a1a;border-radius:8px;box-shadow:0 8px 32px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.battle-challenges-modal-header{align-items:center;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:1.5rem}.battle-challenges-modal-header h2{color:#fff;font-size:1.5rem;margin:0}.battle-challenges-modal-close{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s;width:32px}.battle-challenges-modal-close:hover{background:#ffffff1a}.battle-challenges-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.battle-challenges-empty,.battle-challenges-loading{color:#aaa;font-size:1rem;padding:2rem;text-align:center}.battle-challenges-list{display:flex;flex-direction:column;gap:1rem}.battle-challenge-item{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:1.5rem}.battle-challenge-info{margin-bottom:1rem}.battle-challenge-username{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.battle-challenge-username strong{color:#ff1744}.battle-challenge-date{color:#aaa;font-size:.9rem}.battle-challenge-deadline{margin-bottom:1rem}.battle-challenge-deadline label{color:#aaa;display:block;font-size:.9rem;margin-bottom:.5rem}.battle-challenge-deadline input{background:#ffffff1a;border:2px solid #fff3;border-radius:4px;color:#fff;font-size:1rem;padding:.75rem;width:100%}.battle-challenge-deadline input:focus{border-color:#2196f3;outline:none}.battle-challenge-actions{display:flex;gap:1rem}.battle-challenge-accept,.battle-challenge-delete{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-challenge-accept{background-color:#4caf50;color:#fff}.battle-challenge-accept:hover:not(:disabled){background-color:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.battle-challenge-delete{background-color:#ff1744;color:#fff}.battle-challenge-delete:hover:not(:disabled){background-color:#ff4569;box-shadow:0 4px 12px #ff174466;transform:translateY(-2px)}.battle-challenge-accept:disabled,.battle-challenge-delete:disabled{cursor:not-allowed;opacity:.6;transform:none}.battle-challenges-modal-tabs{border-bottom:2px solid #333;display:flex}.battle-challenges-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#aaa;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.battle-challenges-tab:hover{background:#ffffff0d;color:#fff}.battle-challenges-tab.active{border-bottom-color:#2196f3;color:#fff}.battle-active-time-remaining{color:#4caf50;font-weight:400}.battle-active-time-remaining.approaching{color:#ff9800;font-weight:700}.battle-active-submission-status{color:#aaa;display:flex;font-size:.9rem;gap:2rem;margin-top:.5rem}.battle-active-locked-indicator{background:#4caf5033;border:1px solid #4caf5080;border-radius:4px;color:#4caf50;font-size:.9rem;margin-top:.5rem;padding:.5rem;text-align:center}.battle-challenge-write-verse{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s}.battle-challenge-write-verse:hover{background-color:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}@media (max-width:768px){.battle-challenges-modal-content{max-width:95%}.battle-challenge-actions{flex-direction:column}.battle-active-submission-status{flex-direction:column;gap:.5rem}}.rap-battle-section{border-radius:8px;box-shadow:0 4px 12px #0000004d;margin:0;overflow:hidden;position:relative;z-index:1}.rap-battle-banner{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-image:radial-gradient(circle at 20% 50%,#ff14934d 0,#0000 50%),radial-gradient(circle at 80% 80%,#00bfff4d 0,#0000 50%),radial-gradient(circle at 40% 20%,#ffd70033 0,#0000 50%);background-position:50%;background-size:cover;border-bottom:3px solid #ff1744;display:flex;justify-content:flex-end;min-height:250px;padding:2rem;position:relative}@media (max-width:768px){.rap-battle-banner{min-height:200px;padding:1.5rem 1rem}}.rap-battle-banner-content{align-items:center;display:flex;justify-content:flex-end;position:relative;width:100%;z-index:1}@media (max-width:768px){.rap-battle-banner-content{justify-content:center}}.rap-battle-stats-section{background:linear-gradient(180deg,#1a1a1a 0,#0d0d0d);border-top:2px solid #333;padding:2rem}@media (max-width:768px){.rap-battle-stats-section{padding:1.5rem 1rem}}.rap-battle-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}@media (max-width:768px){.rap-battle-stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}}.rap-battle-stat-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.rap-battle-stat-item:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.rap-battle-stat-label{color:#aaa;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.rap-battle-stat-value{color:#fff;font-family:Arial Black,Arial,sans-serif;font-size:1.8rem;font-weight:700;text-shadow:2px 2px 4px #000c}@media (max-width:768px){.rap-battle-stat-value{font-size:1.4rem}}.rap-battle-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rap-battle-challenge-button{background-color:#ff1744;border:none;border-radius:6px;box-shadow:0 4px 12px #ff174466;color:#fff;cursor:pointer;font-family:Arial Black,Arial,sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:2px;padding:1rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.rap-battle-challenge-button:hover:not(:disabled){background-color:#ff4569;box-shadow:0 6px 16px #ff174499;transform:translateY(-2px)}.rap-battle-challenge-button:active:not(:disabled){transform:translateY(0)}.rap-battle-challenge-button:disabled{cursor:not-allowed;opacity:.6}.rap-battle-view-battles-button{background:#0000;border:2px solid #2196f3;border-radius:6px;color:#2196f3;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.rap-battle-view-battles-button:hover{background-color:#2196f3;box-shadow:0 4px 12px #2196f366;color:#fff;transform:translateY(-2px)}.rap-battle-view-battles-button:active{transform:translateY(0)}.rap-battle-error{background:#ff44441a;border:1px solid #ff44444d;border-radius:4px;color:#f44;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.rap-battle-section-loading{color:#aaa;font-size:1.1rem;padding:3rem;text-align:center}.rap-battle-notification-bell{border-top:2px solid #333;display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.rap-battle-bell-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.rap-battle-bell-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.1)}.rap-battle-bell-badge{align-items:center;background-color:#ff1744;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 2px 8px #ff174499;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.color-picker-container{margin-bottom:1rem}.color-picker-label{color:#333;display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.color-picker-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.color-picker-input-group{align-items:center;display:flex;gap:.5rem}.color-picker-input{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;height:40px;padding:2px;width:50px}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.color-picker-text-input{border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:.9rem;padding:.5rem;transition:border-color .2s;width:100px}.color-picker-text-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.color-picker-clear{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.color-picker-clear:hover{background-color:#e0e0e0;border-color:#ccc}.color-picker-preview{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:40px;width:40px}.music-widget{border-radius:8px;box-shadow:0 4px 12px #0000004d;margin:0;overflow:hidden;position:relative;width:100%}.music-widget-container{align-items:center;background:linear-gradient(135deg,#ff6b9d,#c44569 25%,#6c5ce7 50%,#74b9ff);border-radius:8px;display:flex;gap:1.5rem;min-height:140px;padding:1.5rem;position:relative}.music-widget-album-art{border-radius:50%;box-shadow:0 4px 12px #0000004d;flex-shrink:0;height:120px;overflow:hidden;position:relative;width:120px}.music-widget-album-art img{height:100%;object-fit:cover;width:100%}.music-widget-note-icon{align-items:center;background:#ff6b9d;border-radius:50%;bottom:8px;box-shadow:0 2px 8px #0000004d;display:flex;height:32px;justify-content:center;position:absolute;right:8px;width:32px}.music-widget-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;justify-content:center;min-width:0;padding-right:12rem;position:relative}.music-widget-title{color:#fff;font-size:1.5rem;font-weight:700;max-width:100%;text-shadow:0 2px 4px #0003}.music-widget-artist,.music-widget-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-widget-artist{color:#ffffffe6;font-size:1rem;margin-bottom:.75rem;text-shadow:0 1px 2px #0003}.music-widget-visualizer{align-items:flex-end;display:flex;gap:4px;height:80px;justify-content:center;margin-left:0;margin-top:1rem;padding:.5rem 0;width:calc(100% - 12rem)}.music-widget-visualizer-bar{background:linear-gradient(0deg,#fff 0,#ffffffe6 30%,#74b9ffcc 60%,#ff6b9d99);border-radius:3px 3px 0 0;box-shadow:0 0 6px #fff9,0 0 12px #74b9ff66;flex:1 1;max-width:8px;min-width:4px;transition:none;will-change:height}.music-widget-progress-section{align-items:center;bottom:4rem;display:flex;gap:.75rem;left:calc(120px + 3rem);position:absolute;right:12rem}.music-widget-time{font-feature-settings:"tnum";color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,monospace;font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.5px;min-width:45px;text-align:center;text-shadow:0 1px 3px #0000004d}.music-widget-progress-bar{background:#ffffff40;border-radius:3px;cursor:pointer;flex:1 1;height:6px;overflow:visible;position:relative;transition:background .2s,height .2s}.music-widget-progress-bar:hover{background:#ffffff59;height:8px}.music-widget-progress-fill{background:linear-gradient(90deg,#74b9ff,#a29bfe);border-radius:3px;box-shadow:0 0 8px #74b9ff80;height:100%;position:relative;transition:width .1s linear}.music-widget-progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006,0 0 0 3px #74b9ff4d;cursor:grab;height:16px;opacity:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:opacity .2s,transform .2s;width:16px}.music-widget-progress-handle:active{cursor:grabbing;transform:translateY(-50%) scale(1.2)}.music-widget-progress-bar:hover .music-widget-progress-handle{opacity:1}.music-widget-top-icons{align-items:center;display:flex;gap:.75rem;position:absolute;right:1.5rem;top:1.5rem;z-index:10}.music-widget-icon-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;padding:.5rem;position:relative;transition:transform .2s,opacity .2s;width:32px}.music-widget-icon-btn:hover:not(:disabled){opacity:.8;transform:scale(1.1)}.music-widget-icon-btn:disabled{cursor:not-allowed;opacity:.5}.music-widget-icon-btn-active{opacity:1}.music-widget-icon-btn svg{height:20px;width:20px}.music-widget-vote-count{background:#fffffff2;border-radius:10px;box-shadow:0 1px 3px #0003;color:#333;font-size:.65rem;font-weight:700;line-height:1.2;min-width:16px;padding:2px 5px;position:absolute;right:-6px;text-align:center;top:-6px;z-index:11}.music-widget-controls{bottom:1.5rem;gap:.75rem;position:absolute;right:1.5rem}.music-widget-control-btn,.music-widget-controls{align-items:center;display:flex;justify-content:center}.music-widget-control-btn{background:#74b9ffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.music-widget-control-btn:hover{background:#74b9ff;box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.music-widget-control-btn:active{transform:scale(.95)}.music-widget-next-btn,.music-widget-share-btn{height:40px;width:40px}.music-widget-play-pause-btn{background:#74b9ff;height:56px;width:56px}.music-widget-control-btn svg{height:20px;width:20px}.music-widget-play-pause-btn svg{height:24px;width:24px}.music-widget-play-pause-btn:disabled{cursor:not-allowed;opacity:.6}.music-widget-loading-spinner{animation:music-widget-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes music-widget-spin{to{transform:rotate(1turn)}}.music-widget-player-container{height:200px;left:-9999px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:-9999px;width:200px;z-index:-1}.music-widget-player-container iframe{border:none;height:200px!important;left:0;position:absolute;top:0;width:200px!important}@media (max-width:768px){.music-widget-player-container{height:200px;left:-9999px;opacity:0;pointer-events:none;position:fixed;top:-9999px;width:200px;z-index:-1}.music-widget-player-container iframe{height:200px!important;width:200px!important}.music-widget-mobile-overlay{align-items:center;background:#0000004d;border-radius:8px;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:background .2s;z-index:10}.music-widget-mobile-overlay:active{background:#00000080}.music-widget-mobile-overlay-content{color:#fff;text-align:center}.music-widget-mobile-overlay-content svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:.5rem}.music-widget-mobile-overlay-content p{font-size:.875rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.music-widget-mobile-error{background:#ffffff1a;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.music-widget-mobile-error p{color:#ffffffe6;font-size:.875rem;margin-bottom:.75rem}.music-widget-youtube-link{background:#e74c3c;border-radius:8px;color:#fff;display:inline-block;font-weight:600;min-height:44px;padding:.75rem 1.5rem;text-decoration:none;touch-action:manipulation;transition:background .2s}.music-widget-youtube-link:hover{background:#c0392b}}.music-widget-edit-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;left:1.5rem;padding:.5rem 1rem;position:absolute;top:1.5rem;transition:background .2s,transform .2s;z-index:10}.music-widget-edit-button:hover{background:#ffffff4d;transform:translateY(-2px)}.music-widget-empty{display:flex;justify-content:center;margin:2rem 0}.music-widget-add-btn{background:linear-gradient(135deg,#ff6b9d,#c44569 25%,#6c5ce7 50%,#74b9ff);border:none;border-radius:20px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.music-widget-add-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.music-widget-editing{margin:2rem 0}.music-widget-edit-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:600px;padding:2rem}.music-widget-edit-form h3{color:#333;font-size:1.5rem;margin:0 0 1.5rem}.music-widget-edit-input-group{margin-bottom:1.5rem}.music-widget-edit-input-group label{color:#555;display:block;font-weight:500;margin-bottom:.5rem}.music-widget-edit-input-group input{border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.music-widget-edit-input-group input:focus{border-color:#74b9ff;outline:none}.music-widget-edit-input-group input:disabled{background:#f5f5f5;cursor:not-allowed}.music-widget-error{background:#fee;border-radius:8px;color:#e74c3c;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.music-widget-edit-actions{display:flex;flex-wrap:wrap;gap:1rem}.music-widget-cancel-btn,.music-widget-remove-btn,.music-widget-save-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s,opacity .2s}.music-widget-save-btn{background:#74b9ff;color:#fff}.music-widget-save-btn:hover:not(:disabled){background:#5a9fd8;transform:translateY(-2px)}.music-widget-cancel-btn{background:#ddd;color:#333}.music-widget-cancel-btn:hover:not(:disabled){background:#ccc;transform:translateY(-2px)}.music-widget-remove-btn{background:#e74c3c;color:#fff}.music-widget-remove-btn:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.music-widget-cancel-btn:disabled,.music-widget-remove-btn:disabled,.music-widget-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.music-widget{overflow:hidden}.music-widget,.music-widget-container{box-sizing:border-box;max-width:100%;width:100%}.music-widget-container{flex-direction:column;gap:1rem;min-height:auto;padding:1.25rem}.music-widget-album-art{align-self:center;height:100px;width:100px}.music-widget-info{align-items:center;padding-right:0;text-align:center;width:100%}.music-widget-title{font-size:1.1rem}.music-widget-artist,.music-widget-title{word-wrap:break-word;text-align:center;white-space:normal;width:100%}.music-widget-artist{font-size:.875rem}.music-widget-visualizer{gap:3px;height:60px;margin-top:.75rem;width:100%}.music-widget-visualizer-bar{max-width:6px;min-width:3px}.music-widget-progress-section{bottom:auto;gap:.5rem;left:auto;margin-top:1rem;position:relative;right:auto;width:100%}.music-widget-progress-bar{-webkit-tap-highlight-color:transparent;cursor:pointer;min-height:44px;touch-action:none}.music-widget-progress-handle{height:16px;opacity:1;right:-8px;width:16px}.music-widget-time{font-size:.75rem;font-weight:600;letter-spacing:.3px;min-width:38px}.music-widget-progress-bar{border-radius:4px;height:8px}.music-widget-progress-fill{border-radius:4px;box-shadow:0 0 6px #74b9ff99}.music-widget-progress-handle{box-shadow:0 2px 10px #00000080,0 0 0 4px #74b9ff66;height:18px;right:-9px;width:18px}.music-widget-top-icons{justify-content:center;margin-top:.75rem;position:relative;right:auto;top:auto;width:100%}.music-widget-icon-btn{min-height:44px;min-width:44px;padding:.75rem;touch-action:manipulation}.music-widget-controls{bottom:auto;gap:1rem;justify-content:center;margin-top:1rem;position:relative;right:auto;width:100%}.music-widget-control-btn{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:manipulation}.music-widget-next-btn,.music-widget-share-btn{height:48px;width:48px}.music-widget-play-pause-btn{height:64px;width:64px}.music-widget-edit-button{left:auto;margin-bottom:1rem;min-height:44px;padding:.75rem 1.25rem;position:relative;text-align:center;top:auto;touch-action:manipulation;width:100%}.music-widget-edit-form{box-sizing:border-box;max-width:100%;padding:1.5rem;width:100%}.music-widget-edit-input-group input{font-size:16px;min-height:44px;padding:.875rem}.music-widget-edit-actions{flex-direction:column;gap:.75rem}.music-widget-cancel-btn,.music-widget-remove-btn,.music-widget-save-btn{min-height:44px;touch-action:manipulation;width:100%}}.image-upload-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-align:center;transition:background-color .2s}.image-upload-button:hover:not(:has(input:disabled)){background-color:#e0e0e0}.media-preview-item{border-radius:4px;margin-bottom:.5rem;overflow:hidden;position:relative}.media-preview-item:last-child{margin-bottom:0}.media-preview-item img{display:block;max-height:400px;object-fit:contain;width:100%}.media-preview-youtube{background-color:#000;box-shadow:0 2px 4px #0000001a;height:315px}.media-preview-youtube,.media-preview-youtube>div{border-radius:8px;overflow:hidden;position:relative}.media-preview-youtube>div{height:100%!important;width:100%!important}.media-preview-youtube>div>div{border-radius:8px;overflow:hidden}.media-preview-remove{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s;z-index:10}.media-preview-remove:hover{background-color:#000000e6}.rich-text-editor{margin-bottom:1rem}.rich-text-editor .quill{background:var(--bg-primary)}.rich-text-editor .ql-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;min-height:150px}.rich-text-editor .ql-toolbar{background:var(--bg-secondary);border-color:var(--border-color);border-bottom:1px solid var(--border-color)}.rich-text-editor .ql-toolbar.ql-snow{border:1px solid var(--border-color);border-bottom:none;border-radius:4px 4px 0 0}.rich-text-editor .ql-container.ql-snow{border-radius:0 0 4px 4px;border-top:none}.rich-text-editor.toolbar-hidden .ql-toolbar{display:none!important}.rich-text-editor.toolbar-hidden .ql-container.ql-snow{border-radius:4px;border-top:1px solid var(--border-color)}.rich-text-editor .ql-toolbar .ql-stroke{stroke:var(--text-primary)}.rich-text-editor .ql-toolbar .ql-fill{fill:var(--text-primary)}.rich-text-editor .ql-toolbar button.ql-active,.rich-text-editor .ql-toolbar button:hover{background:var(--bg-tertiary)}.rich-text-editor .ql-editor{color:var(--text-primary);min-height:150px}.rich-text-editor .ql-editor.ql-blank:before{color:var(--text-tertiary);font-style:normal}.rich-text-editor-readonly{margin-bottom:1rem}.rich-text-editor-readonly .quill{background:#0000}.rich-text-editor-readonly .ql-container{border:none;font-size:1rem}.rich-text-editor-readonly .ql-editor{padding:0}.rich-text-editor-readonly .ql-editor.ql-blank:before{display:none}.character-count{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;text-align:right}.post-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.form-header-actions{align-items:center;display:flex;gap:.5rem}.toggle-advanced-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;touch-action:manipulation;transition:all .2s}.toggle-advanced-button svg{flex-shrink:0}.toggle-advanced-button:hover{background:var(--bg-tertiary);border-color:#667eea}.toggle-advanced-button:active{transform:scale(.95)}.post-content-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;resize:vertical;width:100%}.post-content-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.media-preview{border-radius:4px;margin-bottom:1rem;overflow:hidden;position:relative}.media-preview img{display:block;max-height:400px;object-fit:contain;width:100%}.remove-media-button{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem;position:absolute;right:.5rem;top:.5rem}.remove-media-button:hover{background-color:#000000e6}.youtube-preview{border-radius:4px;margin-bottom:1rem;overflow:hidden}.youtube-preview iframe{display:block;width:100%}.file-button{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.file-button:hover{background-color:var(--bg-tertiary)}.form-right{align-items:center;display:flex;gap:.5rem}.visibility-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem}.visibility-select:focus{border-color:#667eea;outline:none}@media (max-width:768px){.post-form{border-left:none;border-radius:0;border-right:none;box-sizing:border-box;margin-bottom:.75rem;max-width:100%;padding:.75rem;width:100%}.post-content-input{font-size:16px;min-height:100px;padding:.875rem}.cancel-button,.file-button,.remove-media-button,.submit-button{min-height:44px;min-width:44px;padding:.75rem 1rem;touch-action:manipulation}.youtube-input{font-size:16px;min-height:44px;padding:.875rem;width:100%}.visibility-select{font-size:16px;min-height:44px;padding:.75rem;touch-action:manipulation}.form-actions{align-items:stretch;flex-direction:column}.media-buttons{flex-wrap:wrap}.form-right{flex-direction:column;gap:.75rem;width:100%}.submit-button{width:100%}.toggle-advanced-button{font-size:1.5rem;min-height:44px;min-width:44px}}.username-with-reputation{display:inline-block;position:relative}.inline-reputation{color:#666;font-weight:400;margin-left:.25rem}.reputation-tooltip{background-color:#000000d9;border-radius:4px;bottom:100%;color:#fff;font-size:.875rem;left:50%;line-height:1.5;margin-bottom:.5rem;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.reputation-tooltip div{margin:.125rem 0}.reputation-tooltip:after{border:5px solid #0000;border-top-color:#000000d9;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.user-title{color:#4a5568;font-weight:600;margin-right:.25rem}.username-link{color:inherit;cursor:pointer;text-decoration:underline;transition:opacity .2s}.username-link:hover{opacity:.8}.comment{background:var(--bg-secondary);border-radius:4px;margin-bottom:1rem;padding:1rem;transition:background-color .2s}.comment:hover{background:var(--bg-tertiary)}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-edit-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.9rem;padding:.5rem;resize:vertical;width:100%}.comment-edit-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark-mode .comment-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.comment-vote-section{align-items:center;display:flex;gap:.5rem}.comment-vote-section .vote-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem;transition:all .2s}.comment-vote-section .vote-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--text-primary);transform:scale(1.05)}.comment-vote-section .vote-button:disabled{cursor:not-allowed;opacity:.4}.comment-vote-section .upvote-button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.comment-vote-section .upvote-button.active:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.comment-vote-section .downvote-button.active{background-color:#f44336;border-color:#f44336;color:#fff}.comment-vote-section .downvote-button.active:hover:not(:disabled){background-color:#da190b;border-color:#da190b}.comment-vote-section .vote-score{color:var(--text-primary);font-size:.85rem;font-weight:600;min-width:24px;text-align:center}.comment-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.comment-section-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.comment-section-loading{color:var(--text-secondary);padding:2rem;text-align:center}.comment-section-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .comment-section-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.comment-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-bottom:.5rem;padding:.75rem;resize:vertical;width:100%}.comment-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.comment-submit-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.comment-submit-button:hover:not(:disabled){background-color:#5568d3}.comment-submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.reply-form-container{background:var(--bg-secondary);margin-bottom:1rem}.reply-form-actions{display:flex;gap:.5rem;margin-top:.5rem}.reply-cancel-button,.reply-submit-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background-color .2s}.reply-submit-button{background-color:#667eea;color:#fff}.reply-submit-button:hover:not(:disabled){background-color:#5568d3}.reply-submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.reply-cancel-button{background-color:var(--bg-secondary);color:var(--text-primary)}.reply-cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.comments-list{gap:.5rem}.no-comments{color:var(--text-tertiary);font-size:.9rem}.youtube-embed{background-color:#000;border-radius:8px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;margin-bottom:1rem;overflow:hidden;position:relative;transition:box-shadow .3s ease;width:100%}.youtube-embed:hover{box-shadow:0 10px 15px #00000026,0 4px 6px #0000001a}.youtube-embed>div{height:100%!important;position:relative;width:100%!important}.youtube-embed-responsive,.youtube-embed>div,.youtube-embed>div>div{border-radius:8px;overflow:hidden}.youtube-embed-responsive{background-color:#000;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;height:0;padding-bottom:56.25%;position:relative;transition:box-shadow .3s ease}.youtube-embed-responsive:hover{box-shadow:0 10px 15px #00000026,0 4px 6px #0000001a}.youtube-embed-responsive>div{height:100%!important;left:0;position:absolute;top:0;width:100%!important}.youtube-embed-responsive>div,.youtube-embed-responsive>div>div{border-radius:8px;overflow:hidden}.youtube-embed-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem;text-align:center}.post{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .2s}@media (max-width:768px){.post{border-left:none;border-radius:0;border-right:none;box-sizing:border-box;margin-bottom:.75rem;max-width:100%;padding:.75rem;width:100%}}.post:hover{box-shadow:0 2px 8px var(--shadow-color)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.post-author{align-items:center;display:flex;gap:1rem}.post-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.post-avatar.profile-picture-wrapper{height:48px;padding:0;width:48px}.post-avatar .profile-picture-inner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.post-avatar .avatar-initial{color:#999;font-size:1.2rem;font-weight:700;text-transform:uppercase}.post-avatar.shape-rectangle,.post-avatar.shape-rounded-rectangle{height:36px;padding:2.2px 1.5px;width:48px}.post-avatar.shape-rounded-rectangle,.post-avatar.shape-rounded-rectangle .profile-picture-inner{border-radius:6px}.post-avatar.shape-star{height:48px;width:48px}.post-avatar.shape-star,.post-avatar.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.post-avatar.shape-star .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-oval{border-radius:50%;height:36px;width:48px}.post-avatar.shape-triangle-up,.post-avatar.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.post-avatar.shape-triangle-up .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-triangle-down,.post-avatar.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.post-avatar.shape-triangle-down .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-pentagon,.post-avatar.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.post-avatar.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-hexagon,.post-avatar.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.post-avatar.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-octagon,.post-avatar.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.post-avatar.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-avatar.shape-rhombus,.post-avatar.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.post-avatar.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.post-author-info{flex:1 1;min-width:0}.post-author-name{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.post-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.85rem;gap:.5rem}.post-target{color:var(--text-secondary)}.post-date{color:var(--text-tertiary)}.post-visibility{background-color:var(--bg-secondary);border-radius:12px;color:var(--text-secondary);font-size:.75rem;padding:.125rem .5rem}.post-actions{display:flex;gap:.5rem}.delete-post-button,.edit-post-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.edit-post-button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.delete-post-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:#c33}.delete-post-button:hover:not(:disabled){background:#c33;border-color:#c33;color:#fff}.delete-post-button:disabled,.edit-post-button:disabled{cursor:not-allowed;opacity:.5}.post-content{word-wrap:break-word;color:var(--text-primary);line-height:1.6;margin-bottom:1rem}.post-content p{margin:0 0 .5rem}.post-content p:last-child{margin-bottom:0}.post-content ol,.post-content ul{margin:.5rem 0;padding-left:2rem}.post-content a{color:#667eea;text-decoration:underline}.post-content a:hover{color:#5568d3}.post-media{border-radius:4px;margin-bottom:1rem;overflow:hidden}.post-media img{display:block;max-height:500px;object-fit:contain;width:100%}.post-youtube{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.post-youtube iframe{height:100%;left:0;position:absolute;top:0;width:100%}.post-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.post-vote-section{align-items:center;display:flex;gap:.5rem}.toggle-comments-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.toggle-comments-button:hover{background:#667eea;border-color:#667eea;color:#fff}.wall{margin:0 auto;padding:2rem;width:100%}.wall h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:1.5rem}@media (max-width:768px){.wall{background:none!important;background-color:initial!important;background-image:none!important;margin:0;max-width:100%;padding:0;width:100%}.wall h2{font-size:1.5rem;margin-bottom:.75rem;padding:.5rem .75rem}.posts-list{margin-top:.5rem}.post-form{margin-bottom:.75rem}}.wall-loading{color:var(--text-secondary);font-size:1rem;padding:3rem;text-align:center}.wall-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .wall-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.posts-list{margin-top:1.5rem}.no-posts{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);font-size:1rem;padding:3rem;text-align:center}.profile-page-wrapper{margin:-2rem;min-height:calc(100vh - 4rem);padding:2rem;position:relative}.profile-page{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.profile-background{background-position:50%;background-size:cover;border-radius:8px 8px 0 0;height:300px;position:relative;width:100%}@media (max-width:768px){.profile-background{height:200px}}.profile-content{background:var(--bg-primary);border-radius:0 0 8px 8px;box-shadow:0 2px 4px var(--shadow-color);padding:2rem}@media (max-width:768px){.profile-content{padding:1rem}}.profile-header{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;width:100%}@media (max-width:768px){.profile-header{align-items:center}.profile-header,.profile-info{text-align:center}.profile-info h1{justify-content:center}}.profile-picture-container{margin-top:-80px;z-index:1}@media (max-width:768px){.profile-picture-container{margin-top:-60px}}.profile-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000004d;flex:1 1;min-width:200px;padding:2rem;position:relative;width:100%;z-index:100}.dark-mode .profile-info{background:#0009;border-color:#ffffff26}@media (max-width:768px){.profile-info{width:100%}}.profile-info h1{align-items:baseline;color:#fff!important;display:flex;flex-wrap:wrap;font-size:2.75rem;font-weight:800;gap:.75rem;letter-spacing:-.5px;margin-bottom:1rem;text-shadow:2px 2px 6px #000c,0 0 12px #00000080}.dark-mode .profile-info h1{color:#fff!important;text-shadow:2px 2px 8px #000000e6,0 0 16px #0009}.profile-reputation{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:12px;box-shadow:0 2px 8px #667eea66;color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;padding:.4rem 1rem}.dark-mode .profile-reputation{background:linear-gradient(135deg,#9d81e0,#b39ddb);box-shadow:0 2px 8px #9d81e080;color:#fff}.profile-title-clickable{transition:transform .2s,box-shadow .2s}.profile-title-clickable:hover{box-shadow:0 4px 12px #667eea80;transform:scale(1.05)}.dark-mode .profile-title-clickable:hover{box-shadow:0 4px 12px #9d81e099}.profile-title-dropdown-container{display:inline-block;position:relative;z-index:99999}.profile-title-dropdown{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:.5rem;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:999999}.dark-mode .profile-title-dropdown{background:#2a2d31;border-color:#3a3b3c;box-shadow:0 4px 12px #0006}.profile-title-option{border-bottom:1px solid #e4e6eb;color:#050505;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:background-color .2s}.profile-title-option:last-child{border-bottom:none}.profile-title-option:hover{background-color:#f0f2f5}.profile-title-option.selected{background-color:#e8f0fe;font-weight:600}.dark-mode .profile-title-option{border-bottom-color:#3a3b3c;color:#e4e6eb}.dark-mode .profile-title-option:hover{background-color:#3a3b3c}.dark-mode .profile-title-option.selected{background-color:#3d4a5c}.profile-email{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff!important;display:flex;font-size:1.15rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;text-shadow:1px 1px 3px #000000b3}.dark-mode .profile-email{background:#ffffff1f;border-color:#ffffff40;color:#fff!important;text-shadow:1px 1px 4px #000000e6}.profile-email:before{content:"✉";filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:1.2rem;opacity:1}.profile-bio{border-top:2px solid #ffffff4d;color:#fff!important;font-size:1.1rem;font-weight:500;line-height:1.9;margin-top:1.5rem;padding-top:1.5rem;text-shadow:1px 1px 3px #000000b3}.dark-mode .profile-bio{border-top-color:#fff3;color:#fff!important;text-shadow:1px 1px 4px #000000e6}.edit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.edit-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.edit-button:active{transform:translateY(0)}.profile-edit-section{background-color:var(--bg-secondary);border-radius:4px;margin-top:2rem;padding:1.5rem}.profile-edit-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.edit-form-group{margin-bottom:1.5rem}.edit-form-group label{display:block;font-weight:500;margin-bottom:.5rem}.bio-input,.edit-form-group label{color:var(--text-primary);font-size:1rem}.bio-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;font-family:inherit;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.bio-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-form-select{background:#fff;border:1px solid #e4e6eb;border-radius:8px;color:#050505;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.edit-form-select:hover{border-color:#b0b3b8}.edit-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark-mode .edit-form-select{background:#2a2d31;border-color:#3a3b3c;color:#e4e6eb}.dark-mode .edit-form-select:hover{border-color:#4a4b4c}.dark-mode .edit-form-select:focus{border-color:#9d81e0;box-shadow:0 0 0 3px #9d81e033}.bio-char-count{text-align:right}.bio-char-count,.edit-form-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.edit-form-hint{font-style:italic}.edit-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.edit-actions{display:flex;flex-wrap:wrap;gap:1rem}.cancel-button,.save-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.save-button{background-color:#667eea}.save-button:hover:not(:disabled){background-color:#5568d3}.save-button:disabled{background-color:#999;opacity:.7}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button:hover:not(:disabled){background-color:#e0e0e0}.cancel-button:disabled{opacity:.6}.shape-selector{position:relative;width:100%}.shape-selector-trigger{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;gap:.75rem;justify-content:center;padding:.75rem;transition:border-color .2s;width:-webkit-fit-content;width:fit-content}.shape-selector-trigger:hover{border-color:#667eea}.shape-selector-preview{background-color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));flex-shrink:0;height:96px;position:relative;width:96px}.shape-selector-preview-inner{background-position:50%;background-size:cover;box-sizing:border-box;height:100%;width:100%}.shape-selector-arrow{color:#666;font-size:.75rem}.shape-selector-dropdown{grid-gap:.75rem;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));left:0;margin-top:.25rem;max-height:500px;min-width:500px;overflow-y:auto;padding:.75rem;position:absolute;top:100%;z-index:1000}.shape-selector-option{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:.75rem;position:relative;transition:background-color .2s}.shape-selector-option:hover{background-color:#f5f5f5}.shape-selector-option.selected{background-color:#f0f0ff}.shape-selector-option-preview{background-color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2));flex-shrink:0;height:96px;position:relative;width:96px}.shape-selector-option-preview-inner{background-position:50%;background-size:cover;box-sizing:border-box;height:100%;width:100%}.shape-selector-tooltip{background-color:#000000e6;border-radius:4px;bottom:100%;color:#fff;font-size:.875rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:1001}.shape-selector-tooltip:after{border:5px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.shape-selector-option:hover .shape-selector-tooltip{opacity:1}.shape-selector-option-preview.shape-circle,.shape-selector-preview.shape-circle{border-radius:50%;padding:3.74px}.shape-selector-option-preview.shape-circle .shape-selector-option-preview-inner,.shape-selector-preview.shape-circle .shape-selector-preview-inner{border-radius:50%;height:100%;width:100%}.shape-selector-option-preview.shape-triangle-up,.shape-selector-preview.shape-triangle-up{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.shape-selector-option-preview.shape-triangle-up .shape-selector-option-preview-inner,.shape-selector-preview.shape-triangle-up .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-triangle-down,.shape-selector-preview.shape-triangle-down{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.shape-selector-option-preview.shape-triangle-down .shape-selector-option-preview-inner,.shape-selector-preview.shape-triangle-down .shape-selector-preview-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-rectangle,.shape-selector-preview.shape-rectangle{height:90px;padding:5.25px 3.49px;width:134px}.shape-selector-option-preview.shape-rectangle .shape-selector-option-preview-inner,.shape-selector-preview.shape-rectangle .shape-selector-preview-inner{border-radius:0;height:100%;width:100%}.shape-selector-option-preview.shape-rounded-rectangle,.shape-selector-preview.shape-rounded-rectangle{border-radius:10px;height:90px;padding:5.25px 3.49px;width:134px}.shape-selector-option-preview.shape-rounded-rectangle .shape-selector-option-preview-inner,.shape-selector-preview.shape-rounded-rectangle .shape-selector-preview-inner{border-radius:10px;height:100%;width:100%}.shape-selector-option-preview.shape-square,.shape-selector-preview.shape-square{padding:3.74px}.shape-selector-option-preview.shape-square .shape-selector-option-preview-inner,.shape-selector-preview.shape-square .shape-selector-preview-inner{border-radius:0;height:100%;width:100%}.shape-selector-option-preview.shape-pentagon,.shape-selector-preview.shape-pentagon{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.shape-selector-option-preview.shape-pentagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-pentagon .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-hexagon,.shape-selector-preview.shape-hexagon{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-selector-option-preview.shape-hexagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-hexagon .shape-selector-preview-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-octagon,.shape-selector-option-preview.shape-octagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-octagon,.shape-selector-preview.shape-octagon .shape-selector-preview-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.shape-selector-option-preview.shape-octagon .shape-selector-option-preview-inner,.shape-selector-preview.shape-octagon .shape-selector-preview-inner{transform:scale(.922);transform-origin:center}.shape-selector-option-preview.shape-star,.shape-selector-preview.shape-star{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);height:115px;width:115px}.shape-selector-option-preview.shape-star .shape-selector-option-preview-inner,.shape-selector-preview.shape-star .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transform:scale(.83666);transform-origin:center}.shape-selector-option-preview.shape-oval,.shape-selector-preview.shape-oval{border-radius:50%;height:90px;padding:3.49px 3.74px;width:96px}.shape-selector-option-preview.shape-oval .shape-selector-option-preview-inner,.shape-selector-preview.shape-oval .shape-selector-preview-inner{border-radius:50%;height:100%;width:100%}.shape-selector-option-preview.shape-rhombus,.shape-selector-preview.shape-rhombus{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-selector-option-preview.shape-rhombus .shape-selector-option-preview-inner,.shape-selector-preview.shape-rhombus .shape-selector-preview-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:scale(.922);transform-origin:center}.shape-preview-box.shape-circle{border-radius:50%;padding:2.34px}.shape-preview-box.shape-circle:after{border-radius:50%}.shape-preview-box.shape-triangle-up{border-radius:0}.shape-preview-box.shape-triangle-up,.shape-preview-box.shape-triangle-up:after{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.shape-preview-box.shape-triangle-up:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-triangle-down{border-radius:0}.shape-preview-box.shape-triangle-down,.shape-preview-box.shape-triangle-down:after{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.shape-preview-box.shape-triangle-down:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-rectangle{border-radius:0;height:56px;padding:3.28px 2.18px;width:84px}.shape-preview-box.shape-rectangle:after{border-radius:0}.shape-preview-box.shape-square{border-radius:0;padding:2.34px}.shape-preview-box.shape-square:after{border-radius:0}.shape-preview-box.shape-pentagon{border-radius:0}.shape-preview-box.shape-pentagon,.shape-preview-box.shape-pentagon:after{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.shape-preview-box.shape-pentagon:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-hexagon{border-radius:0}.shape-preview-box.shape-hexagon,.shape-preview-box.shape-hexagon:after{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.shape-preview-box.shape-hexagon:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-octagon{border-radius:0}.shape-preview-box.shape-octagon,.shape-preview-box.shape-octagon:after{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.shape-preview-box.shape-octagon:after{transform:scale(.922);transform-origin:center}.shape-preview-box.shape-star{border-radius:0;height:72px;width:72px}.shape-preview-box.shape-star,.shape-preview-box.shape-star:after{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-preview-box.shape-star:after{transform:scale(.83666);transform-origin:center}.shape-preview-box.shape-oval{border-radius:50%;height:56px;padding:2.18px 2.34px;width:60px}.shape-preview-box.shape-oval:after{border-radius:50%}.shape-preview-box.shape-rhombus{border-radius:0}.shape-preview-box.shape-rhombus,.shape-preview-box.shape-rhombus:after{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-preview-box.shape-rhombus:after{transform:scale(.922);transform-origin:center}.profile-error,.profile-loading{color:#666;font-size:1.2rem;padding:4rem 2rem;text-align:center}.profile-error{color:#f44}.friendship-status-badge{align-items:center;display:flex;gap:.5rem;margin-top:1rem;position:relative}.friend-badge,.pending-request-received,.pending-request-sent{align-items:center;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.friend-badge-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between}.friend-badge-button:hover{box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.friend-badge-button:disabled{cursor:not-allowed;opacity:.7}.friend-badge-arrow{font-size:.75rem;margin-left:.25rem;transition:transform .2s}.friend-badge-button:hover .friend-badge-arrow{transform:translateY(2px)}.pending-request-sent{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.dark-mode .pending-request-sent{background-color:#3d2e1f;border-color:#4a3a2a;color:#ffb74d}.pending-request-received{background-color:#d1ecf1;border-color:#bee5eb;color:#0c5460}.dark-mode .pending-request-received{background-color:#1a3a4a;border-color:#2d4a5a;color:#81d4fa}.friend-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #0000004d;left:0;margin-top:.5rem;min-width:150px;overflow:hidden;position:absolute;top:100%;z-index:1000}.friend-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.friend-dropdown-item:hover:not(:disabled){background:var(--bg-secondary)}.friend-dropdown-item:disabled{cursor:not-allowed;opacity:.6}.unfriend-button{color:#f44336}.unfriend-button:hover:not(:disabled){background:#f443361a;color:#d32f2f}.dark-mode .unfriend-button:hover:not(:disabled){background:#f4433633}@media (max-width:768px){.cancel-button,.friend-dropdown-item,.save-button{min-height:44px;touch-action:manipulation}.profile-info h1{font-size:1.75rem}.profile-page-wrapper{margin:0;overflow-x:hidden}.profile-page,.profile-page-wrapper{padding:0}.profile-background,.profile-page,.profile-page-wrapper{box-sizing:border-box;max-width:100%;width:100%}.profile-content,.wall{box-sizing:border-box;max-width:100%;padding:0;width:100%}.wall{background:none!important;background-color:initial!important;background-image:none!important;margin:0}}.my-account-container{margin:2rem auto;max-width:600px;padding:0 1rem}.my-account-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:2rem}.my-account-card h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.my-account-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 2rem}.my-account-form{gap:1.5rem}.form-group,.my-account-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s}.form-group input:focus{background:var(--bg-primary);border-color:#1877f2;box-shadow:0 0 0 2px #1877f233;outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.save-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover:not(:disabled){background:#166fe5}.save-button:disabled{background:#e4e6eb;color:#8a8d91;cursor:not-allowed;opacity:.6}.dark-mode .save-button:disabled{background:#3a3b3c}.cancel-button{font-size:1rem;padding:.75rem 1.5rem}.error-message{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;margin-bottom:1rem;padding:.75rem}.dark-mode .error-message{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.success-message{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#388e3c;margin-bottom:1rem;padding:.75rem}.dark-mode .success-message{background:#1b3d1f;border-color:#2d5a32;color:#81c784}@media (max-width:768px){.my-account-container{margin:1rem auto;padding:0 .5rem}.my-account-card{padding:1.5rem}.my-account-card h1{font-size:1.5rem}.form-group input{font-size:16px;min-height:44px;padding:.875rem}.form-actions{flex-direction:column;gap:.75rem}.cancel-button,.save-button{min-height:44px;touch-action:manipulation;width:100%}}.settings-container{margin:2rem auto;max-width:800px;padding:0 1rem}.settings-card{background:#fff;border:1px solid #e4e6eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.dark-mode .settings-card{background:#1c1e21;border-color:#3a3b3c}.settings-card h1{color:#050505;font-size:2rem;font-weight:700;margin:0 0 .5rem}.dark-mode .settings-card h1{color:#e4e6eb}.settings-subtitle{color:#65676b;font-size:1rem;margin:0 0 2rem}.dark-mode .settings-subtitle{color:#b0b3b8}.settings-placeholder{font-size:1.1rem;padding:3rem}.settings-error,.settings-loading,.settings-placeholder{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;color:#65676b;text-align:center}.settings-error,.settings-loading{font-size:1rem;padding:1.5rem}.dark-mode .settings-error,.dark-mode .settings-loading{background:#2a2d31;border-color:#3a3b3c;color:#b0b3b8}.settings-error{background:#ffebee;border-color:#ffcdd2;color:#d32f2f}.dark-mode .settings-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#f0f2f5;border:1px solid #e4e6eb;border-radius:8px;padding:1.5rem}.dark-mode .settings-section{background:#2a2d31;border-color:#3a3b3c}.settings-section-title{color:#050505;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.dark-mode .settings-section-title{color:#e4e6eb}.settings-section-description{color:#65676b;font-size:.9rem;margin:0 0 1rem}.dark-mode .settings-section-description{color:#b0b3b8}.settings-radio-group{display:flex;flex-direction:column;gap:.75rem}.settings-radio-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.settings-radio-label:hover{background-color:#0000000d}.dark-mode .settings-radio-label:hover{background-color:#ffffff0d}.settings-radio-input{cursor:pointer;height:18px;margin-right:.75rem;width:18px}.settings-radio-text{color:#050505;font-size:1rem}.dark-mode .settings-radio-text{color:#e4e6eb}.settings-checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:.75rem;transition:background-color .2s}.settings-checkbox-label:hover{background-color:#0000000d}.dark-mode .settings-checkbox-label:hover{background-color:#ffffff0d}.settings-checkbox-input{cursor:pointer;height:18px;margin-right:.75rem;width:18px}.settings-checkbox-text{color:#050505;font-size:1rem;font-weight:500}.dark-mode .settings-checkbox-text{color:#e4e6eb}.settings-hint{color:#65676b;font-size:.85rem;font-style:italic;margin:.5rem 0 0;padding-left:2.5rem}.dark-mode .settings-hint{color:#b0b3b8}.settings-success{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;color:#2e7d32;font-size:.9rem;margin-top:1rem;padding:1rem}.dark-mode .settings-success{background:#1b3d1f;border-color:#2d5a32;color:#81c784}.settings-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:.75rem 1.5rem;transition:background-color .2s,opacity .2s}.settings-button:hover:not(:disabled){background:#1565c0}.settings-button:active:not(:disabled){background:#0d47a1}.settings-button:disabled{cursor:not-allowed;opacity:.6}.dark-mode .settings-button{background:#1877f2}.dark-mode .settings-button:hover:not(:disabled){background:#1565c0}.settings-select-group{display:flex;flex-direction:column;gap:.5rem}.settings-select-input{background:#fff;border:1px solid #e4e6eb;border-radius:6px;color:#050505;cursor:pointer;font-size:1rem;padding:.75rem;transition:border-color .2s}.settings-select-input:hover{border-color:#b0b3b8}.settings-select-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dark-mode .settings-select-input{background:#2a2d31;border-color:#3a3b3c;color:#e4e6eb}.dark-mode .settings-select-input:hover{border-color:#4a4b4c}.dark-mode .settings-select-input:focus{border-color:#9d81e0;box-shadow:0 0 0 3px #9d81e033}.settings-select-group .settings-hint{margin-top:.5rem;padding-left:0}.animation-manager{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-top:2rem;padding:1.5rem}.animation-manager h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 .5rem}.animation-manager-description{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.5rem}.animation-manager-message{border-radius:6px;font-size:.9rem;margin-bottom:1rem;padding:.75rem 1rem}.animation-manager-error{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.animation-manager-success{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.animation-manager-upload{margin-bottom:2rem}.animation-manager-upload-controls{display:flex;flex-direction:column;gap:1rem}.animation-manager-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem}.animation-manager-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.animation-manager-checkbox-label:has(input:disabled){cursor:not-allowed;opacity:.6}.animation-manager-upload-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s}.animation-manager-upload-button:hover:not(:disabled){background:#0056b3;background:var(--primary-color-hover,#0056b3)}.animation-manager-upload-button:disabled{cursor:not-allowed;opacity:.6}.animation-manager-empty,.animation-manager-loading{color:var(--text-secondary);padding:2rem;text-align:center}.animation-manager-empty{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:6px}.animation-manager-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.animation-manager-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;position:relative;transition:border-color .2s ease,box-shadow .2s ease}.animation-manager-item-selected{border:2px solid #007bff;border:2px solid var(--primary-color,#007bff);box-shadow:0 0 0 3px #007bff1a}.animation-manager-selected-badge{background:#007bff;background:var(--primary-color,#007bff);border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:1}.animation-manager-preview{align-items:center;aspect-ratio:1;background:var(--bg-secondary);border-radius:6px;display:flex;justify-content:center;overflow:hidden;width:100%}.animation-manager-preview img{max-height:100%;max-width:100%;object-fit:contain}.animation-manager-info{flex:1 1}.animation-manager-filename{color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:.25rem;word-break:break-word}.animation-manager-size{color:var(--text-secondary);font-size:.85rem}.animation-manager-actions{display:flex;flex-direction:column;gap:.5rem}.animation-manager-select-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .2s}.animation-manager-select-button:hover:not(:disabled){background:#0056b3;background:var(--primary-hover-color,#0056b3)}.animation-manager-select-button:disabled{background:#28a745;background:var(--success-color,#28a745);cursor:not-allowed;opacity:.6}.animation-manager-delete-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.animation-manager-delete-button:hover:not(:disabled){background:#c82333}.animation-manager-delete-button:disabled{cursor:not-allowed;opacity:.5}.animation-manager-future{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-top:2rem;padding:1.5rem}.animation-manager-future h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 .75rem}.animation-manager-future p{color:var(--text-secondary);font-size:.95rem;margin:0 0 .75rem}.animation-manager-future ul{color:var(--text-secondary);margin:0;padding-left:1.5rem}.animation-manager-future li{margin-bottom:.5rem}.admin-portal-container{margin:2rem auto;max-width:800px;padding:0 1rem}.admin-portal-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);padding:2rem}.admin-portal-card h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.admin-portal-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 2rem}.admin-portal-placeholder{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:1.1rem;padding:3rem;text-align:center}.user-search{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:0 2rem;width:100%}.user-search h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;padding-top:0}.search-input-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:1.5rem;padding:16px}.search-input{border:1px solid var(--border-color);border-radius:20px;padding:.75rem 1rem;transition:all .2s}.search-input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.search-loading{color:var(--text-tertiary);font-size:.875rem;right:1rem}.search-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .search-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.search-results{display:flex;flex-direction:column;gap:1rem}.search-result-item-link{color:inherit;display:block;text-decoration:none}.search-result-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;gap:1rem;padding:1rem;transition:all .2s}.search-result-item-link:hover .search-result-item{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.result-avatar{border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;height:50px;overflow:hidden;width:50px}.result-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#1877f2,#42a5f5)}.result-info{flex:1 1;min-width:0}.result-username{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.result-name{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.result-email{color:var(--text-tertiary);font-size:.85rem}.add-friend-button{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:background-color .2s;white-space:nowrap}.add-friend-button:hover:not(:disabled){background:#166fe5}.add-friend-button:disabled{background:#e4e6eb;color:#8a8d91;cursor:not-allowed;opacity:.7}.dark-mode .add-friend-button:disabled{background:#3a3b3c}.no-results{background:var(--bg-secondary);border:1px solid #e4e6eb;border-radius:8px;color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}@media (max-width:768px){.user-search{padding:0 1rem}.user-search h2{font-size:1.5rem;margin-bottom:1.25rem}.search-input-container{padding:12px}.search-input{font-size:16px;min-height:44px;padding:.875rem 1rem}.search-result-item{min-height:60px;padding:.875rem}.add-friend-button{min-height:44px;min-width:44px;padding:.75rem 1rem;touch-action:manipulation}.result-avatar{height:45px;width:45px}}.friend-list{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;padding:0 2rem;width:100%}.friend-list h2{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;padding-top:0}.friend-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);border:solid var(--border-color);border-radius:8px 8px 0 0;border-width:1px 1px 2px;box-shadow:0 2px 4px var(--shadow-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.tab-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px 6px 0 0;color:var(--text-secondary)}.tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab-button.active{background:var(--bg-primary);border-bottom-color:#1877f2;border-bottom-width:3px;box-shadow:0 -2px 4px #0000001a;color:#1877f2}.friend-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .friend-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.friends-section,.requests-section{margin-top:1rem}.friends-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.friend-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:all .2s}.friend-item:hover{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.friend-profile-picture{border:2px solid var(--border-color);border-radius:50%;filter:drop-shadow(0 2px 4px var(--shadow-color));height:80px;margin-bottom:1rem;width:80px}.friend-profile-picture .profile-picture-inner{height:100%;width:100%}.friend-profile-picture .avatar-initial{align-items:center;background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.friend-profile-picture.shape-rectangle,.friend-profile-picture.shape-rounded-rectangle{height:75px;padding:3.12px 2.08px;width:112px}.friend-profile-picture.shape-star{height:96px;width:96px}.friend-profile-picture.shape-oval{height:75px;padding:2.18px 2.34px;width:80px}.friend-info{margin-bottom:1rem;width:100%}.friend-username{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.friend-name{color:var(--text-secondary);font-size:.9rem}.view-profile-link{background:#1877f2;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.view-profile-link:hover{background:#166fe5}.requests-list{display:flex;flex-direction:column;gap:1rem}.request-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;gap:1rem;padding:1rem;transition:all .2s}.request-item:hover{background:var(--bg-secondary);box-shadow:0 2px 4px var(--shadow-color)}.request-profile-picture{border:2px solid var(--border-color);border-radius:50%;filter:drop-shadow(0 2px 4px var(--shadow-color));flex-shrink:0;height:60px;width:60px}.request-profile-picture .profile-picture-inner{height:100%;width:100%}.request-profile-picture .avatar-initial{align-items:center;background:linear-gradient(135deg,#1877f2,#42a5f5);color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.request-profile-picture.shape-rectangle,.request-profile-picture.shape-rounded-rectangle{height:56px;padding:2.34px 1.56px;width:84px}.request-profile-picture.shape-star{height:72px;width:72px}.request-profile-picture.shape-oval{height:56px;padding:1.64px 1.76px;width:60px}.request-info{flex:1 1;min-width:0}.request-username{color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.request-name{color:var(--text-secondary);font-size:.9rem;margin-bottom:.25rem}.request-date{color:var(--text-tertiary);font-size:.85rem}.request-actions{display:flex;gap:.5rem}.accept-button,.reject-button{border-radius:6px;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.accept-button{background:#1877f2}.accept-button:hover:not(:disabled){background:#166fe5}.reject-button{background:var(--bg-secondary);color:var(--text-primary)}.reject-button:hover:not(:disabled){background:var(--bg-tertiary)}.accept-button:disabled,.reject-button:disabled{opacity:.6}.empty-state{background:var(--bg-secondary);color:var(--text-secondary)}.empty-state,.friend-list-loading{border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:3rem}.friend-list-loading{background:var(--bg-primary);color:var(--text-primary);text-align:center}.request-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);border:solid var(--border-color);border-radius:8px 8px 0 0;border-width:1px 1px 2px;box-shadow:0 2px 4px var(--shadow-color);display:flex;gap:.5rem;margin-bottom:1rem;padding:.5rem}.request-tab-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom:2px solid #0000;border-radius:6px 6px 0 0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:-2px;padding:.5rem 1rem;transition:all .2s}.request-tab-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.request-tab-button.active{background:var(--bg-primary);border-bottom-color:#1877f2;border-bottom-width:3px;box-shadow:0 -2px 4px #0000001a;color:#1877f2;font-weight:600}.request-status{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.pending-badge{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;color:#856404;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.received-requests,.sent-requests{margin-top:1rem}.group-list{background:#0000;box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:0 2rem;width:100%}.group-list-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;margin-top:0;padding-bottom:1.5rem;padding-top:0}.group-list-header h2{color:var(--text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0}.create-group-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .3s ease}.create-group-button:hover{background:linear-gradient(135deg,#5568d3,#6a4291);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.create-group-button:before{content:"+";font-size:1.2rem;font-weight:700}.search-input-container{margin-bottom:2rem;position:relative}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:1rem 1.25rem 1rem 3rem;transition:all .3s ease;width:100%}.search-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:var(--text-tertiary)}.search-input-container:before{content:"🔍";font-size:1.1rem;left:1.25rem;opacity:.6;pointer-events:none}.search-input-container:before,.search-loading{position:absolute;top:50%;transform:translateY(-50%)}.search-loading{animation:search-spin .6s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #667eea;height:20px;right:1.25rem;width:20px}@keyframes search-spin{to{transform:translateY(-50%) rotate(1turn)}}.group-list-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .group-list-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.no-groups{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:1.1rem;margin-top:2rem;padding:4rem 2rem;text-align:center}.groups-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.group-item-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item-wrapper:hover{border-color:#667eea4d;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.group-item-link{color:inherit;display:block;flex:1 1;text-decoration:none}.group-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px 16px 0 0;box-shadow:0 2px 8px #00000014;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1.75rem 1.75rem 0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.group-item-link:hover .group-item{background:var(--bg-secondary)}.group-item-link:hover .group-item:before,.group-item-wrapper:hover .group-item:before{transform:scaleX(1)}.group-item-wrapper:hover .group-bio{margin-bottom:1.25rem;max-height:200px;min-height:4.5rem;opacity:1}.group-item-wrapper:hover .group-meta{border:1px solid var(--border-color);margin-bottom:1.25rem;max-height:200px;opacity:1;padding:1rem}.group-item-picture{border:3px solid var(--border-color);border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:70px;margin-bottom:1.25rem;overflow:hidden;transition:all .3s ease;width:70px}.group-item-wrapper:hover .group-item-picture{border-color:#667eea66;box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.group-item-picture img{height:100%;object-fit:cover;width:100%}.group-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.group-name{color:var(--text-primary);flex:1 1;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0;min-width:0}.privacy-badge{border:1.5px solid;border-radius:20px;flex-shrink:0;font-weight:600;letter-spacing:.5px;padding:.4rem .9rem;text-transform:uppercase;white-space:nowrap}.privacy-badge.public{background:#1976d21a;border-color:#1976d24d}.dark-mode .privacy-badge.public{background:#42a5f526;border-color:#42a5f54d;color:#64b5f6}.privacy-badge.private{background:#f57c001a;border-color:#f57c004d}.dark-mode .privacy-badge.private{background:#ffb74d26;border-color:#ffb74d4d;color:#ffb74d}.privacy-badge.auto-approval{background:#388e3c1a;border-color:#388e3c4d}.dark-mode .privacy-badge.auto-approval{background:#4caf5026;border-color:#4caf504d;color:#81c784}.group-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;font-size:.95rem;min-height:0;text-overflow:ellipsis}.group-bio,.group-meta{margin-bottom:0;max-height:0;opacity:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin-bottom .3s ease,padding .3s ease}.group-meta{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;font-size:.9rem;gap:.75rem;padding:0}.group-members{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem}.group-members:before{content:"👥";font-size:1rem}.group-owner{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem}.group-owner:before{content:"👤";font-size:1rem}.group-footer{background:var(--bg-primary);border-radius:0 0 16px 16px;border-top:2px solid var(--border-color);padding:1.25rem 1.75rem;position:relative}.membership-status{border:1px solid #0000;border-radius:8px;display:inline-block;text-align:center}.membership-status,.request-join-button{font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;width:100%}.request-join-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-family:inherit;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:1.25rem}.request-join-button:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a4291);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.request-join-button:disabled{cursor:not-allowed;opacity:.7}.group-item-wrapper:hover .membership-status.not-member{opacity:0;pointer-events:none}.group-item-wrapper:hover .request-join-button{opacity:1;pointer-events:all}.withdraw-request-button{background:#dc3545;border:none;border-radius:8px;box-shadow:0 4px 12px #dc35454d;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;left:0;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;right:0;top:1.25rem;transition:all .3s ease;width:100%}.withdraw-request-button:hover:not(:disabled){background:#c82333;box-shadow:0 6px 20px #dc354566;color:#fff;transform:translateY(-2px)}.withdraw-request-button:disabled{cursor:not-allowed;opacity:.7}.group-item-wrapper:hover .membership-status.pending{opacity:0;pointer-events:none}.group-item-wrapper:hover .withdraw-request-button{opacity:1;pointer-events:all}.membership-status.not-member{background:var(--bg-secondary);border:1px solid var(--border-color);color:#65676b}.dark-mode .membership-status.not-member{color:var(--text-tertiary)}.membership-status.pending{background:#f57c0026;border:1px solid #f57c0066;color:#e65100;font-weight:600}.dark-mode .membership-status.pending{background:#ffb74d26;border-color:#ffb74d4d;color:#ffb74d}.membership-status.member{background:#667eea26;border:1px solid #667eea66;color:#4c5fd5;font-weight:600}.dark-mode .membership-status.member{background:#667eea26;border-color:#667eea4d;color:#9d81e0}.group-list-loading{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #00000014;color:var(--text-primary);display:flex;flex-direction:column;font-size:1.1rem;gap:1rem;padding:4rem 2rem;text-align:center}.group-list-loading:after{animation:loading-spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top:4px solid #667eea;content:"";height:40px;width:40px}@keyframes loading-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.group-list{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:0 1rem;width:100%}.group-list-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.group-list-header h2{font-size:1.75rem}.create-group-button{justify-content:center;min-height:44px;touch-action:manipulation;width:100%}.search-input{font-size:16px;min-height:44px;padding:.875rem 1rem .875rem 2.75rem}.groups-grid{gap:1rem;grid-template-columns:1fr}.group-item{padding:1.25rem}.group-item-picture{height:60px;margin-bottom:1rem;width:60px}.group-name{font-size:1.2rem}.group-footer{padding:1rem 1.25rem}.membership-status,.request-join-button,.withdraw-request-button{min-height:44px;touch-action:manipulation}}.group-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:600px;padding:2rem}.form-header{margin-bottom:1.5rem}.form-header h3{font-size:1.5rem;font-weight:700}.form-input,.form-select,.form-textarea{border-radius:6px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-actions .cancel-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.form-actions .cancel-button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.submit-button{background:#1877f2;border-radius:6px;font-weight:600}.submit-button:hover:not(:disabled){background:#166fe5}.submit-button:disabled{background:#e4e6eb;color:#8a8d91}.dark-mode .submit-button:disabled{background:#3a3b3c}.form-error{background:#ffe6e6;border-radius:6px;color:#e41e3a}.dark-mode .form-error{background:#3d1f1f}.cancel-button{background:var(--bg-secondary);border-radius:6px;font-weight:500}.cancel-button:hover{background:var(--bg-tertiary)}@media (max-width:768px){.group-form{margin:1rem;padding:1.5rem}.form-header h3{font-size:1.25rem}.form-input,.form-select,.form-textarea{font-size:16px;min-height:44px;padding:.875rem}.form-textarea{min-height:120px}.form-actions{flex-direction:column;gap:.75rem}.form-actions .cancel-button,.submit-button{min-height:44px;touch-action:manipulation;width:100%}}.join-request-button-container{display:flex;flex-direction:column;gap:.5rem}.join-request-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.join-request-button:hover:not(:disabled){background-color:#5568d3}.join-request-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.join-status{align-items:center;display:flex}.status-badge{border-radius:4px;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.status-badge.accepted{background-color:#e8f5e9;color:#388e3c}.status-badge.pending{color:#f57c00}.join-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.85rem;padding:.5rem}.dark-mode .join-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.status-badge.pending{background-color:#fff3e0;color:#e65100;font-weight:600}.dark-mode .status-badge.pending{background-color:#3d2e1f;color:#ffb74d}.join-status-dropdown-container{display:inline-block;position:relative}.status-badge-dropdown-button{align-items:center;border:1px solid;border-radius:20px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.status-badge-dropdown-button.pending{background:#fff3e0;border-color:#ffe0b2;color:#e65100}.dark-mode .status-badge-dropdown-button.pending{background:#3d2e1f;border-color:#4a3a2a;color:#ffb74d}.status-badge-dropdown-button:hover:not(:disabled){box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.status-badge-dropdown-button:disabled{cursor:not-allowed;opacity:.6}.dropdown-arrow{font-size:.7rem;margin-left:.25rem;transition:transform .2s ease}.join-status-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.withdraw-request-menu-button{background:none;border:none;color:#dc3545;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s,color .2s;width:100%}.withdraw-request-menu-button:hover:not(:disabled){background-color:#f8d7da;color:#dc3545}.dark-mode .withdraw-request-menu-button{color:#f48fb1}.dark-mode .withdraw-request-menu-button:hover:not(:disabled){background-color:#3d1f1f;color:#f48fb1}.withdraw-request-menu-button:disabled{cursor:not-allowed;opacity:.6}.member-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem}.member-list-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.member-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.member-list-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.toggle-pending-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.toggle-pending-button:hover{background:linear-gradient(135deg,#5568d3,#6a4291);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.member-list-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .member-list-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.pending-members-section{border-bottom:2px solid var(--border-color);margin-bottom:2rem;padding-bottom:2rem}.pending-members-section h4{color:var(--text-primary);font-size:1rem;margin:0 0 1rem}.accepted-members-section{margin-top:1rem}.members-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.member-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:flex;gap:1rem;padding:1rem;transition:background-color .2s}.member-item:hover{background:var(--bg-tertiary)}.member-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.avatar-placeholder{font-size:1.2rem}.member-info{flex:1 1;min-width:0}.member-username{color:var(--text-primary);display:block;font-weight:600;margin-bottom:.25rem;text-decoration:none}.member-username:hover{color:#667eea;text-decoration:underline}.member-owner-label{color:#667eea;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.member-date{color:var(--text-tertiary);font-size:.75rem}.member-role{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.role-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.role-badge.owner{background-color:#e3f2fd;color:#1976d2}.role-badge.moderator{background-color:#fff3e0;color:#f57c00}.role-badge.member{background-color:#f5f5f5;color:#666}.member-management-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.moderator-actions{display:flex;gap:.5rem}.add-moderator-button,.remove-moderator-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:background-color .2s}.add-moderator-button:hover:not(:disabled),.remove-moderator-button:hover:not(:disabled){background-color:#5568d3}.remove-moderator-button{background-color:#f57c00}.remove-moderator-button:hover:not(:disabled){background-color:#e65100}.add-moderator-button:disabled,.remove-moderator-button:disabled{cursor:not-allowed;opacity:.5}.kick-member-button{background-color:#dc3545;border:none;border-radius:6px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;width:100%}.kick-member-button:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.kick-member-button:disabled{cursor:not-allowed;opacity:.6}.member-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;min-width:120px}.accept-button,.reject-button{border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease;width:100%}.accept-button{background-color:#388e3c;color:#fff}.accept-button:hover:not(:disabled){background-color:#2e7d32;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.reject-button{background-color:#dc3545;color:#fff}.reject-button:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.accept-button:disabled,.reject-button:disabled{cursor:not-allowed;opacity:.5}.no-members{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.topic-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.form-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.form-field{margin-bottom:1rem}.topic-title-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:.75rem;transition:border-color .2s;width:100%}.topic-title-input:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{align-items:center;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem}.youtube-input{background:var(--bg-secondary)}.youtube-input:focus{background:var(--bg-primary)}.cancel-button:hover{background-color:var(--bg-tertiary)}.vote-section{gap:.5rem}.vote-button,.vote-section{align-items:center;display:flex}.vote-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;padding:.25rem .5rem;transition:all .2s}.vote-button:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--text-primary);transform:scale(1.05)}.vote-button:disabled{cursor:not-allowed;opacity:.4}.upvote-button.active{background-color:#4caf50;border-color:#4caf50;color:#fff}.upvote-button.active:hover:not(:disabled){background-color:#45a049;border-color:#45a049}.downvote-button.active{background-color:#f44336;border-color:#f44336;color:#fff}.downvote-button.active:hover:not(:disabled){background-color:#da190b;border-color:#da190b}.vote-score{color:var(--text-primary);font-size:.9rem;font-weight:600;min-width:30px;text-align:center}.discussion-board{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem}.discussion-board-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.discussion-board-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.discussion-board-header h3{color:var(--text-primary);font-size:1.2rem;margin:0}.create-topic-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.create-topic-button:hover{background-color:#5568d3}.discussion-board-message{background:#fff3e0;border:1px solid #ffcc80;border-radius:4px;color:#e65100;font-size:.9rem;margin-bottom:1rem;padding:1rem}.discussion-board-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .discussion-board-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.topic-form-container{margin-bottom:2rem}.topics-list{display:flex;flex-direction:column;gap:1rem}.no-topics{color:var(--text-secondary);font-size:1rem;padding:3rem;text-align:center}.topic-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem;transition:box-shadow .2s}.topic-item:hover{box-shadow:0 2px 4px var(--shadow-color)}.topic-header{margin-bottom:1rem}.topic-title-link{color:inherit;text-decoration:none}.topic-title{color:var(--text-primary);font-size:1.2rem;transition:color .2s}.topic-title-link:hover .topic-title{color:#667eea}.topic-meta{color:var(--text-tertiary);font-size:.85rem}.topic-content-preview{word-wrap:break-word;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.topic-content-preview p{margin:0 0 .5rem}.topic-content-preview p:last-child{margin-bottom:0}.topic-media-preview{margin-bottom:1rem}.topic-media-preview img{border-radius:4px;max-height:300px;max-width:200px;object-fit:cover}.media-indicator{background-color:#e3f2fd;border-radius:12px;color:#1976d2;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.topic-footer{border-top:1px solid var(--border-color)}.topic-stats{align-items:center;display:flex;gap:1rem}.comment-count-link{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.comment-count-link:hover{color:#667eea;text-decoration:underline}.view-topic-link{background-color:var(--bg-secondary);border-radius:4px;color:var(--text-primary);font-size:.85rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s}.view-topic-link:hover{background-color:var(--bg-tertiary)}.group-settings{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:1.5rem}.group-settings h3{color:var(--text-primary);font-size:1.2rem;margin:0 0 1.5rem}.settings-form{max-width:600px}.form-field{margin-bottom:1.5rem}.form-field label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-primary);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{min-height:100px;resize:vertical}.form-select{cursor:pointer}.field-help{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:.5rem}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.submit-button{padding:.75rem 1.5rem}.form-success{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:4px;color:#388e3c;font-size:.9rem;margin-top:1rem;padding:.75rem}.dark-mode .form-success{background-color:#1b3d1f;border-color:#2d5a32;color:#81c784}.group-detail{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:1000px;padding:2rem}.group-cover-section{margin-bottom:4rem;position:relative;width:100%}.group-cover-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:0;height:300px;position:relative;width:100%}.cover-upload-overlay{opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .2s}.group-cover-image:hover .cover-upload-overlay{opacity:1}.cover-upload-button{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.cover-upload-button:hover:not(:disabled){background-color:#000000e6}.cover-upload-button:disabled{cursor:not-allowed;opacity:.5}.group-profile-picture-container{align-items:center;bottom:-75px;display:flex;left:2rem;position:absolute}.group-profile-picture{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:150px;justify-content:center;position:relative;transition:transform .2s;width:150px}.group-profile-picture:hover{transform:scale(1.05)}.group-profile-picture span{color:#999;font-size:.9rem}.edit-overlay,.upload-overlay{align-items:center;background-color:#000000b3;border-radius:50%;bottom:0;color:#fff;display:flex;font-size:.85rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.group-profile-picture:hover .edit-overlay,.upload-overlay{opacity:1}.group-detail-error,.group-detail-loading{color:#666;font-size:1rem;padding:3rem;text-align:center}.group-detail-error{color:#c33}.group-detail-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;margin-top:1rem;padding:0 2rem}.group-header-info{flex:1 1}.group-title{color:#333;font-size:2rem;margin:0 0 .5rem}.group-header-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.privacy-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.privacy-badge.public{background-color:#e3f2fd;color:#1976d2}.privacy-badge.private{background-color:#fff3e0;color:#f57c00}.privacy-badge.auto-approval{background-color:#e8f5e9;color:#388e3c}.group-owner,.member-count{color:#666;font-size:.9rem}.group-owner a{color:#667eea;text-decoration:none}.group-owner a:hover{text-decoration:underline}.group-header-actions{align-items:center;display:flex;gap:.5rem}.delete-group-button{background-color:#c33;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.delete-group-button:hover:not(:disabled){background-color:#a22}.delete-group-button:disabled{cursor:not-allowed;opacity:.5}.group-bio{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);line-height:1.6;padding:1rem}.group-bio,.group-tabs{margin-bottom:1.5rem;margin-left:2rem;margin-right:2rem}.group-tabs{border-bottom:2px solid #eee;display:flex;gap:.5rem}.tab-button{border-bottom:2px solid #0000;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:color .2s}.tab-button:hover{color:#333}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.group-tab-content{min-height:200px;padding:0 2rem 2rem}.comment-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;padding:1rem}.comment-form-actions{gap:1rem;justify-content:space-between;margin-top:1rem}.comment-form-actions,.media-buttons{align-items:center;display:flex;flex-wrap:wrap}.media-buttons{gap:.5rem}.form-buttons{align-items:center;display:flex;gap:.5rem}.submit-button{background-color:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#5568d3}.submit-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.cancel-button{background-color:var(--bg-secondary);border:none;border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .2s}.cancel-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.form-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-top:1rem;padding:.75rem}.dark-mode .form-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.topic-comments{margin-top:1.5rem}.topic-comment-loading{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.topic-comment-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.dark-mode .topic-comment-error{background-color:#3d1f1f;border-color:#4a2525;color:#f48fb1}.topic-comment{background:var(--bg-secondary);border-radius:4px;margin-bottom:1rem;padding:1rem;transition:background-color .2s}.comment-reply,.topic-comment:hover{background:var(--bg-tertiary)}.comment-reply{margin-top:.5rem}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.comment-author{align-items:center;display:flex;gap:.75rem}.comment-avatar{border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:.875rem;font-weight:700;height:100%;justify-content:center;width:100%}.comment-author-info{display:flex;flex-direction:column;gap:.25rem}.comment-username{color:var(--text-primary);font-size:.9rem;font-weight:600}.comment-date{color:var(--text-tertiary);font-size:.75rem}.comment-actions{display:flex;gap:.5rem}.delete-comment-button,.edit-comment-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s}.edit-comment-button:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.delete-comment-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:#c33}.delete-comment-button:hover:not(:disabled){background:#c33;border-color:#c33;color:#fff}.delete-comment-button:disabled,.edit-comment-button:disabled{cursor:not-allowed;opacity:.5}.comment-content{word-wrap:break-word;color:var(--text-primary);line-height:1.5;margin-bottom:.5rem}.comment-content p{margin:0 0 .25rem}.comment-content p:last-child{margin-bottom:0}.comment-content ol,.comment-content ul{margin:.25rem 0;padding-left:1.5rem}.comment-content a{color:#667eea;text-decoration:underline}.comment-content a:hover{color:#5568d3}.comment-media{border-radius:4px;margin:.5rem 0;overflow:hidden}.comment-media img{display:block;max-height:300px;max-width:300px;object-fit:contain}.comment-edit{margin-bottom:.5rem}.comment-error{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;font-size:.8rem;margin-top:.5rem;padding:.5rem}.comment-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.cancel-edit-button,.save-comment-button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background-color .2s}.save-comment-button{background-color:#667eea;color:#fff}.save-comment-button:hover:not(:disabled){background-color:#5568d3}.save-comment-button:disabled{background-color:#999;cursor:not-allowed;opacity:.7}.cancel-edit-button{background-color:var(--bg-secondary);color:var(--text-primary)}.cancel-edit-button:hover:not(:disabled){background-color:var(--bg-tertiary)}.comment-footer{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.reply-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:color .2s}.reply-button:hover{color:#5568d3;text-decoration:underline}.reply-count{color:var(--text-tertiary);font-size:.8rem}.reply-form-container{background:var(--bg-tertiary);border-radius:4px;margin-top:1rem;padding:1rem}.comment-replies{border-left:2px solid var(--border-color);margin-top:.5rem;padding-left:1rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.no-comments{color:var(--text-secondary);font-size:1rem;padding:2rem;text-align:center}.youtube-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.9rem;margin-top:.5rem;padding:.5rem;width:200px}.youtube-input:focus{border-color:#667eea;outline:none}.topic-detail{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:900px;padding:2rem}.topic-detail-loading{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary)}.topic-detail-error,.topic-detail-loading{font-size:1rem;padding:3rem;text-align:center}.topic-detail-error{background:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#e41e3a}.dark-mode .topic-detail-error{background:#3d1f1f;border-color:#4a2525;color:#f48fb1}.back-link{color:#667eea;display:inline-block;margin-top:1rem;text-decoration:none}.back-link:hover{text-decoration:underline}.topic-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.back-to-group-link{color:#667eea;font-size:.9rem;text-decoration:none}.back-to-group-link:hover{text-decoration:underline}.topic-header-actions{display:flex;gap:.5rem}.delete-topic-button,.edit-topic-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:color .2s}.delete-topic-button:hover:not(:disabled),.edit-topic-button:hover:not(:disabled){color:#5568d3}.delete-topic-button{color:#c33}.delete-topic-button:hover:not(:disabled){color:#a22}.delete-topic-button:disabled,.edit-topic-button:disabled{cursor:not-allowed;opacity:.5}.topic-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;margin-bottom:2rem;padding:1.5rem}.topic-title-section{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:1rem}.topic-title{color:#333;font-size:1.8rem;margin:0 0 .5rem}.topic-meta{align-items:center;color:#999;display:flex;font-size:.9rem;gap:1rem}.topic-author a{color:#667eea;text-decoration:none}.topic-author a:hover{text-decoration:underline}.topic-updated{color:#999;font-style:italic}.topic-content-text{word-wrap:break-word;color:#333;line-height:1.8;margin-bottom:1.5rem}.topic-content-text p{margin:0 0 1rem}.topic-content-text p:last-child{margin-bottom:0}.topic-content-text ol,.topic-content-text ul{margin:1rem 0;padding-left:2rem}.topic-content-text a{color:#667eea;text-decoration:underline}.topic-content-text a:hover{color:#5568d3}.topic-media{border-radius:4px;margin-bottom:1.5rem;overflow:hidden}.topic-media img{display:block;max-height:500px;object-fit:contain;width:100%}.topic-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:1rem}.comment-count{color:#666;font-size:.9rem}.topic-comments-section{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1.5rem}.topic-comments-section h3{color:#333;font-size:1.2rem;margin:0 0 1.5rem}.deadline-countdown{align-items:center;display:inline-flex;font-size:.9rem;gap:.5rem}.deadline-countdown-label{color:#65676b;font-weight:500}.deadline-countdown-time{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;color:#1877f2;font-family:Courier New,monospace;font-weight:700;padding:.25rem .5rem}.deadline-countdown-time.expired{background:#ffe6e6;border-color:#fcc;color:#e41e3a}.deadline-countdown.expired .deadline-countdown-label{color:#e41e3a}.battle-layout{margin:24px auto 0;max-width:1180px;min-width:0;width:100%}.battle-layout,.battle-layout *{box-sizing:border-box}.battle-layout .battle-detail-page,.battle-layout .my-battles-page,.vy-battles{min-width:0;width:100%}.vy-battles{color:var(--text-primary)}.vy-battles-hero{align-items:center;background:#211a29;border-radius:24px;color:#fff7e9;display:flex;gap:32px;justify-content:space-between;padding:44px 48px}.vy-eyebrow{color:#edc675;font-size:11px;font-weight:700;letter-spacing:.16em}.vy-battles h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.045em;line-height:1.1;margin:20px 0}.vy-battles h1 span{color:#f3cb75}.vy-battles-hero p{color:#d0c5d4;font-size:16px;line-height:1.7;margin:0;max-width:520px}.vy-battle-actions{align-items:center;display:flex;flex-wrap:wrap;gap:22px;margin-top:28px}.vy-battle-actions a{color:#fff5df;font-size:14px;font-weight:650;text-decoration:none}.vy-battle-actions a:hover{text-decoration:underline}.vy-battle-actions .vy-primary-action{background:#f3cb75;border-radius:10px;color:#211a29;display:flex;gap:30px;padding:14px 20px}.vy-battle-emblem{align-items:center;border:1px solid #76654f;border-radius:50%;color:#f3cb75;display:flex;flex:0 0 180px;flex-direction:column;height:180px;justify-content:center;transform:rotate(-10deg);width:180px}.vy-battle-emblem strong{font-size:68px;letter-spacing:-.07em;line-height:1.1}.vy-battle-emblem span{font-size:10px;letter-spacing:.3em}.vy-battles-toolbar{align-items:center;display:flex;gap:15px;justify-content:space-between;margin:30px 0 20px}.vy-battles-toolbar>span{color:var(--text-secondary);font-size:10px;font-weight:750;letter-spacing:.14em}.vy-battles-toolbar button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:9px;color:var(--text-primary);cursor:pointer;font-size:13px;min-height:42px;padding:10px 14px}.vy-battles-toolbar button:disabled{cursor:wait;opacity:.6}.vy-battle-sections{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 1fr}.vy-battle-sections>section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:18px;min-width:0;padding:26px}.vy-section-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.vy-section-title h2{font-size:22px;letter-spacing:-.025em;margin:0}.vy-section-title>span{background:var(--bg-secondary);border-radius:20px;color:var(--text-secondary);font-size:11px;padding:7px 10px}.vy-section-description{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:10px 0 24px}.vy-empty{align-items:center;border:1px dashed var(--border-color);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:248px;padding:28px 22px;text-align:center}.vy-empty-icon{background:#f3e7c8;border-radius:12px;color:#745016;display:grid;font-size:26px;height:42px;place-items:center;width:42px}.vy-empty h3{font-size:18px;margin:18px 0 7px}.vy-empty p{color:var(--text-secondary);font-size:13px;line-height:1.7;margin:0 0 18px;max-width:310px}.vy-empty a{color:var(--text-primary);font-size:13px;font-weight:700;text-underline-offset:4px}.vy-battles-error{background:#fff1f1;border:1px solid #ebcaca;border-radius:12px;color:#8e2727;margin-bottom:20px;padding:16px}.vy-match{border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);display:block;margin-top:14px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s}.vy-match:hover{border-color:#c29342;box-shadow:0 4px 16px #211a2910}.vy-match-bottom,.vy-match-top{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:11px;gap:12px;justify-content:space-between}.vy-status{background:#e4f3e9;border-radius:20px;color:#217448;padding:6px 9px}.vy-status.is-closed{background:#f7edcf;color:#725216}.vy-match-writers{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:24px 0}.vy-writer{align-items:center;display:flex;gap:9px;min-width:0}.vy-writer strong{font-size:13px;overflow-wrap:anywhere}.vy-versus{color:var(--text-secondary);font-size:11px}.vy-avatar{background:#eee4ce;border-radius:50%;color:#725216;display:grid;flex:0 0 36px;font-weight:750;height:36px;overflow:hidden;place-items:center;width:36px}.vy-avatar img{height:100%;object-fit:cover;width:100%}.vy-match-open{color:var(--text-primary);font-weight:700}.vy-battles a:focus-visible,.vy-battles button:focus-visible{outline:3px solid #a781d8;outline-offset:4px}@media(max-width:700px){.battle-layout{margin:16px auto;padding:0 14px}.vy-battles-hero{gap:15px;padding:28px 24px}.vy-battle-emblem{display:none}.vy-battle-sections{gap:20px;grid-template-columns:1fr}.vy-battle-sections>section{padding:22px 18px}.vy-battles-toolbar{margin-top:24px}.vy-battles-toolbar>span{line-height:1.8;max-width:120px}.battle-layout .battle-detail-page,.battle-layout .my-battles-page{padding:18px}.vy-match{padding:16px}}.battle-comment{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);padding:1.5rem}.battle-comment-header{margin-bottom:1rem}.battle-comment-author{align-items:center;display:flex;gap:1rem}.battle-comment-avatar{align-items:center;background:#1877f2;border:1px solid #e4e6eb;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.battle-comment-author-info{display:flex;flex-direction:column;gap:.25rem}.battle-comment-username{color:var(--text-primary);font-weight:500}.battle-comment-reputation{color:var(--text-secondary);font-size:.85rem}.battle-comment-date{color:var(--text-tertiary);font-size:.8rem}.battle-comment-content{word-wrap:break-word;color:var(--text-primary);line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.battle-comment-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.battle-comment-votes{align-items:center;display:flex;gap:.5rem}.battle-comment-vote-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:36px;justify-content:center;transition:all .2s;width:36px}.battle-comment-vote-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-primary);transform:scale(1.05)}.battle-comment-vote-btn:disabled{cursor:not-allowed;opacity:.4}.battle-comment-vote-btn.upvote.active{background:#42a5f5;border-color:#42a5f5;color:#fff}.battle-comment-vote-btn.upvote.active:hover:not(:disabled){background:#1e88e5;border-color:#1e88e5}.battle-comment-vote-btn.downvote.active{background:#e41e3a;border-color:#e41e3a;color:#fff}.battle-comment-vote-btn.downvote.active:hover:not(:disabled){background:#c62828;border-color:#c62828}.battle-comment-vote-count{color:var(--text-primary);font-weight:500;min-width:30px;text-align:center}.battle-comment-vote-details{color:var(--text-secondary);font-size:.85rem}.battle-comment-vote-breakdown{display:block}@media (max-width:768px){.battle-comment-footer{align-items:flex-start;flex-direction:column;gap:.5rem}}.battle-detail-page{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:1200px;padding:2rem}.battle-detail-header{margin-bottom:2rem}.battle-detail-back-button{background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem;transition:background-color .2s}.battle-detail-back-button:hover{background:var(--bg-tertiary)}.battle-detail-title{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:2rem;font-weight:700;gap:1rem;margin:.5rem 0}.battle-detail-title-user{align-items:center;display:flex;gap:.5rem}.battle-detail-avatar{flex-shrink:0;height:40px;position:relative;width:40px}.battle-detail-avatar.profile-picture-wrapper{height:40px;padding:0;width:40px}.battle-detail-avatar .profile-picture-inner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.battle-detail-avatar .avatar-initial{color:#999;font-size:1rem;font-weight:700;text-transform:uppercase}.battle-detail-avatar.shape-rectangle{height:30px;padding:1.8px 1.2px;width:40px}.battle-detail-avatar.shape-rounded-rectangle{border-radius:5px;height:30px;padding:1.8px 1.2px;width:40px}.battle-detail-avatar.shape-rounded-rectangle .profile-picture-inner{border-radius:5px}.battle-detail-avatar.shape-star{height:40px;width:40px}.battle-detail-avatar.shape-star,.battle-detail-avatar.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.battle-detail-avatar.shape-star .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-oval{border-radius:50%;height:30px;width:40px}.battle-detail-avatar.shape-triangle-up,.battle-detail-avatar.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.battle-detail-avatar.shape-triangle-up .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-triangle-down,.battle-detail-avatar.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.battle-detail-avatar.shape-triangle-down .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-pentagon,.battle-detail-avatar.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.battle-detail-avatar.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-hexagon,.battle-detail-avatar.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.battle-detail-avatar.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-octagon,.battle-detail-avatar.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.battle-detail-avatar.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-avatar.shape-rhombus,.battle-detail-avatar.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-detail-avatar.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.battle-verse-avatar{flex-shrink:0;height:48px;position:relative;width:48px}.battle-verse-avatar.profile-picture-wrapper{height:48px;padding:0;width:48px}.battle-verse-avatar .profile-picture-inner{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.battle-verse-avatar .avatar-initial{color:#999;font-size:1.2rem;font-weight:700;text-transform:uppercase}.battle-verse-avatar.shape-rectangle{height:36px;padding:2.2px 1.5px;width:48px}.battle-verse-avatar.shape-rounded-rectangle{border-radius:6px;height:36px;padding:2.2px 1.5px;width:48px}.battle-verse-avatar.shape-rounded-rectangle .profile-picture-inner{border-radius:6px}.battle-verse-avatar.shape-star{height:48px;width:48px}.battle-verse-avatar.shape-star,.battle-verse-avatar.shape-star .profile-picture-inner{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.battle-verse-avatar.shape-star .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-oval{border-radius:50%;height:36px;width:48px}.battle-verse-avatar.shape-triangle-up,.battle-verse-avatar.shape-triangle-up .profile-picture-inner{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.battle-verse-avatar.shape-triangle-up .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-triangle-down,.battle-verse-avatar.shape-triangle-down .profile-picture-inner{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%)}.battle-verse-avatar.shape-triangle-down .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-pentagon,.battle-verse-avatar.shape-pentagon .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.battle-verse-avatar.shape-pentagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-hexagon,.battle-verse-avatar.shape-hexagon .profile-picture-inner{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.battle-verse-avatar.shape-hexagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-octagon,.battle-verse-avatar.shape-octagon .profile-picture-inner{-webkit-clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.battle-verse-avatar.shape-octagon .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-verse-avatar.shape-rhombus,.battle-verse-avatar.shape-rhombus .profile-picture-inner{-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.battle-verse-avatar.shape-rhombus .profile-picture-inner{transform:scale(.922);transform-origin:center}.battle-detail-verse h3{margin:0}.battle-detail-vote-counts{color:var(--text-secondary);display:flex;font-size:.9rem;gap:1.5rem;margin-top:.5rem}.battle-detail-verses{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.battle-detail-verse{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.battle-detail-verse h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0 0 1rem}.battle-detail-no-verse{color:var(--text-secondary);font-style:italic;padding:1rem}.battle-detail-vote-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.battle-detail-existing-comment{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;color:var(--text-primary);margin-bottom:1rem;padding:1rem}.dark-mode .battle-detail-existing-comment{background:#1a3a5c;border-color:#2a4a6c;color:var(--text-primary)}.battle-detail-vote-error{background:#ffe6e6;border:1px solid #fcc;border-radius:6px;color:#e41e3a;margin-bottom:1rem;padding:.5rem}.battle-detail-vote-buttons{display:flex;gap:1rem;margin-bottom:1.5rem}.battle-detail-vote-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.battle-detail-vote-btn:hover{background:var(--bg-tertiary);border-color:var(--text-primary);transform:translateY(-1px)}.battle-detail-vote-btn.selected{background:#1877f2;border-color:#1877f2;color:#fff}.battle-detail-vote-btn.selected:hover{background:#166fe5;border-color:#166fe5}.battle-detail-comment-section{margin-bottom:1.5rem}.battle-detail-comment-section label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.battle-detail-comment-section textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;min-height:100px;padding:.75rem;resize:vertical;width:100%}.battle-detail-comment-section textarea:focus{background:var(--bg-primary);border-color:#1877f2;box-shadow:0 0 0 2px #1877f233;outline:none}.battle-detail-comment-section textarea::placeholder{color:var(--text-tertiary)}.battle-detail-comment-count{color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.battle-detail-submit-vote{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s}.battle-detail-submit-vote:hover:not(:disabled){background:#166fe5}.battle-detail-submit-vote:disabled{background:#e4e6eb;color:var(--text-secondary);cursor:not-allowed;opacity:.6}.dark-mode .battle-detail-submit-vote:disabled{background:#3a3b3c;color:var(--text-secondary)}.battle-detail-participant-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-bottom:2rem;padding:1rem;text-align:center}.dark-mode .battle-detail-participant-notice{background:#3d2e1f;border-color:#4a3a2a;color:#ffb74d}.battle-detail-comments-section{margin-top:2rem}.battle-detail-comments-section h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.battle-detail-comments-list{display:flex;flex-direction:column;gap:1rem}.battle-detail-no-comments{background:var(--bg-secondary);color:var(--text-secondary);padding:2rem}.battle-detail-error,.battle-detail-loading,.battle-detail-no-comments{border:1px solid var(--border-color);border-radius:8px;text-align:center}.battle-detail-error,.battle-detail-loading{background:var(--bg-primary);color:var(--text-primary);font-size:1.2rem;padding:4rem}.battle-detail-error{color:#e41e3a}@media (max-width:768px){.battle-detail-verses{grid-template-columns:1fr}.battle-detail-vote-buttons{flex-direction:column}}.my-battles-page{margin:0 auto;max-width:1400px;padding:2rem;position:relative}.my-battles-page-header{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px var(--shadow-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.my-battles-page-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.my-battles-page-refresh{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.my-battles-page-refresh:hover{background:#166fe5}.my-battles-page-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-direction:column;gap:3rem;padding:2rem}.my-battles-section{width:100%}.my-battles-section-header{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.my-battles-list{display:flex;flex-direction:column;gap:1rem}.my-battles-draw-item,.my-battles-loss-item,.my-battles-victory-item{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s;width:100%}.my-battles-victory-item{background:var(--bg-primary);border:1px solid #42a5f5}.my-battles-victory-item:hover{background:#e3f2fd;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .my-battles-victory-item:hover{background:#1a3a4d}.my-battles-loss-item{background:var(--bg-primary);border:1px solid #e41e3a}.my-battles-loss-item:hover{background:#ffe6e6;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .my-battles-loss-item:hover{background:#3d1f1f}.my-battles-draw-item{background:var(--bg-primary);border:1px solid #f57c00}.my-battles-draw-item:hover{background:#fff3e0;box-shadow:0 2px 4px var(--shadow-color)}.dark-mode .my-battles-draw-item:hover{background:#3d2e1f}.my-battles-item-content{align-items:center;display:flex;flex:1 1;gap:1rem}.my-battles-item-content strong{color:var(--text-primary);font-size:1.2rem;font-weight:600}.my-battles-victory-badge{background:#42a5f5}.my-battles-loss-badge,.my-battles-victory-badge{border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.my-battles-loss-badge{background:#e41e3a}.my-battles-draw-badge{background:#f57c00;border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem}.my-battles-vote-count{color:var(--text-secondary);font-size:.9rem;font-weight:500}.my-battles-empty{background:var(--bg-secondary);color:var(--text-secondary);padding:2rem}.my-battles-empty,.my-battles-page-loading{border:1px solid var(--border-color);border-radius:8px;text-align:center}.my-battles-page-loading{background:var(--bg-primary);color:var(--text-primary);font-size:1.2rem;padding:4rem}.my-battles-page-error{background:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#e41e3a;font-weight:500;padding:2rem;text-align:center}.dark-mode .my-battles-page-error{background:#3d1f1f;border-color:#4a2525;color:#ff6b6b}.home-feed-container{align-items:flex-start;display:flex;gap:20px;justify-content:center;margin:0 auto;max-width:1400px;padding:0 20px}.left-sidebar,.right-sidebar{align-self:flex-start;margin-top:0;padding-top:0}.home-feed-main{display:flex;flex:1 1;flex-direction:column;margin-top:0;max-width:800px;min-width:0;order:2;padding-top:0}.home-feed-main>.group-list{max-width:none;width:100%}.home-feed-main.friends-page,.home-feed-main.groups-page,.home-feed-main.search-page{align-items:flex-start;flex:1 1 auto;max-width:none;padding-top:0}.home-feed-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2;margin:0 0 20px;padding:0}.home-feed-post-form{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);margin-bottom:30px;padding:16px}.home-feed-error,.home-feed-loading{font-size:18px;padding:40px;text-align:center}.home-feed-error{color:#d32f2f}.home-feed-empty{padding:40px;text-align:center}.home-feed-empty h2{color:var(--text-primary);font-size:24px;margin-bottom:10px}.home-feed-empty p{color:var(--text-secondary);font-size:16px}.home-feed-items{display:flex;flex-direction:column;gap:20px}.home-feed-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color);padding:16px;transition:box-shadow .2s}.home-feed-item:hover{box-shadow:0 4px 8px var(--shadow-color)}.feed-item-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.feed-item-author{color:var(--text-primary);font-size:16px;font-weight:600}.feed-item-time{color:var(--text-tertiary);font-size:12px}.feed-item-content{margin-bottom:12px}.feed-post-target{color:var(--text-secondary);display:block;font-size:14px;margin-bottom:8px}.feed-post-text{word-wrap:break-word;color:var(--text-primary);font-size:15px;line-height:1.5;margin:8px 0}.feed-post-image{border-radius:4px;height:auto;margin-top:8px;max-width:100%}.feed-post-youtube{margin-top:12px;width:100%}.feed-battle-text{color:var(--text-primary);font-size:15px;line-height:1.5}.feed-battle-opponent,.feed-battle-user{color:var(--text-primary);font-weight:600}.feed-reputation-change{font-weight:600;margin-left:4px}.feed-reputation-up{color:#2e7d32}.feed-reputation-down{color:#d32f2f}.feed-item-link{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;padding:0;text-decoration:none;transition:color .2s}.feed-item-link:hover{color:#1565c0;text-decoration:underline}.feed-item-link:focus{outline:2px solid #1976d2;outline-offset:2px}@media (max-width:768px){.home-feed-container{gap:10px;max-width:100vw;padding:0 10px}.home-feed-container,.home-feed-main{box-sizing:border-box;overflow-x:hidden;width:100%}.home-feed-main{max-width:100%}.home-feed-title{font-size:20px;margin-bottom:15px}.home-feed-post-form{margin-bottom:20px;padding:12px}.home-feed-items{gap:15px}.home-feed-item{padding:12px}.feed-item-header{flex-wrap:wrap;gap:.5rem}.feed-item-author{font-size:15px}.feed-post-text{font-size:14px}.feed-item-link{align-items:center;display:inline-flex;min-height:44px;padding:.5rem;touch-action:manipulation}}.verseyard-welcome{background:#1d1823;border-radius:26px;box-sizing:border-box;color:#faf7f0;margin:28px auto 64px;max-width:1180px;padding:52px 44px;text-align:left}.verseyard-intro{max-width:760px}.verseyard-eyebrow{color:#e0bf69;font:700 12px/1.5 system-ui,sans-serif;letter-spacing:.17em}.verseyard-welcome h1{color:#faf7f0;font-size:clamp(44px,7vw,80px);font-weight:800;letter-spacing:-.055em;line-height:1.04;margin:25px 0}.verseyard-lead{color:#cfc7d2;font-size:19px;line-height:1.8;max-width:620px}.verseyard-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.verseyard-actions a{border:1px solid #615568;border-radius:12px;color:#faf7f0;font-weight:700;padding:15px 22px;text-decoration:none}.verseyard-actions a:first-child{background:#f3cb75;border-color:#f3cb75;color:#251c11}.verseyard-actions a span{margin-left:30px}.verseyard-parent{color:#aaa1af;font-size:13px}.verseyard-parent a{color:inherit;text-underline-offset:4px}.verseyard-feature-grid{grid-gap:24px;border-top:1px solid #4d4054;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:54px;padding-top:30px}.verseyard-feature-grid article{min-width:0}.verseyard-feature-grid span{color:#e0bf69;font-size:11px;letter-spacing:.1em}.verseyard-feature-grid h2{color:#faf7f0;font-size:22px;margin:18px 0 12px}.verseyard-feature-grid p{color:#bfb6c5;font-size:15px;line-height:1.7}@media(max-width:700px){.verseyard-welcome{margin:16px 12px 40px;padding:34px 24px}.verseyard-feature-grid{gap:20px;grid-template-columns:1fr}.verseyard-lead{font-size:17px}}.terms-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color,#0000001a);margin:0 auto;max-width:900px;padding:2rem}.dark-mode .terms-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.terms-content{color:#333;color:var(--text-primary,#333)}.dark-mode .terms-content{color:#fff;color:var(--text-primary,#fff)}.terms-title{color:#333;color:var(--text-primary,#333);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dark-mode .terms-title{color:#fff;color:var(--text-primary,#fff)}.terms-last-updated{color:#666;color:var(--text-secondary,#666);font-size:.9rem;font-style:italic;margin-bottom:2rem}.dark-mode .terms-last-updated{color:#999;color:var(--text-secondary,#999)}.terms-section{margin-bottom:2rem}.terms-section-title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.dark-mode .terms-section-title{color:#fff;color:var(--text-primary,#fff)}.terms-text{color:#333;color:var(--text-primary,#333);font-size:1rem;line-height:1.6;margin-bottom:1rem}.dark-mode .terms-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.terms-list{color:#333;color:var(--text-primary,#333);margin:1rem 0;padding-left:2rem}.dark-mode .terms-list{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.terms-list li{line-height:1.6;margin-bottom:.5rem}@media (max-width:768px){.terms-container{margin:1rem;padding:1.5rem}.terms-title{font-size:2rem}.terms-section-title{font-size:1.25rem}.terms-text{font-size:.95rem}}.careers-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color,#0000001a);margin:0 auto;max-width:900px;padding:2rem}.dark-mode .careers-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.careers-content{color:#333;color:var(--text-primary,#333)}.dark-mode .careers-content{color:#fff;color:var(--text-primary,#fff)}.careers-title{color:#333;color:var(--text-primary,#333);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.dark-mode .careers-title{color:#fff;color:var(--text-primary,#fff)}.careers-intro{color:#666;color:var(--text-secondary,#666);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.dark-mode .careers-intro{color:#ccc;color:var(--text-secondary,#ccc)}.careers-section{margin-bottom:2.5rem}.careers-section-title{color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.dark-mode .careers-section-title{color:#fff;color:var(--text-primary,#fff)}.careers-text{color:#333;color:var(--text-primary,#333);font-size:1rem;line-height:1.6;margin-bottom:1rem}.dark-mode .careers-text{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-list{color:#333;color:var(--text-primary,#333);margin:1rem 0;padding-left:2rem}.dark-mode .careers-list{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-list li{line-height:1.6;margin-bottom:.5rem}.careers-job{background:#f9f9f9;background:var(--bg-secondary,#f9f9f9);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.dark-mode .careers-job{background:#2a2a2a;background:var(--bg-secondary,#2a2a2a);border-color:#444;border-color:var(--border-color,#444)}.careers-job-title{color:#333;color:var(--text-primary,#333);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.dark-mode .careers-job-title{color:#fff;color:var(--text-primary,#fff)}.careers-job-type{color:#666;color:var(--text-secondary,#666);font-size:.9rem;margin-bottom:1rem}.dark-mode .careers-job-type{color:#999;color:var(--text-secondary,#999)}.careers-job-description{color:#333;color:var(--text-primary,#333);font-size:1rem;line-height:1.6;margin-bottom:1rem}.dark-mode .careers-job-description{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-job-requirements{color:#333;color:var(--text-primary,#333);margin-top:1rem}.dark-mode .careers-job-requirements{color:#e0e0e0;color:var(--text-primary,#e0e0e0)}.careers-job-requirements strong{display:block;margin-bottom:.5rem}.careers-job-requirements ul{margin:.5rem 0;padding-left:2rem}.careers-job-requirements li{line-height:1.6;margin-bottom:.25rem}@media (max-width:768px){.careers-container{margin:1rem;padding:1.5rem}.careers-title{font-size:2rem}.careers-section-title{font-size:1.25rem}.careers-text{font-size:.95rem}.careers-job{padding:1rem}.careers-job-title{font-size:1.1rem}}.sitemap-container{background:#fff;background:var(--bg-primary,#fff);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color,#0000001a);margin:0 auto;max-width:900px;padding:2rem}.dark-mode .sitemap-container{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333)}.sitemap-content{color:#333;color:var(--text-primary,#333)}.dark-mode .sitemap-content{color:#fff;color:var(--text-primary,#fff)}.sitemap-title{color:#333;color:var(--text-primary,#333);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.dark-mode .sitemap-title{color:#fff;color:var(--text-primary,#fff)}.sitemap-description{color:#666;color:var(--text-secondary,#666);font-size:1rem;line-height:1.6;margin-bottom:2rem}.dark-mode .sitemap-description{color:#999;color:var(--text-secondary,#999)}.sitemap-section{margin-bottom:2rem}.sitemap-section-title{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color,#ddd);color:#333;color:var(--text-primary,#333);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.dark-mode .sitemap-section-title{border-bottom-color:#444;border-bottom-color:var(--border-color,#444);color:#fff;color:var(--text-primary,#fff)}.sitemap-links{list-style:none;margin:0;padding:0}.sitemap-links li{margin-bottom:.75rem;padding-left:1rem;position:relative}.sitemap-links li:before{color:#999;color:var(--text-secondary,#999);content:"•";left:0;position:absolute}.dark-mode .sitemap-links li:before{color:#666;color:var(--text-secondary,#666)}.sitemap-link{color:#1877f2;color:var(--text-primary,#1877f2);font-size:1rem;text-decoration:none;transition:color .2s}.sitemap-link:hover{color:#0d5fcc;color:var(--text-primary,#0d5fcc);text-decoration:underline}.dark-mode .sitemap-link{color:#4a9eff;color:var(--text-primary,#4a9eff)}.dark-mode .sitemap-link:hover{color:#6bb0ff;color:var(--text-primary,#6bb0ff)}.sitemap-link-text{color:#666;color:var(--text-secondary,#666);font-family:monospace;font-size:.95rem}.dark-mode .sitemap-link-text,.sitemap-note{color:#999;color:var(--text-secondary,#999)}.sitemap-note{font-size:.9rem;font-style:italic}.dark-mode .sitemap-note{color:#777;color:var(--text-secondary,#777)}@media (max-width:768px){.sitemap-container{margin:1rem;padding:1.5rem}.sitemap-title{font-size:2rem}.sitemap-section-title{font-size:1.25rem}.sitemap-link{font-size:.95rem}.sitemap-link-text{font-size:.85rem}}.sitemap-xml-container{margin:0 auto;max-width:1200px;padding:2rem}.sitemap-xml-content{word-wrap:break-word;background:#f5f5f5;background:var(--bg-primary,#f5f5f5);border:1px solid #ddd;border:1px solid var(--border-color,#ddd);border-radius:4px;color:#333;color:var(--text-primary,#333);font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:1.5rem;white-space:pre-wrap}.dark-mode .sitemap-xml-content{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border-color:#333;border-color:var(--border-color,#333);color:#e0e0e0;color:var(--text-primary,#e0e0e0)}@media (max-width:768px){.sitemap-xml-container{padding:1rem}.sitemap-xml-content{font-size:.8rem;padding:1rem}}.notification-page{margin:0 auto;max-width:800px;padding:20px}.notification-page-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:400px}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notification-header h2{color:#333;font-size:2rem;margin:0}.mark-all-read-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.mark-all-read-button:hover:not(:disabled){background-color:#0056b3}.mark-all-read-button:disabled{cursor:not-allowed;opacity:.6}.notification-error{background-color:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.notification-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:20px}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.tab-button:hover{color:#007bff}.tab-button.active{border-bottom-color:#007bff;color:#007bff;font-weight:600}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{align-items:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px;position:relative;transition:all .2s}.notification-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.notification-item.unread{background-color:#f0f8ff;border-left:4px solid #007bff}.notification-item.read{opacity:.8}.notification-avatar{flex-shrink:0;height:48px;width:48px}.notification-avatar-link{display:block;height:100%;text-decoration:none;width:100%}.notification-avatar .profile-picture-inner{background-position:50%;background-size:cover;height:100%;width:100%}.notification-avatar .avatar-initial{color:#666;font-size:20px;font-weight:700}.notification-content{flex:1 1;min-width:0}.notification-header-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-type{color:#007bff;font-size:.85rem;font-weight:600;text-transform:uppercase}.notification-time{color:#999;font-size:.85rem}.notification-title{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 8px}.notification-message{color:#666;line-height:1.5;margin:0 0 8px}.notification-link-hint{color:#007bff;font-size:.85rem;font-style:italic}.mark-read-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-left:12px;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.mark-read-button:hover:not(:disabled){background-color:#218838}.mark-read-button:disabled{cursor:not-allowed;opacity:.6}.empty-state{color:#999;font-size:1.1rem;padding:60px 20px;text-align:center}.notification-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:30px;padding:20px}.pagination-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.pagination-button:hover:not(:disabled){background-color:#0056b3}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:.9rem}@media (max-width:768px){.notification-page{padding:15px}.notification-header{align-items:flex-start;flex-direction:column;gap:15px}.notification-header h2{font-size:1.5rem}.notification-item{flex-direction:row;gap:12px}.notification-avatar{height:40px;width:40px}.notification-avatar .avatar-initial{font-size:18px}.mark-read-button{align-self:flex-end;margin-left:0}.notification-tabs{flex-wrap:wrap}.tab-button{font-size:.9rem;padding:8px 16px}}.App{display:flex;flex-direction:column;min-height:100vh;will-change:background-image,background-color}.App,.dark-mode .App{background-color:var(--bg-secondary)}@media (max-width:768px){.dark-mode .App{background-color:#000!important;background-image:none!important}}.main-content{flex:1 1;padding:5rem 2rem 4rem}.main-content .home-feed-container{margin-top:-2rem;padding-top:2rem}.home-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);margin:0 auto;max-width:800px;padding:4rem 2rem;text-align:center}.home-container h1{color:#1877f2;font-size:3rem;font-weight:700;margin-bottom:1rem}.home-container p{color:var(--text-secondary);font-size:1.2rem}@media (max-width:768px){.App{max-width:100vw;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.main-content{min-height:0;overflow-x:hidden;overflow-y:visible;padding:4.5rem 0 3rem}.home-container,.main-content{box-sizing:border-box;max-width:100%;width:100%}.home-container{padding:2rem 1rem}.home-container h1{word-wrap:break-word;font-size:2rem}.home-container p{word-wrap:break-word;font-size:1rem}}