html,body{margin:0;padding:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification-modal{position:fixed;top:20px;right:20px;z-index:9999;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;max-width:400px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-success{background-color:#10b981;border-left:4px solid #065f46}.notification-error{background-color:#ef4444;border-left:4px solid #7f1d1d}.notification-warning{background-color:#f59e0b;border-left:4px solid #78350f}.notification-info{background-color:#3b82f6;border-left:4px solid #1e3a8a}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{font-size:1.2em;flex-shrink:0}.notification-message{flex:1;line-height:1.4}.notification-close{background:none;border:none;color:#fff;font-size:1.5em;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.notification-close:hover{opacity:1}:root{--scrollbar-width: .5em}.App{text-align:center;background-color:#f0f8ff;margin:50px 0 0;padding:0 0 10em;min-height:100vh;width:100vw;overflow-x:hidden;font-size:16px;position:relative}.App::-webkit-scrollbar{width:var(--scrollbar-width)}.App::-webkit-scrollbar-track{background:none}.App::-webkit-scrollbar-thumb{background:#afafaf;border-radius:6px}@keyframes app-anim{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.wave{background:#ffffff40;border-radius:1000% 1000% 0 0;position:fixed;width:200%;height:15em;animation:wave 10s -3s linear infinite;transform:translateZ(0);opacity:.8;bottom:0;left:0;z-index:-1}.wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear reverse infinite;opacity:.8}.wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s reverse infinite;opacity:.9}@keyframes wave{2%{transform:translate(1)}25%{transform:translate(-25%)}50%{transform:translate(-50%)}75%{transform:translate(-25%)}to{transform:translate(1)}}.name-component{text-decoration:none;padding:0;margin:0;font-weight:500;font-size:1em}.name-component--small{font-size:.8em;gap:4px}.name-component--large{font-size:1.15em;font-weight:700}.name-component:hover{text-decoration:underline;color:#007bff!important}.field-error{color:red!important;margin-top:.25em}.about{padding:.5em 0 2em;margin:0 10vw;text-align:center;font-size:2em}.about a{color:#007bff!important;text-decoration:underline!important}@media (max-width: 768px){.App::-webkit-scrollbar{width:5px}.App::-webkit-scrollbar-track{background:#fff;color:#8080806a}.App::-webkit-scrollbar-thumb{background:#8080806a;border-radius:6px}.about p{font-size:.8em}*{color:inherit!important}a{color:inherit;text-decoration:none}body{-webkit-text-size-adjust:none;-webkit-touch-callout:none}}.navi{width:100%;height:50px;background-color:#000;position:fixed;top:0;z-index:19}.nav-logo{height:45px}.crumbsLink{display:flex;justify-content:start;align-items:center;gap:3em;margin:0;padding:0}.navi h2{margin:0;padding:0;font-size:2em}.navi span{font-size:1.75em}.crumbsLink-li{color:#fff!important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:0}.crumbsLink-li:hover{transform:translateY(3px);border-bottom:2px solid white}.user-icon-button{background-color:#dbdada;color:#000;border:1px solid black;font-size:20px;cursor:pointer;position:absolute;top:0;right:0;width:40px;height:50px}.user-icon-button:hover{background-color:#bcbcbc}.nav-mod{position:absolute;right:1px;top:50px;transform:translate(0);display:flex;flex-direction:column;gap:3em;background-color:#fff;padding:15px;text-align:center;text-decoration:none;border:2px solid black}.nav-mod p{margin:0;padding:0;font-size:1.2em;font-weight:700;color:#000}.button-64{align-items:center;background-image:linear-gradient(144deg,gray,silver,#fff,silver,gray);width:12em;height:2.25em;margin:.5em auto;font-size:1em;border:1px solid black;color:#000;border-radius:6px;box-sizing:border-box;padding:.5em .3em;text-decoration:none;touch-action:manipulation;cursor:pointer;box-shadow:0 1px 2px #000;display:flex;justify-content:center;transition:all .2s ease}.button-64:active,.button-64:hover{outline:0;transform:translateY(-2px);box-shadow:0 2px 3px #000}.login{z-index:12;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30vw;height:fit-content;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px #000}.login-header{font-size:1em;margin:1em 0 .5em}.login-btn{background-color:#fff;color:#000;border:2px solid black;cursor:pointer;font-size:1.5em;font-weight:500;padding:5px 10px;margin:0;box-shadow:#000 0 0 1px}.login-btn.set{background:linear-gradient(144deg,gray,#fff,gray);box-shadow:0 0 5px #000;text-shadow:white 1px 1px 1px}.login-btn:hover{background-color:#d3d3d3;border:3px solid black}#head-one{border-bottom-left-radius:10px;border-top-left-radius:10px}#head-two{border-bottom-right-radius:10px;border-top-right-radius:10px}.login h5{margin:0;padding:0;font-size:1em;color:#000;font-weight:650}.login p{margin:0;padding:0;font-size:14px;color:#000}.login-form{display:flex;flex-direction:column;gap:1em}.login-form input{padding:10px;border:1px solid black;border-radius:5px;font-size:18px}.login-foot{margin:1em auto;padding:.1em 1em;font-size:2em;font-weight:700;border:2px solid black;background-color:#fff;color:#000;cursor:pointer;box-shadow:#000 1px 1px 2px;border-radius:15px;transition:all .3s ease}.login-foot:hover{transform:translateY(-2px);background-color:#2d2d2d;color:#fff!important}@media (max-width: 1024px){.crumbsLink-li{font-size:1.5em}.nav-logo{height:40px}.navi h2{font-size:1em}.navi span{font-size:.8em}.login{width:50vw}}@media (max-width: 480px){.crumbsLink{margin-top:.25em;gap:1em}.button-64{width:9em;height:2em;margin:.25em auto}.login{width:70vw}}.see-all-btn{padding:.15em .25em;margin:1em auto;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff!important;border:none;border-radius:16px;cursor:pointer;font-size:1em;font-weight:500;transition:all .3s ease}.see-all-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.favorite-btn{grid-area:favorite;background-color:transparent;border:none;cursor:pointer;font-size:1em;color:#000;padding:0;margin:.25em 0 0 .25em;width:fit-content;height:fit-content}.favorite-btn:hover{color:gold!important;scale:1.1;filter:drop-shadow(0 0 2px black)}.favorite-btn.active{color:gold!important;scale:1.1}.back-button{background-color:#d3d3d3;color:#000;border:2px solid black;padding:0 .5em;border-radius:5px;text-decoration:none;position:absolute;top:7em;left:2em}.back-button:hover{background-color:gray}.hot-take-link{text-decoration:none;color:#000;font-size:.8em;font-weight:700;border-radius:0 0 13px 13px;margin:0;padding:.25em 0;background:transparent;grid-area:link;align-self:end;transition:all .3s ease}.hot-take-link:hover{background:#000;box-shadow:#000 0 0 1px;cursor:pointer;border-top:3px solid;border-image:linear-gradient(144deg,#ff4757,#ff6348,#ffa502,#fff,#0ff,#5352ed,#3742fa) 1}.hot-take-link span{color:#000;margin:0 .5em}.hot-take-link:hover span{background:linear-gradient(144deg,#ff4757,#ff6348,#ffa502 40%,#fff,#0ff 60%,#5352ed,#3742fa);font-size:1em;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;animation:fireToIce 8s ease-in-out infinite;background-size:300% 100%}@keyframes fireToIce{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.add-btn{font-size:1.25em;margin:1em;padding:.25em .5em;background-color:#f5f5f5;border:2px solid green;border-radius:10px;color:#000}.add-btn:hover{background-color:#adff2f;scale:1.05}.action-btn-base{color:#000;padding:.25em .5em;border-radius:10px;background-color:#f5f5f5;text-decoration:none;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.65em;text-transform:uppercase;transition:all .2s ease;margin:0 auto}.action-btn-base:hover{scale:1.05;transform:translateY(-2px)}.view-btn{box-shadow:1px 1px 2px navy;border:2px solid blue}.view-btn:hover{background-color:#4169e1;color:#fff!important}.leave-btn,.delete-btn{border:2px solid red;box-shadow:maroon 1px 1px 3px}.leave-btn:hover,.delete-btn:hover{background-color:#fe2d42;color:#fff!important}.join-btn{box-shadow:1px 1px 3px #006400;border:green solid 2px}.join-btn:hover{background-color:#00b100;color:#fff!important}.request-btn{box-shadow:1px 1px 3px #000;border:orange solid 2px}.request-btn:hover{background-color:gold}.revisit-btn{border:2px solid maroon}.revisit-btn:hover{background-color:#a90101;color:#fff!important}.confirm-btn{margin:.5em auto;padding:5px 10px;box-shadow:#333 1px 1px 3px;border:2px solid red}.confirm-btn:hover{background-color:#fc031c;color:#fff!important;box-shadow:none;cursor:pointer}.cancel-btn{position:absolute;top:5px;right:5px;border:1px solid black;width:1.5em;height:1.5em;display:flex;justify-content:center;align-items:center}.cancel-btn:hover{background-color:#d3d3d3;box-shadow:none;color:red!important}.submit-btn{margin:1em auto;padding:.25em .5em;box-shadow:#333 1px 1px 3px;border:2px solid black;position:relative;border-radius:15px;background-color:#000;color:#fff!important;font-weight:700;z-index:1;transition:all .2s ease}.submit-range{margin:.5em auto;width:8em;height:2.2em}.submit-vote{margin:1em auto;font-size:1.1em}.submit-btn:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;border-radius:15px}.submit-range:before{background:linear-gradient(to left,red,#f50,#0ff,#00f)}.submit-vote:before{background:linear-gradient(var(--start-border),silver,gray,white,gray,silver);background-size:200% 200%;animation:borderMove 20s ease-in-out infinite alternate}.submit-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;border-radius:15px;z-index:-1}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 2px 5px #000}.change-vote{box-shadow:#000 1px 1px 3px;border:1px solid black;background-color:#e9e9e9;color:#000;font-weight:700;border-radius:15px;margin:0;font-size:.8em;transition:all .2s ease}.change-vote:hover{background-color:#fff;box-shadow:#000 1px 1px 5px;cursor:pointer;transform:translateY(-1px)}@media (max-width: 480px){.back-button{position:fixed;width:2em;height:1.25em;top:4em;left:1em;z-index:100;padding:0;font-size:1em;text-align:center;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.confirm-btn{margin-top:0;font-size:1.25em}}.modal,.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9}.overlay{background:#43434366}.mod-cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1em;border-radius:10px;z-index:31;border:2px solid black}.delete-modal{position:absolute;top:50%;left:58%;width:80%;transform:translate(-50%,-50%);background-color:#fff;padding:.75em .5em 0 0;border-radius:10px;z-index:11;border:2px solid black;font-size:.75em}.expandable-container{transition:all .3s ease;width:100%;margin:0}.expandable-container--expanded{max-height:80vh;padding:.25em;overflow-y:auto;border:1px solid blue;border-radius:8px;background:#fafafa;box-shadow:inset 0 2px 4px #000;width:95%}.expandable-container--expanded::-webkit-scrollbar{width:6px}.expandable-container--expanded::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.expandable-container{transition:all .3s ease}.expandable-container--expanded{max-height:80vh;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;padding:10px;background:#fafafa;box-shadow:inset 0 2px 4px #0000001a}.expandable-container--expanded::-webkit-scrollbar{width:2px;background:transparent}.expandable-container--expanded::-webkit-scrollbar-track{background:transparent;border-radius:3px}.expandable-container--expanded::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.expandable-container--expanded::-webkit-scrollbar-thumb:hover{background:#555}.home{display:flex;flex-direction:column;gap:2em;width:100vw;padding:1em 0 3em;margin-top:2em}.h-container{display:flex;flex-direction:row;margin:1em auto 2.5em;gap:5vw;justify-content:space-evenly}.h-card h2{font-size:3em;margin:0;padding:0}.h-card p{font-size:1.2em;margin:0;padding:0}.h-card{display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid black;border-radius:15px;box-shadow:0 0 10px #000;position:relative;margin:0;height:fit-content}#home-hotTakes{background:#000;color:#fff!important;width:25vw;gap:.6em;border-radius:0;padding:.5em 2em 2em;border-image:linear-gradient(144deg,red,orange,#fff,#0ff,#00f) 1}.hot-logo{font-size:1em;filter:drop-shadow(0 0 1px white)}.hot-logo.ice{color:#0ff!important;margin-right:5px}.hot-logo.fire{color:orange!important;margin-left:5px}.hot-link{border-radius:15px;background-color:transparent;text-decoration:none;color:#fff!important;padding:0 .3em;margin:5px;display:flex;align-items:center;justify-content:center;font-size:1.25em;font-weight:350;text-shadow:1px 1px 3px silver;position:relative;z-index:1;transition:all .2s ease}.hot-link:after{position:absolute;content:"";border-radius:15px;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000}@property --start-border{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes borderMove{0%{--start-border: 0deg}50%{--start-border: 360deg}to{--start-border: 0deg}}@keyframes backgroundMove{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.hot-link:before{position:absolute;content:"";top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;border-radius:15px;background:linear-gradient(var(--start-border),red,orange,white,cyan,blue);background-size:125% 125%;animation:borderMove 20s ease-in-out infinite alternate}.hot-link:hover{text-shadow:1px 1px 2px black;transform:translateY(-2px);box-shadow:#fff 0 2px 8px}.hot-link:hover:after{background:none}#home-hotTseminar{width:25vw;background:#ffffe0;gap:.6em;font-family:Cinzel,serif}.seminar-link{text-decoration:none;color:#000;padding:.1em 1em;margin:.5em;display:flex;align-items:center;justify-content:center;font-size:1.25em;border:2px solid;border-image:linear-gradient(to right,transparent,gray,black,gray,transparent) 100% 1}.seminar-link:hover{scale:1.05}#home-take{width:25vw;padding:.5em;gap:.8em;background:#000;text-shadow:0 0 4px white}#home-take h2{color:#fff!important}#home-friends{width:30vw;gap:5px;background:#f5f5f5}#home-groups{background:#fff;width:45vw;gap:5px}.take-of-week{display:flex;flex-direction:column;gap:.5em;padding:0}.tow-card{display:flex;flex-direction:column;align-items:center;border:2px solid black;border-radius:10px;padding:10px;box-shadow:#fff 0 0 8px;position:relative;background:#f0f8ff}.tow-card p{margin:0;padding:.5em 0;font-size:1.25em;font-weight:700}.tow-card h6{position:absolute;top:0;right:1px;margin:0;padding:0;font-size:.75em;font-weight:500}.tow-link{border:2px solid black;border-radius:10px;text-decoration:none;color:#fff!important;font-weight:600;padding:.1em .5em;margin:.5em auto;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:transparent;z-index:1;position:relative}.tow-link:before{position:absolute;content:"";border-radius:10px;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1;background:linear-gradient(144deg,#000,gray,#000,gray);background-size:305% 305%;animation:backgroundMove 15s ease-in-out infinite alternate}.tow-link:after{position:absolute;content:"";border-radius:10px;top:0;left:0;width:100%;height:100%;z-index:-1;background:transparent}.tow-link:hover{transform:translateY(-2px);box-shadow:#000 0 2px 4px}.h-footer{background:#ffffff1e;text-align:center;margin-bottom:1em}@media (max-width: 1024px){.h-container{margin:1em auto;gap:0}.home h2{font-size:1.5em!important}.home p{font-size:.8em!important}}@media (max-width: 480px){.h-container{display:grid;grid-template-columns:1fr;gap:1em;margin:.5em auto}.h-card{width:75vw!important;margin:0 auto}.h-card p{font-size:1em!important}.home h2{font-size:2em!important}}.accepted-friends-list,.sent-requests-list,.pending-requests-list{margin:1em auto;padding:0 0 .5em;width:25vw;max-height:50vh;overflow-y:auto;border-bottom:1px solid #ccc}.accepted-friends-list{position:relative;margin:.1em auto}.accepted-friends-list h3{text-decoration:underline;margin:0;padding:.5em 0}.friends-list{display:flex;flex-direction:column;justify-content:center;margin:0;padding:.1em 0 .5em;width:100%;font-size:1.25em}.friend-card{padding:.5em .3em;display:flex;justify-content:space-between;align-content:center}.friend-card small{font-size:.75em;color:#666;margin:auto 0}.remove-friend-button{background-color:#dc3545;color:#fff;padding:1px 3px;border:1px solid white;box-shadow:#333 1px 1px 3px;border-radius:4px;cursor:pointer;font-size:1em;margin:0 auto}.remove-friend-button:hover{background-color:#fc031c;scale:1.05}.unfriend-modal{padding:.5em;margin:.5em auto;z-index:25;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.requests-table{width:100%;margin-top:16px;border-collapse:collapse}.requests-table th{padding:.3em;background-color:#cfcece;text-align:center;border:2px solid black;font-size:1em}.requests-table td{padding:.6em;text-align:center;border:1px solid #ddd;font-size:.9em;background-color:#f3f3f3}.request-actions{display:flex;flex-direction:row;align-items:start;justify-content:center;gap:.25em}@media (max-width: 1000px){.accepted-friends-list,.sent-requests-list,.pending-requests-list{font-size:.7em;margin:.25em auto;padding:0}.friend-card{justify-content:center;margin:0 auto;padding:0}.friend-card small{display:none}.requests-table th:nth-child(2){display:none}.requests-table td:nth-child(2){display:none}}@media (max-width: 768px){.accepted-friends-list,.sent-requests-list,.pending-requests-list{width:90%;margin:1em auto;padding:1em .5em;font-size:1em;max-height:60vh;border:1px solid #ccc;border-radius:8px;background-color:#fafafa}.accepted-friends-list{margin:1em auto}.accepted-friends-list h3,.sent-requests-list h3,.pending-requests-list h3{font-size:1.4em;text-align:center;margin:0 0 .75em;padding:.5em 0;border-bottom:2px solid #007bff;color:#333}.friends-list{padding:.5em 0;gap:.15em}.friend-card{width:90%;font-size:1.1em;padding:.5em .75em;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-direction:column}.friend-card small{display:block!important;font-size:.65em;color:#666;margin:0;text-align:center}.requests-table{width:100%;margin-top:.5em;font-size:1em;border-collapse:separate;border-spacing:0}.requests-table thead{display:none}.requests-table tbody{display:flex;flex-direction:column;gap:.5em}.requests-table tr{display:flex;flex-direction:row;justify-content:space-between;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:.25em .5em;box-shadow:0 2px 4px #0000001a}.requests-table td{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.25em 0;border:none;background-color:transparent;font-size:1em}.requests-table td:last-child{border-bottom:none;justify-content:center}.requests-table td:nth-child(1):before{content:"Name: ";margin-right:.5em;font-weight:700;color:#333}.requests-table td:nth-child(2):before{content:"Sent: ";font-weight:700;color:#333}.requests-table td:nth-child(3):before{content:"Actions: ";font-weight:700;color:#333;display:none}.requests-table button{font-size:.8em!important;padding:.15em .75em!important;margin:0}#friends-name{font-size:1.25em!important}.request-actions{flex-direction:column;gap:.75em;justify-content:center;width:100%}.request-actions button{flex:1;max-width:120px;padding:.75em 1em;font-size:1em;font-weight:600;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25em;transition:all .2s ease}.remove-friend-button{padding:.5em 1em;font-size:1em;border-radius:6px;margin:.5em auto 0;display:block;width:fit-content;min-width:100px}.remove-friend-button:hover{scale:1;transform:none}.remove-friend-button:active{scale:.95;background-color:#fc031c}.unfriend-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;padding:1.5em;background-color:#fff;border:2px solid #333;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000}.unfriend-modal h3{font-size:1.2em;margin-bottom:1em;text-align:center}#cancel-request{font-size:.7em;margin:0}.unfriend-modal p{font-size:1em;margin-bottom:1.5em;text-align:center;line-height:1.4}.unfriend-modal .modal-actions{display:flex;gap:1em;justify-content:center}.unfriend-modal button{padding:.75em 1.5em;font-size:1em;border-radius:6px;cursor:pointer;border:none;font-weight:600}.show-more-btn{padding:.75em 1.5em;font-size:1.1em;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;margin:1em auto;display:block;font-weight:600}.show-more-btn:active{scale:.95;background-color:#0056b3}.request-actions button:active{transform:scale(.95)}.friend-card:active{transform:scale(.98);box-shadow:0 1px 2px #0000001a}.accepted-friends-list::-webkit-scrollbar,.sent-requests-list::-webkit-scrollbar,.pending-requests-list::-webkit-scrollbar{width:6px}.accepted-friends-list::-webkit-scrollbar-thumb,.sent-requests-list::-webkit-scrollbar-thumb,.pending-requests-list::-webkit-scrollbar-thumb{background-color:#0006;border-radius:3px}.accepted-friends-list::-webkit-scrollbar-track,.sent-requests-list::-webkit-scrollbar-track,.pending-requests-list::-webkit-scrollbar-track{background-color:#0000001a;border-radius:3px}}.groups-list{margin:.25em 0 0;max-height:75vh;overflow-y:auto;width:100%}.groups-list::-webkit-scrollbar{height:10px;width:6px;background-color:#0c0c0ccb;border-radius:0 0 14px 14px;margin:0}.groups-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,gray,silver,gray);border-radius:0 0 14px 14px}.groups-list h3{text-decoration:underline;margin:0;padding:.5em 0}.groups-table{width:100%;border-collapse:collapse;margin-bottom:1.5em}.groups-table th{border-bottom:2px solid black;padding:.8em;text-align:center}.groups-table td{padding:.8em;border-bottom:1px solid #ddd}.group-name{color:#000;text-decoration:none;font-size:1.25em;font-weight:700;margin:0;padding:0}.role-badge{padding:.15em .25em;border-radius:12px;font-size:.8em;font-weight:700;text-transform:uppercase}.role-creator{background-color:gold;color:#333}.role-admin{background-color:red;color:#000}.role-member{background-color:#007bff;color:#fff}.group-type.private{color:#dc3545}.group-type.public{color:#28a745}.group-date{font-size:.9em;color:#232323}.group-actions{display:flex;gap:.5em;align-items:center;justify-content:center}@media (max-width: 1024px){.groups-list{max-height:none}.groups-table th:nth-child(2),.groups-table th:nth-child(3),.groups-table th:nth-child(4){display:none}.groups-table td:nth-child(2),.groups-table td:nth-child(3),.groups-table td:nth-child(4){display:none}.groups-table{width:100%}.group-name{font-size:1em!important}}@media (max-width: 768px){.action-btn-base{font-size:1em}.btn-text{display:none}}@media (max-width: 480px){.group-actions{flex-direction:column}.groups-table th:nth-child(2){display:table-cell}.groups-table td:nth-child(2){display:table-cell}}