/* AOL-era desktop chrome, with roomy touch controls on small screens. */
body{background:#043b88}.app{background:linear-gradient(135deg,#0957ad,#003274);min-height:100dvh}.topbar{height:90px;border-top:3px solid #fff;border-bottom:3px solid #001f64;background:linear-gradient(#fff 0,#e9edf2 45%,#b8c4d3 100%);padding:10px 20px}.brand{font-size:34px;letter-spacing:-1.8px;color:#003f92}.brand small{font-size:12px;letter-spacing:2px;margin-top:3px}.status{font-size:15px;line-height:1.5;border:2px inset #e6edf5;background:#f9fcff;padding:7px 12px}.status span{font-size:12px}.toolbar{padding:8px 14px;background:linear-gradient(#ececf0,#c6ccd5);gap:7px;border-bottom:3px ridge #eee}.toolbar .tool{height:62px;min-width:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:normal;background:linear-gradient(#fff,#d6dce5);border:2px outset #fafafa;box-shadow:1px 1px #596579}.toolbar .tool:hover{background:linear-gradient(#fff,#c1daf6)}.toolbar .tool:active{border-style:inset;box-shadow:none}.toolbar .tool.active{background:linear-gradient(#e8f2ff,#b2cee9);border-style:inset}.toolbar .tool .retro-icon{font-size:24px;line-height:1;color:#004697;font-family:Arial,sans-serif;text-shadow:1px 1px #fff}.toolbar .sound-control{margin-left:auto;min-width:108px}.tool.muted{color:#5d6570}.workspace{max-width:1410px;grid-template-columns:218px minmax(0,1fr) 228px;gap:12px;margin:15px auto;padding:0 14px}.panel,.section,.chatwindow,.users,.hero{border:2px outset #e7edf4;box-shadow:3px 3px 0 #001b50;background:#dce1e7}.panelhead,.chathead,.dialogheader{background:linear-gradient(90deg,#003d90,#1767b8 75%,#4e94d5);padding:8px 10px;border-bottom:1px solid #002b70}.sectionhead{background:linear-gradient(#fff,#c9d7e5);font-size:15px;padding:9px 10px;border-bottom:1px solid #718da8}.hero{padding:18px;background:#fff}.hero h1{font-size:29px;margin-bottom:8px}.hero p{line-height:1.5}.hero .rule{background:#f8bb20;height:4px;margin:14px 0}.hero .bigbtn{min-height:44px}.category{margin-bottom:7px}.category strong{background:linear-gradient(#eaf1f8,#c0d2e3);padding:7px;font-size:13px}.categorylinks button{padding:8px 5px;border-bottom:1px dotted #bac5cf}.categorylinks .count{float:right}.featuregrid{gap:9px;padding:11px}.roomcard{padding:12px;border:2px outset #fff;background:linear-gradient(#fff,#edf4fc);box-shadow:1px 1px #62768d;min-height:115px}.roomcard h3{font-size:17px;line-height:1.25}.roomcard p{line-height:1.4;color:#43566d}.roommeta{font-size:12px;border-top:1px solid #cbd8e7;padding-top:7px;gap:4px}.roommeta span:last-child{color:#004697}.directory{gap:0;padding:5px;grid-template-columns:1fr}.dirrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px 10px;border:0;border-bottom:1px solid #c4ced9;background:#fff}.dirrow:nth-child(even){background:#eef4fa}.dirrow small{grid-column:1/-1;color:#42536a;font-size:13px}.dirrow br{display:none}.dirrow:hover{background:#d7e9ff}.chat{gap:10px;grid-template-columns:minmax(0,1fr) 180px}.chathead{gap:7px;align-items:center;min-height:57px}.chathead #roomTitle{font-size:17px}.chathead #roomTopic{display:block;font-size:12px;font-weight:normal;width:calc(100% - 36px)}.chathead>.windowclose{margin-left:auto;position:absolute;right:10px;top:8px}.chathead{position:relative;padding-right:38px}.chatbody{height:430px;padding:12px;background:#fff;font-family:Arial,sans-serif;line-height:1.6;margin:8px}.msg{margin-bottom:9px}.msg .time{font-size:12px}.nickbtn:hover{text-decoration:underline}.composer{padding:10px;background:linear-gradient(#f3f3f3,#cdd5df);gap:8px}.composer input{border:2px inset #eee;font-size:16px}.composer .smallbtn{background:linear-gradient(#fff,#cadcee);min-width:70px}.livebar{font-size:12px;color:#274563}.memberbtn{font-size:14px;padding:9px 4px}.memberbtn:hover{background:#c9dfff}.smallbtn{min-height:33px;border:2px outset #fff;background:linear-gradient(#fff,#d1dae6);color:#003c88}.dialog{width:480px;background:#dce1e7;border:3px outset #f6f6f6;box-shadow:6px 6px 0 #001947}.dialogheader{font-size:15px;min-height:38px}.dialogcontent{padding:16px}.dialogcontent h2{font-size:25px}.dialogcontent input,.dialogcontent textarea,.dialogcontent select{background:#fff;border:2px inset #e7edf5}.imlog{height:300px;line-height:1.5;padding:12px}.imlog p{margin:0 0 10px}.im-banner{display:flex;justify-content:space-between;align-items:center;border:2px inset #f1f6fc;background:#fff;padding:9px;margin-bottom:10px;gap:10px}.im-banner strong{font-size:18px;color:#003d9d}.im-banner small{display:block;color:#53667a;font-size:12px}.sound-options{border:2px inset #fff;background:#f6f9fc;padding:12px;margin:12px 0}.sound-options legend{color:#003c88;font-weight:bold}.sound-options .sound-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.sound-options label{margin:0}.sound-options input[type=range]{width:100%;padding:0}.sound-options input[type=checkbox]{margin:0 6px 0 0}.buddyrow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;border-bottom:1px solid #c1cbd7;background:#fff}.buddyrow .buddy-state{display:block;color:#526274;font-size:12px;margin-top:3px}.buddyrow .nickbtn{font-size:16px}.buddygroup{padding:8px;color:#003c88;font-weight:bold;background:#dce9f7;border:1px solid #9ab3ce}.empty-buddies{padding:20px;background:#fff;line-height:1.5}.sectionhead .sectionicon{margin-right:7px;color:#0750a8}.footer{font-size:12px;color:#e8f2ff;max-width:1410px;text-align:left;padding:10px 16px}.toast{background:#ffffdf;border:2px outset #fff;box-shadow:4px 4px #163552;font-size:14px;line-height:1.45}.right .card{padding:12px;background:#fff}.right .card b{font-size:17px;color:#003d9d}.screen-status{display:inline-block;margin-top:5px;font-size:12px;color:#49627b}.mobilebar{scrollbar-width:thin}.sound-status{font-size:12px;line-height:1.4;color:#40566f;margin-top:8px}.quick-actions{display:flex;gap:7px;flex-wrap:wrap}.quick-actions .smallbtn{flex:1}.roomsection{margin-bottom:12px}.auth-tabs{padding-bottom:10px;border-bottom:1px solid #9eacbd}.dialogcontent .modal-actions{margin-top:12px}.message-tools{float:none;margin-left:5px;opacity:.7}.message-tools:hover{opacity:1}
@media(min-width:1200px){.featuregrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.workspace{grid-template-columns:190px minmax(0,1fr)}.right{display:none}.toolbar .tool{min-width:80px}.featuregrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.workspace{grid-template-columns:minmax(0,1fr)}.left{display:none}.toolbar{display:none}.mobilebar{display:flex;position:sticky;top:0;z-index:15;padding:6px;background:#d8e1ec;border-bottom:2px ridge #fff;gap:5px}.mobilebar button,.mobilebar .tool{height:44px;min-width:62px;flex:0 0 auto;font-size:12px;display:flex;align-items:center;gap:4px;border:2px outset white;background:linear-gradient(#fff,#c7d5e5);padding:6px 8px}.mobilebar .retro-icon{font-size:17px}.topbar{height:78px;padding:8px 10px;gap:7px}.brand{font-size:27px}.brand small{font-size:10px;letter-spacing:.8px}.mascot{transform:scale(.8);width:48px;flex:0 0 48px}.status{padding:5px 7px;font-size:11px;max-width:110px}.status span{font-size:11px}.workspace{margin:8px auto;padding:0 8px;gap:8px}.hero{padding:14px}.hero h1{font-size:24px}.hero .actions{display:flex;flex-wrap:wrap}.featuregrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.roomcard{padding:9px;min-height:125px}.roomcard h3{font-size:15px}.roommeta{display:block;line-height:1.6}.roommeta span{display:block}.chat.visible{display:block}.users{display:none}.users.people-show{top:130px;right:8px;max-height:65dvh;overflow:auto;z-index:25;box-shadow:4px 4px #001947}.chatbody{height:48dvh;min-height:240px;padding:10px}.chathead{min-height:58px}.menubar{display:flex;gap:3px;flex-wrap:wrap;padding:5px}.menubar button{min-height:35px}.composer{padding:8px;position:sticky;bottom:0}.composer input{height:44px}.dialog{width:calc(100vw - 20px);max-height:90dvh}.dialogcontent{padding:12px;max-height:76dvh}.imlog{height:36dvh;min-height:200px}.dialogcontent .composer{position:static;padding:8px 0}.dialogcontent button{min-height:38px}.sound-options{padding:9px}.footer{padding:8px;overflow-wrap:anywhere}.buddyrow{padding:12px}.dirrow{padding:13px 10px}.dialogcontent .auth-tabs button{min-height:44px}}
@media(max-width:380px){.featuregrid{grid-template-columns:1fr}.brand{font-size:23px}.brand small{font-size:9px}.status{max-width:96px}.topbar{gap:3px}}

.mobile-account{display:none}
@media(max-width:1100px){.mobile-account{display:flex;justify-content:flex-end;padding:5px 10px;background:#d8e1ec;border-bottom:1px solid #718da8}.mobile-account .smallbtn{min-height:44px;min-width:100px}.mobile-account .smallbtn:disabled{opacity:.55}}

.im-presence{padding:9px 10px;background:#eef4fa;border:1px solid #9ab3ce;line-height:1.4}.im-presence.offline{background:#fff4d3;border-color:#c5a353;color:#59420b}