html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0}html{min-width:320px}body{min-width:320px;min-height:100vh}#root{min-height:100vh}.password-auth{width:100%}.password-auth-tabs{background:#e8edf3;border:1px solid #aeb8c4;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;display:grid}.password-auth-tabs button{color:#637085;cursor:pointer;background:0 0;border:0;border-right:1px solid #b7c1cc;border-radius:0;min-height:46px;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:12px;font-weight:900}.password-auth-tabs button:last-child{border-right:0}.password-auth-tabs button.active{color:#315f9c;background:#fff;box-shadow:inset 0 -3px #4776b8}.password-auth-field{margin-bottom:15px;display:block}.password-auth-field>span{color:#4f5d70;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.password-auth-field>div{color:#758196;background:#fff;border:1px solid #aeb8c4;align-items:center;gap:9px;min-height:45px;padding:0 11px;display:flex}.password-auth-field>div:focus-within{border-color:#4776b8;box-shadow:inset 0 0 0 1px #d4e1f0}.password-auth-field input{color:#303946;background:0 0;border:0;outline:0;width:100%;min-width:0;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:14px}.password-auth-password{box-sizing:border-box;color:#303946;border-radius:0;outline:none;width:100%;height:45px;padding:0 11px;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:14px;background:#fff!important;border:1px solid #aeb8c4!important}.password-auth-password:focus{border-color:#4776b8!important;box-shadow:inset 0 0 0 1px #d4e1f0!important}.password-auth-field small{color:#768295;margin-top:6px;font-size:10px;line-height:1.45;display:block}.password-auth-submit{color:#fff;cursor:pointer;background:linear-gradient(#5b83b9,#426da6);border:1px solid #315b8e;border-radius:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;margin-top:4px;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:12px;font-weight:900;display:inline-flex}.password-auth-submit:hover{background:#3f689d}.password-auth-submit:disabled{opacity:.48;cursor:not-allowed}.password-auth-resend{color:#315f9c;cursor:pointer;background:0 0;border:0;width:100%;margin-top:11px;padding:5px 0;font-size:11px;font-weight:800}.password-auth-message{border-radius:0;margin:12px 0;padding:10px 11px;font-size:11px;line-height:1.5}.password-auth-message.success{color:#376646;background:#edf7ef;border:1px solid #9fbea7;align-items:flex-start;gap:7px;display:flex}.password-auth-message.error{color:#8c4050;background:#fff2f4;border:1px solid #d1afb7}.password-auth-field input:-webkit-autofill{-webkit-text-fill-color:#303946!important;box-shadow:inset 0 0 0 1000px #fff!important}.password-auth-field input:-webkit-autofill:hover{-webkit-text-fill-color:#303946!important;box-shadow:inset 0 0 0 1000px #fff!important}.password-auth-field input:-webkit-autofill:focus{-webkit-text-fill-color:#303946!important;box-shadow:inset 0 0 0 1000px #fff!important}.password-auth-field input:-webkit-autofill:active{-webkit-text-fill-color:#303946!important;box-shadow:inset 0 0 0 1000px #fff!important}.site-header .brand-row{position:relative}.header-discord-join{color:#263a58;white-space:nowrap;background:linear-gradient(#fff,#e8edf3);border:1px solid #8d99aa;border-radius:3px;align-items:center;gap:7px;min-height:35px;padding:3px 9px 3px 4px;text-decoration:none;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px #fffc,0 1px 2px #25354b24}.header-discord-join:hover{color:#203656;background:linear-gradient(#fff,#dfe6ef);border-color:#6e7f96;text-decoration:none}.header-discord-mark{color:#fff;text-shadow:0 1px 1px #00000059;background:linear-gradient(#5d86c3,#345b96);border:1px solid #173662;border-radius:2px;flex:none;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff4d}.header-discord-join strong{color:inherit;letter-spacing:.025em;font-size:9px;font-weight:900}@media (width<=900px){.header-discord-join{min-height:30px;padding:2px 7px 2px 3px}.header-discord-mark{width:24px;height:24px;font-size:9px}.header-discord-join strong{font-size:8px}}@media (width<=700px){.header-discord-join{padding:2px 5px}.header-discord-mark{display:none}.header-discord-join strong{font-size:7px}}@media (width<=520px){.header-discord-join{min-height:20px;padding:0 5px;top:auto;bottom:4px}.header-discord-join strong{font-size:6px}}.site-brand-lockup{align-items:center;min-width:0;display:flex}.site-header .site-title,.site-header .roffle-logo{color:inherit;align-items:center;gap:0;text-decoration:none;display:inline-flex}.site-header .unfiltered-logo-image{object-fit:contain;width:306px;height:auto;display:block}@media (width<=980px){.site-header .unfiltered-logo-image{width:270px}}@media (width<=820px){.site-header .unfiltered-logo-image{width:228px}}@media (width<=700px){.site-header .unfiltered-logo-image{width:194px}}@media (width<=520px){.site-header .unfiltered-logo-image{width:160px}}.site-header .brand-row.site-width{box-sizing:border-box;width:100%;max-width:none;margin:0;padding-left:14px;padding-right:14px}.site-header .brand-row{justify-content:space-between;position:relative}.site-header .site-brand-lockup{flex:none}.site-header .top-right{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.site-header .nav-inner.site-width{box-sizing:border-box;width:100%;max-width:none;margin:0;padding-left:14px;padding-right:14px}.site-header .nav-inner{justify-content:space-between}@media (width<=760px){.site-header .brand-row.site-width,.site-header .nav-inner.site-width{width:100%;padding-left:8px;padding-right:8px}}@media (width<=520px){.site-header .brand-row.site-width,.site-header .nav-inner.site-width{padding-left:6px;padding-right:6px}}.header-user-page-link{color:#465267;background:linear-gradient(#fff,#e9edf2);border:1px solid #a4afbd;border-radius:3px;align-items:center;height:29px;padding:0 9px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.header-user-page-link:hover{color:#2f5f9f;border-color:#8292a8;text-decoration:none}@media (width<=680px){.header-user-page-link{display:none}}.site-header .top-right{position:relative}.header-notifications{flex:none;position:relative}.header-notification-button{color:#4776b8;cursor:pointer;background:linear-gradient(#fff,#e6edf5);border:1px solid #8798ac;border-radius:3px;justify-content:center;align-items:center;width:34px;height:29px;padding:0;display:inline-flex;position:relative;box-shadow:inset 0 1px #fffc}.header-notification-button:hover{background:#eef3f8;border-color:#6f849e}.header-notification-button svg{color:#4776b8}.header-notification-button.has-unread{background:linear-gradient(#fff,#f7e9ec);border-color:#b26a76}.header-notification-button.has-unread svg{color:#b3314a}.header-notification-count{color:#fff;background:#b3314a;border:1px solid #7d1c2f;border-radius:9px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:7px;font-weight:900;line-height:1;display:flex;position:absolute;top:-6px;right:-7px;box-shadow:0 1px 2px #20283540}.notification-menu{z-index:5000;background:#fff;border:1px solid #7f91a9;flex-direction:column;width:370px;max-height:min(520px,100vh - 90px);display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 7px 20px #1f2d3e3d}.notification-menu-header{background:linear-gradient(#e6eef7,#cedbea);border-bottom:1px solid #9eacbd;flex:none;justify-content:space-between;align-items:center;gap:9px;min-height:48px;padding:7px 9px;display:flex}.notification-menu-header div{min-width:0}.notification-menu-header strong,.notification-menu-header span{display:block}.notification-menu-header strong{color:#324b6f;letter-spacing:.045em;font-size:10px;font-weight:900}.notification-menu-header span{color:#68768a;margin-top:2px;font-size:8px}.notification-menu-header button{color:#456187;background:linear-gradient(#fff,#e7edf4);border:1px solid #8d9caf;align-items:center;gap:4px;min-height:27px;padding:0 7px;font-size:8px;font-weight:800;display:inline-flex}.notification-menu-list{min-height:0;overflow-y:auto}.notification-row{background:#fff;border-bottom:1px solid #dbe1e8;grid-template-columns:minmax(0,1fr) auto;min-height:78px;display:grid;position:relative}.notification-row.unread{background:#fff8f9;border-left:4px solid #b3314a}.notification-row>a{min-width:0;color:inherit;padding:10px;text-decoration:none}.notification-row>a:hover{background:#e6eef78c;text-decoration:none}.notification-row strong{color:#354c6d;font-size:10px;line-height:1.35;display:block}.notification-row p{color:#5d6979;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-row time{color:#8792a0;margin-top:5px;font-size:7px;display:block}.notification-mark-read{color:#526a8a;background:linear-gradient(#fff,#e8edf3);border:1px solid #aab5c3;align-self:center;align-items:center;gap:3px;min-height:25px;margin-right:7px;padding:0 6px;font-size:7px;font-weight:800;display:inline-flex}.notification-empty{color:#6b7788;text-align:center;padding:28px 16px;font-size:9px;line-height:1.5}.notification-empty.error{color:#934556}@media (width<=760px){.notification-menu{width:min(370px,100vw - 16px);right:-56px}}@media (width<=680px){.header-notification-button{width:31px}}.status-inner a.latest-member-name{color:inherit;font-weight:900;text-decoration:none}.status-inner a.latest-member-name:hover{color:#2f5f9f;text-decoration:underline}.unfiltered-site-footer{color:#cbd6e4;background:linear-gradient(#334c6d,#223752);border-top:1px solid #7c8da3;flex:none;margin-top:auto;font-family:Verdana,Tahoma,Arial,sans-serif}.unfiltered-site-footer-inner{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.unfiltered-site-footer-brand{flex-direction:column;gap:3px;display:flex}.unfiltered-site-footer .roffle-logo{color:#fff;align-items:center;gap:10px;width:auto;text-decoration:none;display:inline-flex}.unfiltered-site-footer .site-logo{color:#fff;letter-spacing:-.08em;text-shadow:0 1px 1px #00000059;background:linear-gradient(#5d86c3,#345b96);border:1px solid #173662;border-radius:2px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:900;display:grid}.unfiltered-site-footer .site-wordmark{flex-direction:column;display:flex}.unfiltered-site-footer .logo-word{color:#fff;letter-spacing:-.035em;font-size:15px;font-weight:900;line-height:1}.unfiltered-site-footer .site-wordmark small{color:#aebdd0;margin-top:3px;font-size:7px;font-weight:400}.unfiltered-site-footer-tagline{color:#aebdd0;font-size:8px}.unfiltered-site-footer nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.unfiltered-site-footer nav a{color:#d7e3f1;font-size:8px;font-weight:700;text-decoration:none}.unfiltered-site-footer nav a:hover{color:#fff;text-decoration:underline}@media (width<=620px){.unfiltered-site-footer-inner{flex-direction:column;align-items:flex-start;gap:8px;min-height:82px;padding:9px 0}.unfiltered-site-footer .site-wordmark small,.unfiltered-site-footer-tagline{display:none}}.unfiltered-site-footer .unfiltered-logo-image{object-fit:contain;filter:none;width:228px;height:auto;display:block}.unfiltered-site-footer .site-title{align-items:center;width:fit-content;text-decoration:none;display:inline-flex}@media (width<=620px){.unfiltered-site-footer .unfiltered-logo-image{width:194px}}.unfiltered-site-footer .unfiltered-site-footer-inner.site-width{box-sizing:border-box;width:100%;max-width:none;margin:0;padding-left:14px;padding-right:14px}.unfiltered-site-footer-inner{justify-content:space-between}.unfiltered-site-footer-brand{flex:none}.unfiltered-site-footer nav{flex:none;margin-left:auto}@media (width<=620px){.unfiltered-site-footer .unfiltered-site-footer-inner.site-width{width:100%;padding:9px 8px}.unfiltered-site-footer nav{margin-left:0}}.roffle-auth-page{color:#2c3440;background:linear-gradient(#e7edf5 0,#d7e0eb 210px,#ccd5e2 100%);flex-direction:column;min-height:100vh;font-family:Verdana,Tahoma,Arial,sans-serif;display:flex}.roffle-auth-header{background:linear-gradient(#355578,#223b5c);border-bottom:1px solid #162a44;flex:none;box-shadow:0 1px 3px #13223640}.roffle-auth-header-shell{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 36px);min-height:66px;margin:0 auto;display:flex}.roffle-auth-header .roffle-logo{align-items:center;gap:0;text-decoration:none;display:inline-flex}.roffle-auth-header .unfiltered-logo-image{object-fit:contain;filter:none;width:292px;max-width:48vw;height:auto;display:block}.roffle-auth-browse{color:#e3eaf3;font-size:12px;font-weight:800;text-decoration:none}.roffle-auth-browse:hover{color:#fff;text-decoration:underline}.roffle-auth-main{flex:1 0 auto;width:min(1120px,100% - 36px);margin:0 auto;padding:30px 0 42px}.roffle-auth-welcome{background:#fbfcfe;border:1px solid #899aaf;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);min-height:205px;margin-bottom:18px;display:grid;overflow:hidden;box-shadow:0 2px 7px #2331441f}.roffle-auth-welcome-copy{padding:30px 32px 28px}.roffle-auth-kicker{color:#4776b8;letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:900;display:inline-flex}.roffle-auth-welcome h1{color:#243b5c;letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,46px);font-weight:900;line-height:1.02}.roffle-auth-welcome-copy p{color:#596779;max-width:720px;margin:15px 0 0;font-size:14px;line-height:1.65}.roffle-auth-welcome-note{color:#edf3f9;background:linear-gradient(145deg,#345477,#263f60);border-left:1px solid #8ea0b6;flex-direction:column;justify-content:center;gap:10px;padding:28px 26px;display:flex}.roffle-auth-welcome-note strong{color:#fff;letter-spacing:.08em;font-size:11px;font-weight:900}.roffle-auth-welcome-note span{color:#e2eaf3;font-size:13px;line-height:1.55}.roffle-auth-welcome-note em{color:#cbd7e5;font-size:11px;font-style:normal;line-height:1.5}.roffle-auth-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:18px;display:grid}.roffle-auth-side{flex-direction:column;gap:14px;display:flex}.roffle-auth-panel{background:#fff;border:1px solid #93a1b2;overflow:hidden;box-shadow:0 1px 4px #26334417}.roffle-auth-panel-heading{background:linear-gradient(#edf3f8,#dce6f0);border-bottom:1px solid #aeb9c7;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:11px 16px;display:flex}.roffle-auth-panel-heading>div{min-width:0}.roffle-auth-panel-heading span{color:#718096;letter-spacing:.075em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.roffle-auth-panel-heading h2{color:#314b6d;margin:0;font-size:16px;font-weight:900;line-height:1.2}.roffle-auth-panel-heading svg{color:#55749b;flex:none}.roffle-auth-panel-body{padding:20px}.roffle-auth-panel-intro,.roffle-auth-lurk-panel p{color:#647185;margin:0 0 16px;font-size:12px;line-height:1.6}.roffle-google-button,.roffle-discord-button,.roffle-continue-button{cursor:pointer;border-radius:0;justify-content:flex-start;align-items:center;gap:11px;width:100%;min-height:48px;padding:0 15px;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:12px;font-weight:900;display:flex}.roffle-google-button{color:#364150;background:#fff;border:1px solid #b7c0cb}.roffle-google-button:hover{background:#f5f7fa}.roffle-discord-button{color:#fff;background:#5865f2;border:1px solid #4357a6;margin-top:10px}.roffle-discord-button:hover{background:#4d5bd8}.roffle-continue-button{color:#fff;background:#3d70ab;border:1px solid #2c5d96;margin-bottom:10px}.roffle-google-button:disabled,.roffle-discord-button:disabled,.roffle-continue-button:disabled{opacity:.5;cursor:not-allowed}.auth-provider-logo{flex:none;width:21px;height:21px}.discord-logo{color:#fff}.roffle-auth-guest{color:#405b80;background:linear-gradient(#fff,#e8edf3);border:1px solid #aeb8c4;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:0 13px;font-size:11px;font-weight:900;text-decoration:none;display:flex}.roffle-auth-guest:hover{background:#f3f6fa;text-decoration:underline}.roffle-auth-footnote{color:#657287;background:#f5f8fcb8;border:1px solid #aeb9c6;grid-template-columns:17px minmax(0,1fr);gap:8px;padding:12px 13px;font-size:10px;line-height:1.55;display:grid}.roffle-auth-footnote svg{color:#607b9f;margin-top:2px}.roffle-auth-error{color:#8c3d4c;background:#fbeaec;border:1px solid #c59ca3;margin-top:12px;padding:10px;font-size:11px;line-height:1.45}.roffle-auth-loading{color:#425875;background:#ccd5e2;place-items:center;min-height:100vh;font:900 13px Verdana,Tahoma,Arial,sans-serif;display:grid}@media (width<=900px){.roffle-auth-welcome{grid-template-columns:1fr}.roffle-auth-welcome-note{border-top:1px solid #8ea0b6;border-left:0}.roffle-auth-layout{grid-template-columns:1fr}.roffle-auth-side{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.roffle-auth-footnote{grid-column:1/-1}}@media (width<=620px){.roffle-auth-header-shell,.roffle-auth-main{width:calc(100% - 20px)}.roffle-auth-header-shell{min-height:58px}.roffle-auth-header .unfiltered-logo-image{width:210px}.roffle-auth-browse{font-size:10px}.roffle-auth-main{padding:16px 0 28px}.roffle-auth-welcome-copy{padding:22px 18px}.roffle-auth-welcome h1{font-size:31px}.roffle-auth-welcome-copy p{font-size:13px}.roffle-auth-welcome-note{padding:19px 18px}.roffle-auth-side{grid-template-columns:1fr}.roffle-auth-footnote{grid-column:auto}}@media (width<=430px){.roffle-auth-header-shell{flex-direction:column;align-items:flex-start;padding:10px 0}.roffle-auth-header .unfiltered-logo-image{width:230px;max-width:100%}.roffle-auth-welcome h1{font-size:28px}.roffle-auth-panel-body{padding:15px}}:root{color:#2c3440;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#18263b;--navy-900:#223653;--navy-800:#2c466c;--blue-700:#3865a5;--blue-600:#4776b8;--blue-500:#5f8bc7;--blue-200:#c9d8ec;--blue-100:#e7eef8;--paper:#fbfcfe;--paper-2:#f3f6fa;--border:#9eabbc;--border-soft:#d2d9e3;--text:#2c3440;--muted:#748093;--link:#2f5f9f;--bg:#dbe2eb;--surface:#fff;--surface-soft:#f3f6fa;--surface-dark:#18263b;--text-soft:#667285;--text-muted:#8d97a5;--border-dark:#64748a;--accent:#4776b8;--accent-soft:#e7eef8;--header-height:auto;background:#ccd5e2;font-family:Verdana,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{background:#ccd5e2;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(#e5ebf3 0,#d6dee9 150px,#ccd5e2 100%);margin:0;font-size:12px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--link);text-decoration:none}a:hover{color:#183f7b;text-decoration:underline}.site-width{width:min(1080px,100% - 24px);margin:0 auto}.classic-site{min-height:100vh}.top-shell{background:#f5f7fa;border-bottom:1px solid #76869c;box-shadow:0 2px 7px #25354b26}.brand-row{justify-content:space-between;align-items:center;gap:20px;min-height:66px;display:flex}.site-title{color:#21314a;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-title:hover{color:#21314a;text-decoration:none}.site-logo{color:#fff;letter-spacing:-.08em;text-shadow:0 1px 1px #00000059;background:linear-gradient(#5d86c3,#345b96);border:1px solid #173662;border-radius:3px;place-items:center;width:43px;height:43px;font-size:15px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff57,1px 2px 3px #22304429}.site-wordmark{flex-direction:column;display:flex}.site-wordmark strong{letter-spacing:-.045em;font-size:22px;line-height:1}.site-wordmark small{color:#6d798b;margin-top:5px;font-size:9px;font-weight:400}.top-right{align-items:center;gap:7px;display:flex}.welcome-text{color:#697487;margin-right:5px;font-size:9px}.welcome-text a{font-weight:700}.new-log,.user-chip{border-radius:3px;height:29px;font-size:10px;font-weight:700}.new-log{color:#fff;text-shadow:0 1px 1px #00000040;background:linear-gradient(#5985c5,#3765a8);border:1px solid #214a86;padding:0 11px;box-shadow:inset 0 1px #ffffff40}.new-log:hover{background:linear-gradient(#6690cc,#3d6eb3)}.user-chip{color:#465267;background:linear-gradient(#fff,#e9edf2);border:1px solid #a4afbd;padding:0 9px}.nav-bar{background:linear-gradient(#385376,#253c5c);border-top:1px solid #4a5f7c;border-bottom:1px solid #12233a}.nav-inner{justify-content:space-between;align-items:stretch;gap:15px;min-height:35px;display:flex}.nav-links{display:flex}.nav-links button{color:#dfe7f2;text-shadow:0 1px 1px #00000073;background:0 0;border:0;border-left:1px solid #ffffff12;border-right:1px solid #0000003b;min-width:72px;padding:0 14px;font-size:10px;font-weight:700}.nav-links button:hover,.nav-links button.active{color:#fff;background:linear-gradient(#5b79a3,#3b5a84)}.header-search{align-self:center;height:24px;display:flex}.header-search input{color:#303b4b;background:#f8fbff;border:1px solid #1b2d47;border-right:0;border-radius:2px 0 0 2px;outline:none;width:190px;padding:0 7px;font-size:9px}.header-search input:focus{background:#fff;box-shadow:inset 0 0 0 1px #7ba1d2}.header-search button{color:#fff;background:linear-gradient(#6e89ad,#4f6d94);border:1px solid #172a45;border-radius:0 2px 2px 0;width:51px;font-size:8px;font-weight:700}.status-strip{background:#e7ecf3;border-bottom:1px solid #bcc6d2}.status-inner{color:#6f7b8d;align-items:center;gap:18px;min-height:27px;font-size:8px;display:flex}.status-inner strong{color:#405a80}.status-inner .random-link{margin-left:auto;font-weight:700}.page-body{padding:14px 0 34px}.featured-box{background:#f8fafc;border:1px solid #97a6b9;box-shadow:0 1px 3px #2333481a}.box-heading{background:linear-gradient(#eaf0f7,#d8e1ed);border-bottom:1px solid #a6b2c1;align-items:center;gap:10px;min-height:30px;padding:0 9px;display:flex}.box-heading strong{color:#324b70;letter-spacing:.045em;font-size:9px}.box-heading span{color:#7d8796;font-size:8px}.featured-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;display:grid}.featured-post{background:#fff;border:1px solid #b4bfcc;min-width:0}.featured-preview{background:#dce4ee;border-bottom:1px solid #c7cfda;height:112px;position:relative;overflow:hidden}.featured-preview img{object-fit:cover;width:100%;height:100%;display:block}.featured-text-preview{color:#344b6d;background:linear-gradient(135deg,#e9eef6,#cbd8ea);align-items:flex-start;gap:5px;height:100%;padding:11px 13px;display:flex}.featured-text-preview>span{color:#7e9bc1;margin-top:-4px;font-family:Georgia,serif;font-size:42px;line-height:1}.featured-text-preview p{margin:10px 0 0;font-size:11px;font-weight:700;line-height:1.35}.type-badge{color:#fff;letter-spacing:.04em;border:1px solid #00000021;border-radius:2px;align-items:center;min-height:17px;padding:0 5px;font-size:7px;font-weight:900;display:inline-flex}.featured-preview>.type-badge{position:absolute;top:6px;left:6px}.type-video{background:#4169a7}.type-gif{background:#695c99}.type-text{background:#5b6d84}.type-image{background:#477973}.small-play,.video-play{color:#fff;background:#2b4c80e0;border:2px solid #ffffffe6;border-radius:50%;place-items:center;display:grid}.small-play{width:34px;height:34px;padding-left:2px;font-size:11px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.featured-info{min-height:82px;padding:7px 8px}.featured-title{color:#2f5b96;font-size:11px;font-weight:700;line-height:1.28;display:block}.featured-meta,.featured-stats{color:#7b8696;align-items:center;gap:8px;font-size:8px;display:flex}.featured-meta{margin-top:5px}.featured-meta span:last-child{margin-left:auto}.featured-stats{margin-top:6px}.layout-columns{grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:15px;margin-top:14px;display:grid}.main-column{min-width:0}.feed-heading{border-bottom:1px solid #8f9eb2;justify-content:space-between;align-items:flex-end;gap:12px;min-height:42px;margin-bottom:7px;padding:0 1px 7px;display:flex}.feed-heading h1{color:#273a56;margin:0;font-size:17px;line-height:1}.feed-heading>div>span{color:#7c8796;margin-top:3px;font-size:8px;display:block}.view-controls{background:#edf1f5;border:1px solid #a5afbd;border-radius:2px;display:flex;overflow:hidden}.view-controls button{color:#5e6979;background:0 0;border:0;border-right:1px solid #b7c0cc;height:24px;padding:0 8px;font-size:8px;font-weight:700}.view-controls button:last-child{border-right:0}.view-controls button:hover,.view-controls button.active{color:#fff;background:#486d9f}.post-stack{flex-direction:column;gap:10px;display:flex}.blog-post{background:#fff;border:1px solid #9eabba;box-shadow:0 1px 3px #26334514}.post-titlebar{background:linear-gradient(#f8fafc,#e9eef4);border-bottom:1px solid #bcc6d2;justify-content:space-between;align-items:flex-start;gap:12px;min-height:44px;padding:7px 9px 6px;display:flex}.post-titlewrap{min-width:0}.post-titlewrap .type-badge{margin-bottom:4px}.post-titlebar h2{color:#2c568f;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.15}.post-menu{color:#7d8795;letter-spacing:.07em;background:0 0;border:0;padding:1px 3px;font-weight:900}.post-byline{color:#788394;background:#f9fbfd;border-bottom:1px solid #e0e5eb;align-items:center;gap:7px;min-height:29px;padding:5px 9px;font-size:8px;display:flex}.post-byline a{font-weight:700}.post-byline em{font-style:normal}.mini-avatar{color:#3c5980;background:#dfe7f2;border:1px solid #8fa0b6;border-radius:2px;place-items:center;width:19px;height:19px;font-size:7px;font-weight:900;display:grid}.permalink{color:#8a94a2;margin-left:auto}.post-media{background:#1d2633;border:1px solid #b3bdca;margin:9px;position:relative;overflow:hidden}.post-media img{object-fit:cover;width:100%;max-height:355px;display:block}.video-play{width:51px;height:51px;padding-left:4px;font-size:16px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.playing-overlay{color:#fff;background:#111b2ae6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.playing-overlay strong{letter-spacing:.08em;font-size:12px}.playing-overlay span{color:#c8d3e2;margin-top:4px;font-size:9px}.playing-overlay button{color:#fff;background:#496f9f;border:1px solid #8da5c7;height:26px;margin-top:10px;padding:0 10px;font-size:8px;font-weight:700}.gif-corner{color:#fff;background:#1e2634db;border-radius:2px;padding:3px 5px;font-size:7px;font-weight:900;position:absolute;bottom:6px;right:6px}.post-body{color:#3e4857;margin:10px 11px;font-size:11px;line-height:1.55}.tag-row{color:#87919f;flex-wrap:wrap;gap:5px;padding:0 10px 8px;font-size:8px;display:flex}.tag-row a{font-weight:700}.post-footer{background:#edf2f7;border-top:1px solid #d2d9e2;align-items:center;gap:3px;min-height:34px;padding:0 7px;display:flex}.post-action{color:#5c6879;background:0 0;border:1px solid #0000;border-radius:2px;height:23px;padding:0 6px;font-size:8px;font-weight:700}.post-action:hover,.post-action.active{color:#2f5f9f;background:#fff;border-color:#b8c2cf}.post-action.reacted{color:#a54159}.post-action.saved{color:#725b9b}.inline-comments{background:#f6f9fc;border-top:1px solid #d5dce5;padding:8px 9px 9px 30px}.comments-heading{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comments-heading strong{color:#536177;text-transform:uppercase;font-size:8px}.comments-heading button{color:#78869a;background:0 0;border:0;font-size:8px}.inline-comment{grid-template-columns:24px minmax(0,1fr);gap:7px;margin-bottom:6px;display:grid}.comment-avatar{color:#415f88;background:#dfe8f3;border:1px solid #a4b1c1;border-radius:2px;place-items:center;width:24px;height:24px;font-size:7px;font-weight:900;display:grid}.inline-comment>div{background:#fff;border-left:3px solid #b2c3da;padding:5px 7px}.inline-comment strong{color:#315f9c;font-size:8px}.inline-comment span:not(.comment-avatar){color:#929ba8;margin-left:7px;font-size:7px}.inline-comment p{color:#4b5667;margin:3px 0 0;font-size:9px;line-height:1.4}.comment-box{gap:5px;display:flex}.comment-box input{border:1px solid #abb6c4;flex:1;height:27px;padding:0 7px;font-size:9px}.comment-box button{color:#fff;background:#5075a6;border:1px solid #456895;width:83px;font-size:8px;font-weight:700}.pager{background:#edf2f7;border:1px solid #a8b3c1;grid-template-columns:70px 1fr 70px;align-items:center;min-height:34px;margin-top:10px;padding:5px;display:grid}.pager span{color:#6f7b8d;text-align:center;font-size:8px}.pager button{color:#4c5a6e;background:linear-gradient(#fff,#e5eaf0);border:1px solid #a7b1bd;height:23px;font-size:8px;font-weight:700}.pager button:disabled{opacity:.48;cursor:default}.empty-state{color:#667285;text-align:center;background:#f2f5f8;border:1px solid #acb7c4;padding:26px 12px;font-size:9px}.sidebar{flex-direction:column;gap:9px;display:flex}.side-box{background:#fafbfd;border:1px solid #94a2b4;box-shadow:0 1px 2px #27324212}.side-title{color:#324b6f;letter-spacing:.045em;text-shadow:0 1px #fffc;background:linear-gradient(#dce6f2,#c9d7e8);border-bottom:1px solid #97a5b6;align-items:center;min-height:27px;padding:0 8px;font-size:8px;font-weight:900;display:flex}.side-live{color:#fff;letter-spacing:.05em;text-shadow:none;background:#46765c;border-radius:2px;margin-left:auto;padding:2px 4px;font-size:6px}.side-content{padding:8px}.side-content p{color:#505c6d;margin:0 0 7px;font-size:9px;line-height:1.45}.side-content a{font-size:8px;font-weight:700}.small-note{background:#f1f5f9;border:1px solid #d5dce5;padding:6px;color:#657184!important}.shout-list{max-height:112px;padding:6px 8px 3px;overflow:auto}.shout-list p{color:#536174;border-bottom:1px dotted #c9d0da;margin:0 0 5px;padding-bottom:5px;font-size:8px;line-height:1.35}.shout-form{background:#f1f5f9;border-top:1px solid #d6dde6;gap:4px;padding:6px;display:flex}.shout-form input{border:1px solid #aab5c3;flex:1;min-width:0;height:24px;padding:0 6px;font-size:8px}.shout-form button{color:#fff;background:#5b7daa;border:1px solid #516f99;width:34px;font-size:8px;font-weight:700}.online-users{flex-wrap:wrap;gap:6px 8px;padding:7px 8px;display:flex}.online-users a{align-items:center;gap:4px;font-size:8px;display:inline-flex}.online-dot{background:#4f8a63;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 1px #d9eadf}.popular-list{margin:0;padding:0;list-style:none}.popular-list li{border-bottom:1px solid #e0e5eb;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:35px;padding:5px 7px;display:grid}.popular-list li:last-child{border-bottom:0}.popular-list li>span{color:#98a2af;font-size:8px;font-weight:700}.popular-list a{font-size:8px;line-height:1.25}.popular-list strong{color:#5d77a0;font-size:7px}.comment-list{padding:2px 0}.side-comment{border-bottom:1px solid #e0e5eb;padding:6px 8px}.side-comment:last-child{border-bottom:0}.side-comment>div{justify-content:space-between;align-items:center;display:flex}.side-comment a{font-size:8px;font-weight:700}.side-comment span{color:#969fab;font-size:7px}.side-comment p{color:#5c6878;margin:3px 0 0;font-size:8px;line-height:1.35}.tag-cloud{flex-wrap:wrap;align-items:center;gap:5px 7px;padding:8px;display:flex}.tag-cloud button{color:#41699f;background:0 0;border:0;padding:0}.tag-cloud button:hover,.tag-cloud button.active{color:#193f77;text-decoration:underline}.tag-size-1{font-size:8px}.tag-size-2{font-size:10px}.tag-size-3{font-size:12px;font-weight:700}.archive-list,.link-stack{flex-direction:column;display:flex}.archive-list a,.link-stack a{border-bottom:1px solid #e1e6ec;align-items:center;min-height:27px;padding:0 8px;font-size:8px;display:flex}.archive-list a:last-child,.link-stack a:last-child{border-bottom:0}.archive-list span{color:#8a95a4;margin-left:auto}.stats-box dl{margin:0;padding:5px 8px}.stats-box dl div{border-bottom:1px dotted #c7cfda;justify-content:space-between;align-items:center;min-height:23px;display:flex}.stats-box dl div:last-child{border-bottom:0}.stats-box dt{color:#697587;font-size:8px}.stats-box dd{color:#3d5d87;margin:0;font-size:8px;font-weight:700}.classic-footer{color:#cbd6e4;background:linear-gradient(#334c6d,#223752);border-top:1px solid #7c8da3}.footer-inner{justify-content:space-between;align-items:center;gap:18px;min-height:72px;display:flex}.footer-inner>div{flex-direction:column;gap:3px;display:flex}.footer-inner strong{color:#fff;font-size:10px}.footer-inner span{color:#aebdd0;font-size:8px}.footer-inner nav{gap:12px;display:flex}.footer-inner a{color:#d7e3f1;font-size:8px}@media (width<=920px){.layout-columns{grid-template-columns:minmax(0,1fr) 238px}.site-wordmark small,.welcome-text{display:none}.header-search input{width:150px}}@media (width<=760px){.site-width{width:min(100% - 14px,1080px)}.brand-row{min-height:58px}.site-wordmark strong{font-size:18px}.nav-inner{flex-direction:column;gap:0;padding-bottom:6px}.nav-links{width:100%}.nav-links button{flex:1;min-width:0;padding:0 7px}.header-search{width:100%}.header-search input{flex:1;width:auto}.status-inner span:nth-child(2),.status-inner span:nth-child(3){display:none}.featured-strip{grid-template-columns:1fr}.featured-post{grid-template-columns:160px minmax(0,1fr);display:grid}.featured-preview{border-bottom:0;border-right:1px solid #c7cfda;height:100%;min-height:100px}.layout-columns{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.welcome-box,.shoutbox{grid-column:1/-1}}@media (width<=520px){body{font-size:11px}.site-logo{width:37px;height:37px}.site-wordmark strong{font-size:15px}.user-chip{display:none}.new-log{padding:0 8px}.nav-links button:nth-child(5),.box-heading span{display:none}.featured-post{grid-template-columns:118px minmax(0,1fr)}.feed-heading{flex-direction:column;align-items:flex-start}.view-controls{width:100%}.view-controls button{flex:1}.post-footer{flex-wrap:wrap;padding:4px 6px}.inline-comments{padding-left:9px}.sidebar{grid-template-columns:1fr}.welcome-box,.shoutbox{grid-column:auto}.footer-inner{flex-direction:column;align-items:flex-start;padding:14px 0}}.roffle-app{min-height:100vh}.site-header{z-index:100;position:sticky;top:0}.roffle-logo{align-items:center;gap:10px;width:auto;text-decoration:none;display:inline-flex}.roffle-logo:not(.site-title) .logo-mark{color:#fff;letter-spacing:-.08em;text-shadow:0 1px 1px #00000059;background:linear-gradient(#5d86c3,#345b96);border:1px solid #173662;border-radius:3px;place-items:center;width:40px;height:40px;font-size:14px;font-weight:900;display:grid}.roffle-logo:not(.site-title) .logo-word{color:#21314a;letter-spacing:-.045em;font-size:20px;font-weight:900}.logo-mark,.logo-word{color:inherit}.top-shell .logo-word{color:#21314a}.top-shell .logo-mark{color:#fff}.header-admin-link,.login-link{color:#465267;background:linear-gradient(#fff,#e9edf2);border:1px solid #a4afbd;border-radius:3px;align-items:center;height:29px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex}.nav-links a{color:#dfe7f2;text-shadow:0 1px 1px #00000073;border-left:1px solid #ffffff12;border-right:1px solid #0000003b;justify-content:center;align-items:center;min-width:84px;padding:0 16px;font-size:10px;font-weight:700;display:flex}.nav-links a:hover,.nav-links a.active{color:#fff;background:linear-gradient(#5b79a3,#3b5a84);text-decoration:none}.featured-preview iframe{border:0;width:100%;height:100%}.featured-post{position:relative}.featured-close-video{z-index:5;color:#fff;background:#162337d1;border:1px solid #ffffff8c;height:21px;padding:0 6px;font-size:7px;font-weight:700;position:absolute;bottom:6px;right:6px}.featured-menu-wrap{z-index:12;position:absolute;top:5px;right:5px}.featured-menu-button,.post-menu{color:#5b6677;background:#f8fafcf0;border:1px solid #99a5b5;border-radius:2px;width:25px;height:22px;padding:0;font-weight:900;line-height:1}.featured-menu-dropdown{top:25px!important;right:0!important}.featured-stats{justify-content:flex-start}.mini-action{color:#657287;background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.mini-action.liked{color:#a54159}.featured-comments{background:#f5f8fb;border-top:1px solid #ccd4df}.featured-comments .comments-section{border:0;margin:0}.feed-heading-actions{align-items:center;gap:6px;display:flex}.advanced-filter{color:#566376;background:linear-gradient(#fff,#e6ebf1);border:1px solid #a5afbd;border-radius:2px;align-items:center;gap:5px;height:26px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.advanced-filter.open{color:#2f5f9f;border-color:#6684aa}.advanced-filter>span{color:#fff;background:#496e9f;border-radius:8px;place-items:center;min-width:15px;height:15px;font-size:7px;display:grid}.classic-filter-panel{background:#f4f7fa;border:1px solid #a8b3c1;margin:0 0 9px;padding:8px}.filter-panel-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.filter-panel-top>div{flex-direction:column;gap:2px;display:flex}.filter-panel-top strong{color:#46566e;font-size:9px}.filter-panel-top span{color:#7d8796;font-size:7px}.filter-clear{color:#526176;background:#fff;border:1px solid #a7b1bd;height:22px;font-size:7px;font-weight:700}.filter-row{border-top:1px solid #dde3ea;flex-wrap:wrap;align-items:center;gap:4px;min-height:31px;padding:4px 0;display:flex}.filter-row>span{color:#6d7889;text-transform:uppercase;width:55px;font-size:7px;font-weight:800}.filter-row button{color:#5c6878;background:#fff;border:1px solid #bac3cf;border-radius:2px;height:21px;padding:0 6px;font-size:7px}.filter-row button.selected{color:#fff;background:#496e9f;border-color:#496e9f}.post-title-badges{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.post-title{color:#2c568f;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;line-height:1.15}.post-title:hover{color:#183f7b}.status-badge{color:#657286;background:#edf2f7;border:1px solid #aeb7c3;border-radius:2px;align-items:center;gap:3px;min-height:17px;padding:0 5px;font-size:6px;font-weight:900;display:inline-flex}.front-page-status{color:#355e94;background:#e8eff8;border-color:#9fb2ca}.pending-status{color:#7d631f;background:#fff6d9;border-color:#c6ad72}.rejected-status{color:#8c3d4c;background:#fbeaec;border-color:#c59ca3}.post-menu-wrap{position:relative}.post-menu-dropdown{z-index:30;background:#fff;border:1px solid #929fb0;width:178px;padding:4px;position:absolute;top:27px;right:0;box-shadow:2px 3px 8px #23304433}.post-menu-dropdown button{color:#4d596b;text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;min-height:28px;padding:0 7px;font-size:8px;display:flex}.post-menu-dropdown button:hover{color:#2f5f9f;background:#eef3f9}.post-menu-dropdown button.danger{color:#9a4050}.post-media iframe{border:0;width:100%;min-height:340px;display:block}.short-stage{background:#18202d;place-items:center;min-height:500px;display:grid}.short-stage iframe{width:min(320px,100%);height:568px;min-height:0}.photo-stage img,.post-media>img{object-fit:contain;background:#eef2f6;width:100%;max-height:480px;display:block}.media-unavailable{color:#9aa4b0;place-items:center;min-height:180px;font-size:9px;display:grid}.link-card{color:inherit;grid-template-columns:160px minmax(0,1fr);display:grid}.link-image{min-height:120px;position:relative}.link-image img{object-fit:cover;width:100%;height:100%}.external-badge{color:#fff;background:#18263bd1;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:5px;right:5px}.link-copy{padding:10px}.link-copy strong{color:#2f5f9f;margin-top:3px;display:block}.link-copy p{color:#5d6879;font-size:9px;line-height:1.45}.link-source,.visit-link{color:#7c8795;font-size:8px}.visit-link{align-items:center;display:inline-flex}.post-gif-attachment{background:#eef2f6;border:1px solid #b3bdca;margin:0 9px 9px;position:relative}.post-gif-attachment img{object-fit:contain;width:100%;max-height:340px;display:block}.post-gif-attachment>span{color:#fff;background:#1e2634db;padding:3px 5px;font-size:7px;font-weight:900;position:absolute;bottom:6px;right:6px}.tag-row button{color:#2f5f9f;background:0 0;border:0;padding:0;font-size:8px;font-weight:700}.classic-comments-shell{background:#f6f9fc;border-top:1px solid #d5dce5}.classic-comments-shell .comments-section{border:0;margin:0}.side-title-icon{color:#526e94;margin-right:5px;display:inline-flex}.rail-body{padding:0}.rail-body>p,.rail-body>a,.rail-taxonomy-empty{color:#566274;margin:0;padding:8px;font-size:8px;line-height:1.45;display:block}.rail-body>a{color:#2f5f9f;font-weight:700}.rail-body .small-note{margin:0 8px 8px}.editorial-side-link{padding:8px!important}.editorial-side-link strong,.editorial-side-link span,.editorial-side-link em{display:block}.editorial-side-link strong{color:#2f5f9f;font-size:9px;line-height:1.35}.editorial-side-link span{color:#677386;margin-top:5px;font-size:8px;line-height:1.4}.editorial-side-link em{color:#2f5f9f;margin-top:6px;font-size:8px;font-style:normal;font-weight:700}.gem-list{flex-direction:column;display:flex}.gem{border-bottom:1px solid #e0e5eb;grid-template-columns:74px minmax(0,1fr);gap:7px;min-height:62px;padding:6px;display:grid}.gem:last-child{border-bottom:0}.gem-image{background:#1f2835;height:48px;position:relative;overflow:hidden}.gem-image img{object-fit:cover;width:100%;height:100%}.gem-image>span{color:#fff;background:#2b4c80e0;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.gem strong{color:#375d90;font-size:8px;line-height:1.3;display:block}.gem small{color:#8590a0;margin-top:4px;font-size:7px;display:block}.classic-category-list button,.category-more-toggle{color:#2f5f9f;text-align:left;background:0 0;border:0;border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;width:100%;min-height:27px;padding:0 8px;font-size:8px;display:flex}.classic-category-list button:hover,.classic-category-list button.selected{background:#eef3f9}.classic-category-list strong{color:#8a95a4;font-size:7px}.archive-row{color:#5e6a7b;border-bottom:1px solid #e1e6ec;justify-content:space-between;align-items:center;min-height:27px;padding:0 8px;font-size:8px;display:flex}.archive-row:last-child{border-bottom:0}.archive-row strong{color:#8290a2}.classic-stats{margin:0;padding:5px 8px}.classic-stats div{border-bottom:1px dotted #c7cfda;justify-content:space-between;align-items:center;min-height:23px;display:flex}.classic-stats div:last-child{border-bottom:0}.classic-stats dt{color:#697587;font-size:8px}.classic-stats dd{color:#3d5d87;margin:0;font-size:8px;font-weight:700}.classic-footer .roffle-logo,.classic-footer .site-logo,.classic-footer .logo-word{color:#fff}.classic-footer .site-wordmark small{color:#aebdd0}.roffle-auth-loading,.ul-loading-screen{color:#5f6d80;background:#e5eaf1;place-items:center;min-height:100vh;font-family:Verdana,Tahoma,Arial,sans-serif;font-size:10px;display:grid}.pages-with-header,.blog-page,.forum-page,.admin-page{font-family:Verdana,Tahoma,Arial,sans-serif}@media (width<=760px){.top-right .welcome-text,.header-admin-link{display:none}.nav-links a{flex:1;min-width:0;padding:0 7px}.feed-heading-actions{flex-direction:column;align-items:stretch;width:100%}.advanced-filter{justify-content:center}.post-media iframe{min-height:260px}}@media (width<=520px){.header-admin-link,.user-chip{display:none}.top-right{gap:4px}.new-log{height:27px}.post-media iframe{min-height:210px}.short-stage{min-height:440px}.short-stage iframe{height:440px}.filter-row>span{width:100%;margin-bottom:2px}}.right-rail .side-box,.right-rail .rail-module,.right-rail .side-title,.right-rail .rail-heading,.right-rail .rail-body{border-radius:0!important}.right-rail .side-box,.right-rail .rail-module{overflow:hidden}.blog-post{min-width:0;overflow:hidden}.blog-post .post-media,.blog-post .post-gif-attachment{box-sizing:border-box;width:calc(100% - 18px);max-width:calc(100% - 18px);margin-left:9px;margin-right:9px}.blog-post .post-media>*,.blog-post .post-gif-attachment>*,.blog-post .video-stage,.blog-post .photo-stage,.blog-post .short-stage,.blog-post .link-card{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.blog-post .post-media img,.blog-post .post-gif-attachment img,.blog-post .photo-stage img,.blog-post .link-image img{box-sizing:border-box;width:100%;max-width:100%}.featured-menu-button,.post-menu{min-width:20px;min-height:18px;font-weight:700;letter-spacing:0!important;width:20px!important;height:18px!important;padding:0 2px!important;font-size:7px!important;line-height:1!important}.post-menu-wrap{flex:none}@media (width<=520px){.blog-post .post-media,.blog-post .post-gif-attachment{width:calc(100% - 14px);max-width:calc(100% - 14px);margin-left:7px;margin-right:7px}}.nav-inner{min-height:31px}.nav-links a{min-width:72px;padding-left:12px;padding-right:12px;font-size:9px}.header-search,.header-search input,.header-search button{height:22px}.production-shoutbox{margin:-8px}.production-shoutbox .shout-list{background:#fff;max-height:142px;padding:6px 8px 3px;overflow-y:auto}.production-shoutbox .shout-list p{color:#536174;overflow-wrap:anywhere;border-bottom:1px dotted #c9d0da;margin:0 0 5px;padding:0 34px 5px 0;font-size:8px;line-height:1.35;position:relative}.production-shoutbox .shout-list p:last-child{margin-bottom:0}.production-shoutbox .shout-list strong{color:#315f9c;font-weight:700}.production-shoutbox .shout-time{color:#929ba8;font-size:7px;font-weight:400;position:absolute;top:0;right:0}.production-shoutbox .shout-empty{font-style:italic;color:#87919f!important;padding-right:0!important}.production-shoutbox .shout-form{margin:0}.production-shoutbox .shout-form input:disabled,.production-shoutbox .shout-form button:disabled{opacity:.62;cursor:not-allowed}@media (width<=760px){.nav-inner{min-height:31px}.nav-links a{min-width:0;padding-left:10px;padding-right:10px}}.production-shoutbox{background:#f5f8fb;padding:9px;margin:0!important}.production-shoutbox .shout-list{background:#fff;border:1px solid #cbd4df;max-height:150px;padding:8px 9px 4px!important}.production-shoutbox .shout-list p{border-bottom:1px dotted #c9d0da;line-height:1.4;margin:0 0 7px!important;padding:0 0 7px!important;position:static!important}.production-shoutbox .shout-list p:last-child{border-bottom:0;margin-bottom:0!important;padding-bottom:0!important}.production-shoutbox .shout-line{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.production-shoutbox .shout-message{color:#536174;overflow-wrap:anywhere;display:block}.production-shoutbox .shout-time{color:#929ba8;white-space:nowrap;flex:none;font-size:7px;position:static!important}.production-shoutbox .shout-form{grid-template-columns:minmax(0,1fr) 38px;gap:6px;display:grid;background:0 0!important;border-top:0!important;margin:0!important;padding:8px 0 0!important}.production-shoutbox .shout-form input{box-sizing:border-box;width:100%;min-width:0;height:28px;padding:0 8px}.production-shoutbox .shout-form button{box-sizing:border-box;width:38px;height:28px}.classic-category-list button:not(.category-more-toggle){grid-template-columns:minmax(0,1fr) minmax(28px,auto);align-items:center;gap:12px;padding:0 9px!important;display:grid!important}.classic-category-list button:not(.category-more-toggle)>span{overflow-wrap:anywhere;min-width:0}.classic-category-list button:not(.category-more-toggle)>strong{text-align:right;white-space:nowrap;min-width:28px;padding-left:6px}.production-online-users{padding:9px}.online-summary{color:#6c7788;border-bottom:1px solid #e0e5eb;margin-bottom:7px;padding-bottom:6px;font-size:8px}.online-summary strong{color:#3e638f}.online-user-list{flex-wrap:wrap;gap:7px 9px;display:flex}.online-user{color:#315f9c;align-items:center;gap:4px;font-size:8px;display:inline-flex}.online-dot{background:#4f8a63;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 1px #d9eadf}.online-more{color:#8993a1;font-size:8px}.production-recent-comments{flex-direction:column;display:flex}.recent-comment-row{color:inherit;border-bottom:1px solid #e0e5eb;padding:8px 9px;text-decoration:none;display:block}.recent-comment-row:last-child{border-bottom:0}.recent-comment-row:hover{background:#f2f6fa;text-decoration:none}.recent-comment-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.recent-comment-meta strong{color:#315f9c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:8px;overflow:hidden}.recent-comment-meta span{color:#969fab;white-space:nowrap;flex:none;font-size:7px}.recent-comment-row p{color:#5c6878;overflow-wrap:anywhere;margin:4px 0 0;font-size:8px;line-height:1.4}.recent-comment-row small{color:#8b95a3;overflow-wrap:anywhere;margin-top:4px;font-size:7px;line-height:1.3;display:block}@media (width<=760px){.production-shoutbox{padding:8px}}.advanced-filter{justify-content:center;min-width:86px}.advanced-filter .filter-count,.advanced-filter>span{box-sizing:border-box;flex:0 0 15px;width:15px;min-width:15px;height:15px}.advanced-filter .filter-count.empty{visibility:hidden}.filter-row{grid-template-columns:64px minmax(0,1fr);align-items:start;gap:8px;min-height:33px;padding:6px 0;display:grid!important}.filter-row>span,.filter-row .filter-label{padding-top:6px;line-height:1;width:auto!important}.filter-options{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.filter-options button{flex:none}.filter-more-button{color:#315f9c!important;border-style:dashed!important;font-weight:800!important}.filter-more-button:hover{background:#e7eef7!important}.sidebar.right-rail{flex-direction:column;display:flex}@media (width<=520px){.filter-row{grid-template-columns:56px minmax(0,1fr);gap:6px}}.post-gif-attachment,.photo-stage,.post-media>img,.post-gif-attachment img{background:0 0!important}.post-gif-attachment{background:#fff!important}.post-gif-attachment img,.photo-stage img,.post-media>img{object-fit:contain;height:auto!important}.editorial-side-preview{background:#fff}.editorial-side-image{background:#edf2f7;border:1px solid #c1cad5;margin:7px 7px 0;display:block;overflow:hidden}.editorial-side-image img{object-fit:cover;width:100%;max-height:118px;display:block}.editorial-side-preview .editorial-side-copy{padding:7px 8px 8px}.editorial-side-date{color:#909aa7;text-transform:uppercase;margin-bottom:3px;font-size:7px;font-weight:700;display:block}.editorial-side-title{color:#2f5f9f;font-size:9px;font-weight:800;line-height:1.35;text-decoration:none;display:block}.editorial-side-title:hover{text-decoration:underline}.editorial-side-preview p{color:#677386;margin:5px 0 0;font-size:8px;line-height:1.45}.editorial-side-read{color:#315f9c;margin-top:6px;font-size:8px;font-weight:800;text-decoration:none;display:inline-block}.editorial-side-read:hover{text-decoration:underline}.featured-preview{z-index:20;overflow:visible!important}.featured-info{z-index:1;position:relative}.featured-preview>img,.featured-preview>iframe,.featured-preview>.featured-text-preview{overflow:hidden}.featured-menu-wrap{z-index:200!important}.featured-menu-dropdown{z-index:250!important;top:24px!important;right:0!important}.featured-stats .mini-action{color:#657287;align-items:center;text-decoration:none;display:inline-flex}.featured-stats .mini-action:hover{color:#315f9c;text-decoration:underline}.featured-comments{display:none!important}.featured-strip.pinned-count-1{grid-template-columns:minmax(0,1fr)}.featured-strip.pinned-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-strip.pinned-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=760px){.featured-strip.pinned-count-1,.featured-strip.pinned-count-2,.featured-strip.pinned-count-3{grid-template-columns:1fr}}.roffle-app{flex-direction:column;min-height:100vh;display:flex}.roffle-app>.page-body{flex:1 0 auto;width:min(1080px,100% - 24px)}.blog-post .post-media .video-stage{aspect-ratio:16/9;background:#111;width:100%;max-width:900px;margin:0 auto;overflow:hidden}.blog-post .post-media .video-stage iframe{border:0;display:block;width:100%!important;height:100%!important;min-height:0!important}.featured-post.single-pinned-video{grid-template-columns:156px minmax(0,1fr);align-items:stretch;min-height:112px;display:grid}.featured-post.single-pinned-video .featured-preview{background:#dce4ee;border-bottom:0;border-right:1px solid #c7cfda;width:156px;height:100%;min-height:100px}.featured-video-teaser{background:#1d2633;text-decoration:none;display:block;position:absolute;inset:0;overflow:hidden}.featured-video-teaser img{object-fit:cover;width:100%;height:100%;display:block}.featured-video-teaser>span:not(.featured-video-teaser-play){color:#dce5ef;place-items:center;height:100%;font-size:8px;font-weight:900;display:grid}.featured-video-teaser-play{color:#fff;background:#1c314fd1;border:1px solid #ffffffe0;place-items:center;width:28px;height:28px;font-size:10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-post.single-pinned-video .featured-info{flex-direction:column;justify-content:center;min-width:0;padding:10px 12px;display:flex}.featured-post.single-pinned-video .featured-title{font-size:13px;line-height:1.25}.featured-context{color:#657184;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:700px;margin:5px 0 7px;font-size:8px;line-height:1.45;display:-webkit-box;overflow:hidden}.featured-post.single-pinned-video .featured-stats{margin-top:5px}@media (width<=560px){.featured-post.single-pinned-video{grid-template-columns:112px minmax(0,1fr)}.featured-post.single-pinned-video .featured-preview{width:112px}.featured-context{-webkit-line-clamp:2}}.featured-video-teaser{cursor:pointer}.featured-video-teaser-play{place-items:center!important;display:grid!important}.featured-video-teaser-play svg{display:block;transform:translate(-2px)}.featured-video-teaser:hover .featured-video-teaser-play{background:#1c314ff5}.blog-post .post-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.post-footer{flex-wrap:wrap;gap:6px;min-height:43px;padding:5px 8px}.post-action{color:#526075;letter-spacing:.015em;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;min-width:0;height:31px;padding:0 9px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.post-action-icon{color:#7c8797;justify-content:center;align-items:center;min-width:15px;font-size:15px;line-height:1;display:inline-flex}.post-action.reacted .post-action-icon{color:#ad4058}.post-action-icon.share{font-size:16px}.comments-heading{min-height:27px;margin-bottom:8px}.comments-heading strong{font-size:10px}.comments-heading button{font-size:10px;font-weight:700}.inline-comment{grid-template-columns:30px minmax(0,1fr);gap:8px;margin-bottom:8px}.comment-avatar{width:30px;height:30px;font-size:8px}.inline-comment>div{padding:7px 9px}.inline-comment strong{font-size:10px}.inline-comment span:not(.comment-avatar){font-size:9px}.inline-comment p{margin-top:5px;font-size:10px;line-height:1.5}.comment-box{gap:7px}.comment-box input{height:32px;padding:0 9px;font-size:10px}.comment-box button{width:92px;font-size:10px;font-weight:800}.featured-stats{gap:12px}.featured-stats .mini-action{align-items:center;min-height:25px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.featured-member-card{grid-template-columns:66px minmax(0,1fr);align-items:start;gap:10px;display:grid}.featured-member-kicker{color:#7c8795;letter-spacing:.07em;margin-bottom:3px;font-size:7px;font-weight:900;display:block}.featured-member-username{color:#2f5f9f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;text-decoration:none;display:block;overflow:hidden}.featured-member-copy>strong{color:#4b586b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;display:block;overflow:hidden}.featured-member-copy p{color:#5f6c7d;margin:7px 0;font-size:9px;line-height:1.45}.featured-member-link{color:#315f9c;font-size:8px;font-weight:900;text-decoration:none;display:inline-block}.featured-member-link:hover{text-decoration:underline}@media (width<=520px){.post-action{height:30px;padding:0 7px;font-size:9px}.post-action-icon{font-size:14px}}.featured-member-card{background:linear-gradient(#fbfcfe,#f1f5fa);flex-direction:column;gap:12px;padding:14px;display:flex}.featured-member-identity{grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px;display:grid}.featured-member-avatar{color:#34547e;background:linear-gradient(#edf3fa,#cbd9e9);border:1px solid #7187a3;place-items:center;width:80px;height:80px;font-size:20px;font-weight:900;text-decoration:none;display:grid;overflow:hidden;box-shadow:2px 2px #c7d0dc,inset 0 1px #fffc}.featured-member-avatar img{object-fit:cover;width:100%;height:100%;display:block}.featured-member-copy{min-width:0}.featured-member-kicker{color:#596b82;letter-spacing:.07em;background:#e5edf6;border:1px solid #a7b6c8;margin-bottom:5px;padding:3px 5px;font-size:8px;font-weight:900;line-height:1;display:inline-block}.featured-member-username{color:#285990;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:900;line-height:1.2;text-decoration:none;display:block;overflow:hidden}.featured-member-username:hover{text-decoration:underline}.featured-member-copy>strong{color:#4c596b;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;line-height:1.3;display:block;overflow:hidden}.featured-member-reason{background:#fff;border:1px solid #bdc8d5;border-left:3px solid #537aae;padding:10px 11px}.featured-member-reason>span{color:#42658f;letter-spacing:.055em;margin-bottom:6px;font-size:8px;font-weight:900;display:block}.featured-member-reason p{color:#4d5b6f;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:10px;line-height:1.55}.featured-member-link{color:#315f9c;letter-spacing:.025em;text-align:center;background:linear-gradient(#fdfefe,#dce7f2);border:1px solid #7f94ad;justify-content:center;align-items:center;min-height:32px;padding:0 10px;font-size:9px;font-weight:900;text-decoration:none;display:flex}.featured-member-link:hover{color:#234f87;background:#e8f0f8;text-decoration:none}@media (width<=1080px){.featured-member-card{padding:12px}.featured-member-identity{grid-template-columns:70px minmax(0,1fr);gap:10px}.featured-member-avatar{width:68px;height:68px}}@media (width<=520px){.featured-member-card{padding:14px}}.featured-member-identity{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.featured-member-avatar{width:82px;height:82px;margin:0 auto}.featured-member-copy{text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.featured-member-kicker{text-align:center;margin:0 0 6px;font-size:8px}.featured-member-username{color:#285990;letter-spacing:-.025em;text-align:center;max-width:100%;margin:0 auto;font-size:19px;font-weight:900;line-height:1.1}.featured-member-copy>strong{display:none}.featured-member-reason{margin-top:2px;padding:11px 12px}.featured-member-reason>span{margin-bottom:7px;font-size:9px}.featured-member-link{min-height:34px;font-size:10px}@media (width<=1080px){.featured-member-avatar{width:76px;height:76px}.featured-member-username{font-size:18px}}.right-rail .rail-body .featured-member-card{box-sizing:border-box;align-items:stretch;width:100%}.right-rail .rail-body .featured-member-identity{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;margin:0 auto;display:flex}.right-rail .rail-body .featured-member-avatar{flex:none;width:82px;height:82px;margin:0 auto}.right-rail .rail-body .featured-member-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex}.right-rail .rail-body .featured-member-kicker{text-align:center;align-self:center;width:auto;margin:0 auto 7px;font-size:9px;line-height:1;display:inline-block}.right-rail .rail-body a.featured-member-username{color:#285990;letter-spacing:-.025em;text-align:center;width:100%;margin:0 auto;font-size:21px;font-weight:900;line-height:1.08;text-decoration:none;display:block}.right-rail .rail-body a.featured-member-username:hover{text-decoration:underline}.right-rail .rail-body .featured-member-copy>strong{display:none}.right-rail .rail-body .featured-member-reason{box-sizing:border-box;width:100%}.right-rail .rail-body .featured-member-link{box-sizing:border-box;width:100%;font-size:10px}@media (width<=1080px){.right-rail .rail-body a.featured-member-username{font-size:20px}}.right-rail .rail-body .featured-member-card{gap:15px;padding:15px}.right-rail .rail-body .featured-member-identity{text-align:left;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:13px;width:100%;margin:0;display:grid}.right-rail .rail-body .featured-member-avatar{grid-area:1/1;width:82px;height:82px;margin:0}.right-rail .rail-body .featured-member-copy{text-align:left;flex-direction:column;grid-area:1/2;justify-content:center;align-items:flex-start;gap:7px;width:100%;min-width:0;margin:0;display:flex}.right-rail .rail-body .featured-member-kicker{text-align:left;align-self:flex-start;width:auto;margin:0;padding:4px 6px;font-size:9px;line-height:1}.right-rail .rail-body a.featured-member-username{color:#285990;letter-spacing:-.03em;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:auto;max-width:100%;margin:0;font-size:21px;font-weight:900;line-height:1.05;text-decoration:none;display:block;overflow:hidden}.right-rail .rail-body .featured-member-reason{box-sizing:border-box;background:0 0;border:0;width:100%;margin:1px 0 0;padding:0}.right-rail .rail-body .featured-member-reason>span{color:#42658f;letter-spacing:.055em;white-space:nowrap;align-items:center;gap:8px;width:100%;margin:0 0 8px;font-size:9px;font-weight:900;display:flex}.right-rail .rail-body .featured-member-reason>span:after{content:"";background:#aebdce;flex:auto;height:1px}.right-rail .rail-body .featured-member-reason p{color:#4d5b6f;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #bdc8d5;border-left:3px solid #537aae;margin:0;padding:9px 10px;font-size:10px;line-height:1.55}.right-rail .rail-body .featured-member-link{margin-top:-1px}@media (width<=1080px){.right-rail .rail-body .featured-member-identity{grid-template-columns:72px minmax(0,1fr);gap:11px}.right-rail .rail-body .featured-member-avatar{width:72px;height:72px}.right-rail .rail-body a.featured-member-username{font-size:19px}}@media (width<=520px){.right-rail .rail-body .featured-member-card{padding:13px}}.right-rail .rail-body .featured-member-copy{text-align:center;justify-content:center;align-items:center}.right-rail .rail-body .featured-member-kicker{text-align:center;align-self:center;margin:0 auto 7px}.right-rail .rail-body a.featured-member-username{text-align:center;width:100%;margin:0 auto}.featured-member-avatar img.ul-avatar-fallback-image{box-sizing:border-box;object-fit:contain;background:linear-gradient(#e8eef6,#cad8e8);padding:7px}.status-inner a.latest-member-profile-link{color:#2f5f9f;cursor:pointer;font-weight:900;text-decoration:none}.status-inner a.latest-member-profile-link:hover{color:#1f4f8e;background:#dce7f4;text-decoration:none}.status-inner a.latest-member-profile-link:focus-visible{outline-offset:2px;outline:1px dotted #315f9c}.production-shoutbox .shout-user-link{color:#315f9c;font-weight:900;text-decoration:none}.production-shoutbox .shout-user-link:hover{color:#234f88;text-decoration:underline}.featured-preview>.post-image-gallery.compact{grid-template-rows:minmax(0,1fr) auto;height:112px;display:grid;overflow:hidden}.featured-preview>.post-image-gallery.compact .post-image-gallery-main{height:100%;min-height:0}.featured-preview>.post-image-gallery.compact .post-image-gallery-main img{object-fit:cover;height:100%;max-height:none}.blog-post .photo-stage .post-image-gallery{width:100%;max-width:100%}.blog-post .photo-stage .post-image-gallery-main img{max-height:480px}.blog-post .photo-stage .post-image-gallery-thumbs img{object-fit:cover!important;width:100%!important;height:100%!important}.blog-post .photo-stage .post-image-gallery-main img{object-fit:contain!important;width:100%!important;height:auto!important}