.sl-moments{height:100%;overflow-y:auto;background:#fff;color:#171717;scrollbar-width:none}
.sl-cover{height:255px;background:linear-gradient(150deg,#3f4944,#85887b);position:relative;margin-bottom:44px}
.sl-back{position:absolute;left:14px;top:12px;display:grid;place-items:center;width:32px;height:36px;color:white}
.sl-identity{position:absolute;right:20px;bottom:-28px;display:flex;align-items:center;gap:16px}
.sl-identity h1{font-size:21px;font-weight:600;color:#fff;margin:0 0 22px;text-shadow:0 1px 3px #0005}
.sl-avatar{width:68px;height:68px;border-radius:7px;background:#8b8476;color:#fff;display:grid;place-items:center;font-size:27px;border:2px solid white}
.sl-timeline{padding:14px 20px 40px}.sl-post{display:flex;gap:18px}.sl-date{width:63px;flex:none;font-size:23px;font-weight:600;line-height:1.4}.sl-date small{display:block;font-size:11px;color:#999;font-weight:400;line-height:1.7;margin-top:9px}.sl-content{flex:1;min-width:0}.sl-content p{font-size:17px;line-height:1.5;margin:1px 0 12px}.sl-photo{display:block;max-width:260px;width:100%;padding:0}.sl-photo img{display:block;width:100%;height:auto}
.sl-photo-view{height:100%;display:flex;flex-direction:column;background:#080808;color:#fff}.sl-photo-view header{display:flex;align-items:center;gap:16px;padding:14px 16px;font-size:13px;flex:none}.sl-photo-view header>span:last-child{margin-left:auto;color:#aaa}.sl-photo-view header button{width:30px;height:32px;display:grid;place-items:center}.sl-photo-scroll{flex:1;min-height:0;overflow:auto;display:flex;align-items:center}.sl-photo-scroll img{width:100%;height:auto;display:block}.sl-photo-view>p{padding:18px 20px 30px;font-size:16px}
.screen:has(.sl-moments){background:#3f4944}.screen:has(.sl-moments) .statusbar,.screen:has(.sl-photo-view) .statusbar{color:white;background:transparent}.screen:has(.sl-photo-view){background:#080808}.screen:has(.sl-photo-view) .homebar{background:#fff}
.device.tablet .sl-cover{height:270px}.device.tablet .sl-timeline{max-width:640px;margin:auto}.device.tablet .sl-photo{max-width:360px}
.sl-profile{background:#fff;min-height:100%;color:#111}.sl-profile>.navbar{background:#fff;border-bottom:0}.sl-profile-identity{display:flex;align-items:flex-start;gap:18px;padding:18px 20px 26px}.sl-profile-identity .sl-avatar{width:72px;height:72px;border:0;border-radius:8px;flex:none}.sl-profile-identity h1{font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.sl-profile-identity p{font-size:14px;color:#999;line-height:1.9;margin-top:4px}.sl-profile-section{display:block;width:100%;border-top:10px solid #f2f2f2;padding:16px 20px;text-align:left}.sl-profile-row{display:flex;align-items:center;justify-content:space-between}.sl-profile-row strong{font-size:17px;font-weight:700}.sl-profile-row>span{font-size:20px;color:#c8c8c8}.sl-profile-section>p{font-size:14px;color:#999;margin-top:8px;line-height:1.6}.sl-profile-preview{display:flex;gap:14px;align-items:center}.sl-profile-preview img{width:42px;height:42px;object-fit:cover;border-radius:3px}.sl-profile-actions{border-top:10px solid #f2f2f2}.sl-profile-actions button{display:block;width:100%;padding:18px 20px;border-bottom:1px solid #f0f0f0;color:#576b95;font-size:17px}.screen:has(.sl-profile){background:white}
