html{color:#4c5d66;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8edf1;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.site-shell,.signup-page{color:#4c5d66;background:radial-gradient(circle at 50% 0,#f5f8fa 0,#e5ebef 520px,#d9e1e7 100%);min-height:100vh}.topbar{color:#dce9f5;background:#193d61;border-bottom:4px solid #e2b91d;box-shadow:0 2px 7px #17334a55}.topbar-inner,.page-wrap{max-width:1190px;margin:auto}.topbar-inner{align-items:center;gap:40px;height:72px;padding:0 25px;display:flex}button{cursor:pointer}.brand,.signup-brand{color:#fff;letter-spacing:-3px;text-shadow:1px 2px #09243f;background:0 0;border:0;font:700 39px/1 Georgia,serif}.brand span,.signup-brand span{color:#e3c128}.main-nav{align-self:stretch;align-items:stretch;gap:4px;display:flex}.main-nav button,.top-actions button{color:#dce9f5;background:0 0;border:0;padding:0 14px;font-size:14px}.main-nav button{border-bottom:4px solid #0000}.main-nav button:hover,.main-nav .nav-active{color:#fff;background:#21496e;border-bottom-color:#e4c129}.friend-badge{color:#193d61;vertical-align:middle;background:#e3bd21;border-radius:10px;place-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:10px;font-weight:700;display:inline-grid}.top-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.search-button{border-radius:3px;color:#fff!important;border:1px solid #60809b!important;padding:7px 11px!important}.search-button span{margin-left:4px;font-size:12px}.online-dot{background:#94bd37;border-radius:50%;width:8px;height:8px}.page-wrap{padding:0 25px 40px}.welcome-bar{color:#697681;border-bottom:1px solid #cbd6de;justify-content:space-between;align-items:center;height:43px;font-size:13px;display:flex}.weather{color:#86939d;font-size:12px}.dashboard{grid-template-columns:235px minmax(430px,1fr) 265px;align-items:start;gap:20px;padding-top:22px;display:grid}.panel{background:#fff;border:1px solid #ced8de;border-radius:3px;box-shadow:0 1px 2px #65798820}.cover-strip{background:linear-gradient(135deg,#5b87a9,#294c6d);border-radius:2px 2px 0 0;height:56px}.profile-body{text-align:center;margin-top:-29px;padding:0 13px 15px}.avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;flex:none;width:45px;height:45px;box-shadow:0 1px 2px #1d3e552f}.avatar-large{border-width:4px;width:78px;height:78px}.avatar-small{border-width:2px;width:37px;height:37px}.profile-body h1{color:#2c5376;margin:6px 0 3px;font:700 18px Georgia,serif}.muted{color:#8a969e;font-size:12px}.status-button,.text-button,.all-link,.back-link{color:#758c9f;background:0 0;border:0;font-size:11px}.profile-stats{color:#7f8b92;background:#f0f4f6;border-top:1px solid #e2e9ed;justify-content:space-around;padding:10px 4px;font-size:11px;display:flex}.profile-stats b{color:#325f83;text-align:center;font-size:16px;display:block}.side-menu{margin-top:16px;padding:5px 0}.side-menu button{text-align:left;color:#587188;background:#fff;border:0;width:100%;padding:8px 15px;font-size:13px;display:block}.side-menu button:hover,.side-menu .selected{color:#2c5271;background:#eaf1f5;font-weight:700}.ad-panel{text-align:center;background:#fffef7;border-color:#eadca8;margin-top:16px;padding:13px}.sidebar-ad-slot{aspect-ratio:1;width:100%;height:auto}.ad-label{text-align:left;color:#b1a37a;text-transform:uppercase;letter-spacing:1px;font:9px Arial,sans-serif;display:block}.ad-art{color:#e5bf2c;margin:5px 0;font-size:50px;line-height:1}.ad-panel strong{color:#526f85;font-size:16px;line-height:1.1;display:block}.ad-panel small{color:#8998a0;margin:6px 0 10px;font-size:11px;display:block}.ad-panel button,.hype-card button{color:#cf9e00;background:0 0;border:0;font-size:11px}.section-heading,.page-title{justify-content:space-between;align-items:end;margin:0 0 12px;display:flex}.eyebrow{color:#acbbc3;letter-spacing:1.2px;text-transform:uppercase;font:11px Arial,sans-serif}.section-heading h2,.page-title h2{color:#2b5275;margin:2px 0 0;font:700 25px Georgia,serif}.filter-button,.friend-toolbar select{color:#718390;background:#fff;border:1px solid #c6d1d8;border-radius:3px;padding:6px 10px;font-size:11px}.composer,.feed-post{margin-bottom:15px;padding:15px}.composer-head,.post-top,.birthday,.profile-hero-content,.mini-profile,.upload-row,.invite-row{align-items:center;gap:10px;display:flex}.composer-head{align-items:start}.composer-input{flex:1;min-width:0}.composer-input textarea{box-sizing:border-box}.composer-head textarea,.form-panel textarea,.create-hype textarea{resize:vertical;color:#526975;border:1px solid #d4dee3;border-radius:3px;outline:0;width:100%;min-height:55px;padding:7px 9px;font-size:15px}.composer-photo{align-items:center;gap:8px;margin-top:8px;display:flex}.composer-photo img{object-fit:cover;border:1px solid #d4dee3;border-radius:3px;width:72px;height:52px}.composer-photo button,.comment-form button{color:#bd940f;background:0 0;border:0;padding:0;font-size:11px}.krabbel-page{margin-top:8px}.krabbel-heading{justify-content:space-between;align-items:baseline;margin:0 0 10px;display:flex}.krabbel-heading h3{color:#375f7e;margin:0;font:700 18px Georgia,serif}.krabbel-heading span{color:#8a999f;font-size:11px}.composer-tools{align-items:center;gap:14px;padding-top:11px;display:flex}.composer-tools button{color:#82929d;background:0 0;border:0;font-size:11px}.composer-tools .post-button{color:#bd940f;text-shadow:none;background:0 0;border-radius:0;margin-left:auto;padding:0;font-size:11px}.post-button,.yellow-button{color:#fff;text-shadow:0 1px #ab8b0b;background:#e3bd21;border:0;border-radius:3px;margin-left:auto;padding:7px 18px;font-size:12px}.post-top{position:relative}.post-author-avatar{background:0 0;border:0;padding:0}.post-author,.post-author:hover{color:#2f5d83;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.post-author:hover{text-decoration:underline}.post-context-link{color:#315f82;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;-webkit-text-decoration:underline #bdcbd2;text-decoration:underline #bdcbd2}.post-context-link:hover{color:#b38d12;text-decoration-color:currentColor}.post-top strong,.birthday strong,.friend-card strong{color:#2f5d83;font-size:14px}.post-top time{color:#a3adb4;margin-top:2px;font:10px Arial,sans-serif;display:block}.more-button{color:#b2bdc2;background:0 0;border:0;margin-left:auto}.feed-post p{color:#4c5d66;margin:14px 0 12px;font-size:14px;line-height:1.5}.post-image{object-fit:cover;border-radius:2px;width:100%;height:248px;display:block}.post-actions{border-top:1px solid #edf0f1;gap:18px;margin-top:12px;padding-top:10px;display:flex}.post-actions button{color:#8b9aa3;background:0 0;border:0;padding:0;font-size:11px}.post-actions .liked{color:#d39f13}.comment-form{gap:7px;margin-top:12px;display:flex}.comment-form input{color:#526975;border:1px solid #d4dee3;border-radius:3px;flex:1;min-width:0;padding:7px 8px;font-size:12px}.post-comment{background:#f2f6f7;border-radius:3px;padding:7px 9px;color:#607580!important;margin:10px 0 0!important;font-size:12px!important}.post-comment time{color:#9aa7ad;margin-top:4px;font:10px Arial,sans-serif;display:block}.post-comment strong{color:#2f5d83}.panel-title{border-bottom:1px solid #e2e9ed;justify-content:space-between;align-items:baseline;padding:13px 14px 10px;display:flex}.panel-title h3,.preview-panel h3,.create-hype h3,.settings-form h3{color:#375f7e;margin:0;font:700 16px Georgia,serif}.panel-title span{color:#9daab0;font:10px Arial,sans-serif}.birthday{padding:10px 12px 6px}.birthday small{color:#a0aab0;font-size:10px;display:block}.birthday button{color:#7690a0;background:#f7fafb;border:1px solid #d5e0e5;border-radius:2px;margin-left:auto;padding:4px 6px;font-size:10px}.all-link{color:#bd940f;padding:12px 13px 13px}.friends-panel,.quote-panel{margin-top:16px}.friend-grid{grid-template-columns:repeat(3,1fr);gap:12px 6px;padding:14px 11px 8px;display:grid}.friend{text-align:center;color:#617b8e;font-size:11px}.avatar-wrap{width:41px;margin:0 auto 3px;position:relative}.avatar-wrap i,.friend-image i{background:#8fb732;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:0}.quote-panel{background:#f6f8f7;border-color:#d9e2df;padding:15px}.quote-mark{color:#dcb929;font:42px/20px Georgia,serif}.quote-panel p{color:#708189;margin:3px 0 8px;font-size:13px;font-style:italic;line-height:1.35}.single-view{min-height:570px;padding-top:22px}.view-page{max-width:850px;margin:0 auto}.page-title{align-items:center;position:relative}.page-title h2 small{color:#a5b1b7;font:12px Arial,sans-serif}.back-link{margin-left:auto}.profile-hero{margin-bottom:18px;overflow:hidden}.profile-cover-large{text-align:right;background:#244e70 linear-gradient(112deg,#6b98b6 0%,#3b6888 42%,#244e70 42% 72%,#b9a02a 72%,#d9bd2f 100%);height:176px;padding:14px;position:relative;overflow:hidden}.profile-cover-large:before{content:"";opacity:.18;background:repeating-linear-gradient(126deg,#0000 0 28px,#fff 29px 30px,#0000 31px 58px);position:absolute;inset:0;transform:translate(-18%)}.profile-cover-large:after{content:"HYPES";color:#fff;opacity:.18;letter-spacing:3px;font:700 58px/1 Georgia,serif;position:absolute;bottom:18px;right:28px}.profile-cover-large button{color:#fff;background:#153b5d99;border:1px solid #fff6;border-radius:3px;padding:6px 9px;font-size:11px}.cover-upload{display:none}.profile-hero-content{align-items:center;padding:12px 24px 20px}.profile-hero-content .avatar-large{margin-top:-28px}.profile-hero-content h2{color:#2b5275;margin:0 0 5px;font:700 22px Georgia,serif}.profile-intro{color:#71818a;max-width:470px;font-size:13px}.profile-wall{margin-top:24px}.profile-krabbel-form,.profile-krabbel{align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;display:flex}.profile-krabbel-form textarea{resize:vertical;color:#526975;border:1px solid #d4dee3;border-radius:3px;flex:1;min-width:0;padding:9px 10px;font:13px Arial,sans-serif}.profile-krabbel-form .yellow-button{flex:none}.profile-krabbel>div{flex:1;min-width:0}.profile-krabbel time{color:#9aa7ad;margin-top:3px;font:10px Arial,sans-serif;display:block}.profile-krabbel p{color:#607580;margin:8px 0 0;font-size:13px;line-height:1.5}.profile-hero-content .yellow-button{margin-left:auto}.edit-layout,.settings-layout{grid-template-columns:1.5fr 1fr;gap:18px;display:grid}.form-panel,.preview-panel,.settings-form{padding:18px}.form-panel label,.settings-form label{color:#6e818d;margin:16px 0;font-size:12px;display:block}.form-panel input,.form-panel select,.settings-form input,.settings-form select,.create-hype input,.create-hype textarea,.friend-toolbar input{color:#526975;background:#fbfcfc;border:1px solid #d4dee3;border-radius:3px;width:100%;margin-top:5px;padding:8px 9px;display:block}.upload-row button,.invite-row button{color:#658096;background:#f8fafb;border:1px solid #ccd9df;border-radius:3px;padding:7px 10px;font-size:11px}.preview-panel{background:#f8faf9}.preview-panel h3{margin:5px 0 18px}.mini-profile{align-items:start}.mini-profile strong{color:#2e5a7d;font-size:14px}.mini-profile p{color:#71818a;font-size:12px;line-height:1.4}.preview-panel hr,.settings-form hr{border:0;border-top:1px solid #dce5e8;margin:20px 0}.friend-toolbar{gap:10px;margin-bottom:16px;padding:12px;display:flex}.friend-toolbar input{flex:1;margin:0}.full-friend-grid,.hype-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hype-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}.friend-card{text-align:center;padding:14px 8px}.friend-image{width:82px;margin:0 auto 8px;position:relative}.friend-card>span{color:#9ba7ac;margin:4px 0 10px;font-size:10px;display:block}.friend-card>button{color:#7690a0;background:#f7fafb;border:1px solid #d5e0e5;border-radius:3px;padding:5px;font-size:10px}.friend-empty{text-align:center;background:#f8fafb;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:235px;padding:28px;display:flex}.friend-empty-mark{color:#6f91a7;background:#fff;border:1px solid #d7e1e5;border-radius:50%;place-items:center;width:45px;height:45px;font-size:22px;display:grid}.friend-empty strong{color:#315b7d;font:700 18px Georgia,serif}.friend-empty span{color:#87969e;max-width:330px;font-size:12px;line-height:1.5}.friend-empty .yellow-button{margin:5px 0 0}.people-results{margin-bottom:16px;padding:14px 16px}.people-results h3{color:#375f7e;margin:0 0 8px;font:700 16px Georgia,serif}.person-row{border-top:1px solid #e7edef;align-items:center;gap:10px;padding:9px 0;display:flex}.person-row>div{flex:1;min-width:0}.person-row strong,.person-row span{display:block}.person-row strong{color:#2f5d83;font-size:13px}.person-row span,.person-row em{color:#8a999f;font-size:11px;font-style:normal}.person-row>button{color:#668298;background:#f8fafb;border:1px solid #d4dee3;border-radius:3px;padding:6px 9px;font-size:11px}.person-row>button:not(.quiet-button){color:#fff;background:#e3bd21;border-color:#e3bd21}.person-row .quiet-button{margin-left:0}.profile-name{color:#2f5d83;text-align:left;background:0 0;border:0;padding:0;font-size:13px;font-weight:700;display:block}.profile-name:hover{color:#bd940f;text-decoration:underline}.friend-card>.profile-name{color:#2f5d83;text-align:center;background:0 0;border:0;width:100%;padding:0;font-size:14px}.friend-card>.friend-image{cursor:pointer;background:0 0;border:0;padding:0}.public-profile{overflow:hidden}.public-profile-cover{background:linear-gradient(112deg,#6b98b6 0%,#3b6888 42%,#244e70 42% 72%,#b9a02a 72%,#d9bd2f 100%);height:155px}.public-profile-body{align-items:center;gap:18px;margin-top:-38px;padding:0 24px 24px;display:flex}.public-profile-body>div{padding-top:38px}.public-profile-body h2{color:#2b5275;margin:4px 0;font:700 24px Georgia,serif}.public-profile-body p{color:#71818a;max-width:480px;font-size:13px;line-height:1.5}.public-profile-columns{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:16px;display:grid}.public-profile-main{min-width:0}.public-profile-ad{position:static}.public-profile-ad .ad-panel{margin-top:0}.search-page{max-width:850px;margin:0 auto}.search-box{align-items:center;gap:9px;padding:12px 16px;display:flex}.search-box span{color:#2d516b;font-size:18px}.search-box input{color:#486b83;background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-tabs{grid-template-columns:1fr 1fr;gap:4px;margin-top:14px;padding:4px;display:grid}.search-tabs button{color:#2b5275;background:0 0;border:0;border-radius:6px;padding:10px;font-size:13px}.search-tabs button.active{background:#e9dfd5;font-weight:700}.search-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:180px;margin-top:12px;padding:20px;display:flex}.search-results>strong{color:#234762;font-size:17px}.search-results>span{color:#52738c;font-size:13px}.search-icon{color:#234762;font-size:46px;line-height:1}.search-person{text-align:left;background:0 0;border:0;border-bottom:1px solid #e3eaed;align-items:center;gap:10px;width:100%;padding:9px 4px;display:flex}.search-person:last-child{border-bottom:0}.search-person>span{flex:1}.search-person strong,.search-person small{display:block}.search-person strong{color:#2f5d83;font-size:13px}.search-person small{color:#8a999f;margin-top:2px;font-size:11px}.search-person b{color:#bd940f;font-size:11px}.messages-page{grid-template-columns:260px 1fr;gap:16px;max-width:850px;height:620px;margin:0 auto;display:grid}.messages-list{height:100%;max-height:620px;overflow-y:auto}.messages-heading{border-bottom:1px solid #e3eaed;padding:16px}.messages-heading h2{color:#2b5275;margin:3px 0 0;font:700 22px Georgia,serif}.message-contact{text-align:left;background:#fff;border:0;border-left:3px solid #0000;align-items:center;gap:9px;width:100%;padding:11px 13px;display:flex}.message-contact:hover,.message-contact.active{background:#f0f5f7;border-left-color:#e2b91d}.message-contact>span:last-child{min-width:0}.message-contact strong,.message-contact small{display:block}.message-contact strong{color:#2f5d83;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.message-contact small{color:#8a999f;margin-top:3px;font-size:10px}.contact-unread{color:#193d61;background:#e3bd21;border-radius:10px;place-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 4px;font-size:10px;display:inline-grid}.conversation{flex-direction:column;height:100%;max-height:620px;display:flex;overflow:hidden}.conversation-header{border-bottom:1px solid #e3eaed;align-items:center;gap:10px;padding:14px 16px;display:flex}.conversation-header h2{color:#2b5275;margin:0;font:700 18px Georgia,serif}.conversation-header span{color:#83a247;font-size:10px}.message-stream{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.message{color:#526975;background:#edf3f5;border-radius:3px 10px 10px;align-self:flex-start;max-width:76%;margin:0;padding:8px 10px;font-size:13px}.message.mine{color:#2f5d83;background:#dcecf2;border-radius:10px 3px 10px 10px;align-self:flex-end}.message-compose{border-top:1px solid #e3eaed;gap:8px;padding:12px;display:flex}.message-compose input{color:#526975;border:1px solid #d4dee3;border-radius:3px;flex:1;min-width:0;padding:8px}.message-compose button{color:#fff;background:#e3bd21;border:0;border-radius:3px;padding:0 14px;font-size:11px}.conversation-empty{color:#82939d;text-align:center;margin:auto;font-size:13px}.create-hype{border:1px solid #d9e4e9;margin-bottom:18px;padding:18px}.create-hype h3{color:#2c5576;margin:0 0 10px;font:700 20px Georgia,serif}.create-hype input,.create-hype textarea{color:#526975;background:#fbfcfc;border:1px solid #d4dee3;border-radius:3px;width:100%;max-width:530px;min-height:42px;margin-bottom:10px;padding:10px 12px}.hype-card{background:#fff;border:1px solid #d8e0e4;min-height:180px;display:flex;overflow:hidden;box-shadow:0 1px 2px #42586414}.hype-art{color:#fff;flex:0 0 120px;place-items:center;font-size:34px;display:grid}.hype-art.red,.hype-detail-cover.red{background:#b14c45}.hype-art.green,.hype-detail-cover.green{background:#7da356}.hype-art.yellow,.hype-detail-cover.yellow{background:#d2a51f}.hype-art.blue,.hype-detail-cover.blue{background:#4d7fa6}.hype-card>div:last-child{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:18px 16px;display:flex}.hype-card h3{color:#385d7b;margin:0 0 8px;font-size:17px;font-weight:700}.hype-card p{color:#7c8b92;margin:0 0 12px;font-size:12px;line-height:1.5}.hype-card small{color:#8b9aa2;margin:0 0 12px;font-size:11px;display:block}.hype-card button{color:#d4a719;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:auto;padding:0;font-size:11px;font-weight:700}.hype-detail-page{max-width:850px}.hype-detail{overflow:hidden}.hype-detail-cover{color:#ffffffe6;place-items:center;min-height:190px;font-size:58px;display:grid}.hype-detail-body{padding:24px 28px 28px}.hype-detail-body h1{color:#2b5275;margin:4px 0 10px;font:700 30px Georgia,serif}.hype-detail-description{color:#71818a;max-width:640px;line-height:1.6}.hype-detail-meta{color:#82939d;flex-wrap:wrap;gap:8px 22px;margin:20px 0;font-size:12px;display:flex}.hype-detail-body .yellow-button:disabled{cursor:default;opacity:.75}.hype-posts{margin-top:24px}.hype-posts .section-heading{margin-bottom:12px}.hype-join-note{color:#738691;background:#f8fafb;border:1px solid #e2e9ed;padding:14px 16px;font-size:13px}.settings-tabs{flex-direction:column;gap:2px;display:flex}.settings-tabs button{color:#668093;text-align:left;background:#eef3f5;border:0;border-left:3px solid #0000;padding:11px 12px}.settings-tabs .active,.settings-tabs button:hover{color:#315a7a;background:#fff;border-left-color:#dfb824}.settings-form{max-width:580px}.settings-form h3{margin-bottom:12px}.invite-row input{border:1px solid #d4dee3;flex:1;padding:8px}.invite-row button{white-space:nowrap}.feed-more{text-align:center;padding:3px 0 18px}.feed-more button{color:#c29612;background:0 0;border:0;font-size:12px}.signup-page{padding:38px 20px}.signup-brand{color:#1c4162;text-align:center;width:160px;text-shadow:none;margin:0 auto 35px;display:block}.signup-progress{color:#a4b0b6;border-bottom:1px solid #cad6dc;justify-content:space-between;max-width:500px;margin:auto;padding-bottom:10px;font:11px Arial,sans-serif;display:flex}.signup-progress .done{color:#bd950e}.signup-card{max-width:500px;margin:28px auto;padding:30px}.signup-card h1{color:#2b5275;margin:5px 0;font:700 28px Georgia,serif}.signup-card label{color:#6d818e;margin:18px 0;font-size:12px;display:block}.signup-card input,.fake-upload{color:#667f8e;background:#fbfcfc;border:1px solid #d4dee3;border-radius:3px;width:100%;margin-top:5px;padding:10px;display:block}.signup-next{width:100%;margin:25px 0 12px;display:block}.signup-card .text-button{margin:auto;display:block}.success-card{text-align:center}.success-icon{color:#fff;background:#93b54b;border-radius:50%;place-items:center;width:58px;height:58px;margin:5px auto 15px;font-size:30px;display:grid}.login-page{min-height:100vh;padding:70px 20px}.login-card{max-width:420px;margin:0 auto;padding:32px}.login-card h1{color:#2b5275;margin:5px 0;font:700 28px Georgia,serif}.login-card label{color:#6d818e;margin:19px 0;font-size:12px;display:block}.login-card input{color:#526975;background:#fbfcfc;border:1px solid #d4dee3;border-radius:3px;width:100%;margin-top:5px;padding:10px;display:block}.login-button{width:100%;margin:25px 0 10px;display:block}.demo-login{color:#b38d12;background:#fffdf2;border:1px dashed #d2b345;border-radius:3px;width:100%;padding:8px;font-size:11px;display:block}.login-divider{text-align:center;border-top:1px solid #e4eaed;margin:25px 0 15px}.login-divider span{color:#a5b0b5;background:#fff;padding:0 9px;font-size:11px;position:relative;top:-9px}.logout-button{color:#e3c75b!important;font-size:11px!important}footer{color:#8c9aa2;border-top:1px solid #c8d3d9;justify-content:space-between;margin-top:30px;padding:22px 0;font:10px Arial,sans-serif;display:flex}footer button{color:#8c9aa2;font:inherit;background:0 0;border:0}@media (width<=680px){.messages-page{flex-direction:column;min-height:0;display:flex}.messages-list,.conversation{min-height:360px}.messages-list{max-height:260px}}.empty-state,.empty-side-panel{text-align:center;color:#82939d;flex-direction:column;justify-content:center;gap:7px;min-height:116px;padding:24px;display:flex}.empty-state strong,.empty-side-panel h3{color:#315b7d;margin:0;font:700 16px Georgia,serif}.empty-state span,.empty-side-panel p{margin:0;font-size:12px;line-height:1.5}.empty-side-panel{text-align:left;min-height:120px}.online-panel{padding:16px}.online-panel h3{color:#315b7d;margin:0 0 12px;font:700 16px Georgia,serif}.online-panel>p{color:#82939d;margin:0 0 12px;font-size:12px;line-height:1.5}.online-list{flex-direction:column;gap:8px;display:flex}.online-person{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:3px 0;display:flex}.online-avatar{height:37px;display:block;position:relative}.online-avatar i{background:#8fb732;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:1px;right:-1px}.online-person>span:last-child{min-width:0}.online-person strong,.online-person small{display:block}.online-person strong{color:#2f5d83;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.online-person small{color:#8da0a8;margin-top:2px;font-size:10px}.network-link{color:#bd940f;background:0 0;border:0;margin-top:12px;padding:0;font-size:11px}.photo-picker{color:#6e818d;margin:16px 0;font-size:12px;display:block}.photo-picker input{color:#718390;background:#fbfcfc;border:1px solid #d4dee3;border-radius:3px;width:100%;margin-top:6px;padding:7px;display:block}.photo-uploader{flex-direction:column;gap:14px;padding:22px;display:flex}.upload-drop{color:#54758d;cursor:pointer;background:#f8fbfc;border:2px dashed #cbd9df;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;display:flex}.upload-drop input{display:none}.upload-drop small{color:#a0adb3;font-size:10px}.upload-preview{object-fit:cover;border-radius:3px;align-self:center;width:min(100%,420px);max-height:280px}.photo-uploader textarea{resize:vertical;color:#526975;border:1px solid #d4dee3;border-radius:3px;padding:10px}.photo-uploader .yellow-button{align-self:flex-end}.success-message{color:#6e9538;margin:0;font-size:12px}@media (width<=930px){.dashboard{grid-template-columns:190px minmax(0,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:16px;display:grid}.quote-panel{display:none}.friends-panel{margin-top:0}.full-friend-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.topbar-inner{flex-wrap:wrap;gap:8px 18px;height:auto;min-height:62px;padding:10px 16px 0}.brand{font-size:32px}.main-nav{order:3;width:100%;height:35px;overflow-x:auto}.main-nav button{white-space:nowrap;padding:0 10px}.top-actions{margin-left:auto}.top-actions .profile-link{display:none}.page-wrap{padding:0 12px 25px}.welcome-bar{height:39px}.dashboard{flex-direction:column;gap:16px;padding-top:15px;display:flex}.left-rail,.feed-column,.right-rail,.single-view{width:100%}.left-rail{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-card,.side-menu{margin:0}.ad-panel{display:none}.right-rail{flex-direction:column;display:flex}.friends-panel{margin-top:0}.edit-layout,.settings-layout{grid-template-columns:1fr}.profile-hero-content{flex-wrap:wrap;align-items:start;padding:0 14px 15px}.profile-hero-content .yellow-button{margin-left:88px}.full-friend-grid{grid-template-columns:repeat(2,1fr)}.hype-card{min-height:160px}.hype-art{flex-basis:90px}.hype-detail-cover{min-height:140px}.hype-detail-body{padding:20px}.page-title{flex-wrap:wrap;align-items:start;gap:5px}.page-title>.yellow-button{margin-left:auto}.friend-toolbar{flex-direction:column}.friend-toolbar select{width:100%}.post-image{height:190px}footer{flex-direction:column;gap:8px}.public-profile-columns{grid-template-columns:1fr}.public-profile-ad{position:static}.public-profile-ad .ad-panel{display:block}}