.lss{--ink:#f9f4ed;--muted:#c1b6b9;--base:#151117;--panel:#211a22;--border:#49333f;--accent:#f6b5a9;background:var(--base);color:var(--ink);padding:clamp(12px,3vw,30px);max-width:850px;margin:24px auto;border-radius:20px;font:16px/1.5 system-ui,sans-serif}.lss *{box-sizing:border-box}.lss-banner{background:radial-gradient(ellipse at top right,#82354b,transparent 70%),#331b28;padding:clamp(18px,4vw,38px);border-radius:15px}.lss-banner span{font-size:12px;letter-spacing:.18em;color:var(--accent);font-weight:750}.lss h2,.lss h3,.lss h4{color:var(--ink);margin:.3em 0}.lss h2{font-size:clamp(29px,6vw,52px);letter-spacing:-.06em}.lss p{overflow-wrap:anywhere;margin:.6em 0}.lss a{color:var(--accent);text-decoration:underline}.lss-nav,.lss-actions,.lss-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lss-nav{margin:14px 0}.lss-byline img{width:40px;height:40px;border-radius:50%}.lss-byline a{margin-left:auto}.lss-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;margin:12px 0;padding:16px}.lss label{display:block;font-weight:650;margin:6px 0}.lss textarea,.lss input[type=file]{display:block;width:100%;padding:9px;margin:6px 0;color:var(--ink);background:#151117;border:1px solid var(--border);border-radius:8px;font:inherit}.lss textarea{min-height:80px;resize:vertical}.lss button{background:var(--accent);color:#251118;border:0;border-radius:8px;padding:8px 12px;font:700 14px system-ui,sans-serif;cursor:pointer}.lss button:focus-visible,.lss a:focus-visible,.lss input:focus-visible,.lss textarea:focus-visible{outline:2px solid white;outline-offset:3px}.lss .lss-muted,.lss small{font-size:13px;color:var(--muted)}.lss article>img,.lss video{display:block;max-width:100%;height:auto;max-height:550px;margin:12px 0;border-radius:10px;background:#0b080c}.lss-actions{margin:12px 0}.lss summary{cursor:pointer}.lss-notice{color:var(--accent)}.lss-person{display:inline-block;margin-right:12px}.lss-chat{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow:auto}.lss-bubble{align-self:flex-start;background:#352735;border-radius:10px;padding:9px 12px;max-width:86%;overflow-wrap:anywhere}.lss-mine{align-self:flex-end;background:#5b2d40}
.lss-share summary{display:inline-block;border:1px solid var(--border);border-radius:8px;padding:7px 12px;color:var(--accent);font-weight:700}.lss-share[open]{flex-basis:100%}.lss-share input{display:block;width:100%;padding:8px;color:var(--ink);background:var(--base);border:1px solid var(--border);border-radius:8px}.lss-share-status{margin-left:8px;font-size:13px;color:var(--accent)}

.lss{--ink:#f6f0e4;--muted:#aaaebb;--base:#101219;--panel:#181c26;--border:#2a3040;--accent:#d3ff36;max-width:1440px;padding:0;border:1px solid var(--border);overflow:hidden}
.lss-top{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:14px 18px}.lss a.lss-mark{color:white;background:#b9000b;padding:5px 9px;font-weight:850;font-style:italic;text-decoration:none;border-radius:3px;white-space:nowrap}.lss-wordmark{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lss-top .avatar{display:block;border-radius:100%}.lss-search{display:flex;gap:6px;flex:1;min-width:190px}.lss-search input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--border);color:var(--ink);padding:8px 12px;border-radius:20px}
.lss-layout{display:grid;grid-template-columns:minmax(135px,18%) minmax(0,1fr) minmax(170px,25%)}.lss-rail{display:flex;flex-direction:column;gap:7px;padding:14px 10px;border-right:1px solid var(--border)}.lss-rail a,.lss-tabs a{text-decoration:none;padding:9px;color:var(--ink);border-radius:8px}.lss-rail a:hover,.lss-tabs a:hover{background:var(--panel)}.lss-rail .lss-create{background:var(--accent);color:#1b2210;font-weight:800}.lss-main,.lss-side{min-width:0;padding:16px}.lss-side{border-left:1px solid var(--border)}.lss-main h2{font-size:27px;letter-spacing:-.035em}.lss-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin-bottom:12px}.lss-tabs .lss-active{color:var(--accent);border-bottom:2px solid var(--accent);border-radius:0}.lss-topic{display:block;padding:10px 0;border-bottom:1px solid var(--border);text-decoration:none!important}.lss-story-strip{display:flex;gap:8px;overflow:auto;padding:2px 0 6px}.lss-story{display:grid;justify-items:center;gap:5px;flex:0 0 82px;text-align:center;color:var(--ink)!important;font-size:11px;text-decoration:none!important}.lss-story img,.lss-story span{width:42px;height:42px;border:2px solid var(--accent);border-radius:50%;display:grid;place-items:center}.lss-story span{font-size:19px;color:var(--accent)}.lss textarea,.lss input[type=file]{background:var(--base)}.lss button{color:#181f0d}.lss article>img,.lss article>video{width:100%;object-fit:contain}.lss-actions form button,.lss-actions summary,.lss-byline button{background:transparent;color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px}.lss-actions details[open]{flex-basis:100%}.lss-actions .lss-comments{order:1}.lss-actions .lss-share{order:2}.lss-comments summary{display:inline-block}.lss-bubble{background:#292e3b}.lss-mine{background:#344020}
@media(max-width:900px){.lss-layout{grid-template-columns:135px minmax(0,1fr)}.lss-side{display:none}}@media(max-width:620px){.lss-layout{grid-template-columns:minmax(0,1fr)}.lss-rail{flex-direction:row;overflow:auto;white-space:nowrap;border-right:0;border-bottom:1px solid var(--border);padding:7px}.lss-wordmark{display:none}.lss-main{padding:10px}.lss-top{padding:10px;gap:9px}.lss-search{min-width:100%;order:3}.lss h3{font-size:19px}}
.lss-paid-check{display:inline-grid;place-items:center;width:1.2em;height:1.2em;border-radius:50%;background:var(--accent);color:#171d0e;font-size:.82em;font-weight:900;vertical-align:middle}.lss-membership button{margin-right:6px;margin-bottom:6px}

.lss-cover{aspect-ratio:2.8;background:linear-gradient(125deg,#141923,#30384a);overflow:hidden;border-radius:12px}.lss-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.lss-identity{display:flex;align-items:flex-start;gap:14px;padding:0 14px;margin-top:-44px;position:relative}.lss-identity>img{width:clamp(72px,17vw,130px);height:clamp(72px,17vw,130px);flex:none;object-fit:cover;border:4px solid var(--accent);border-radius:50%;background:var(--base)}.lss-identity>div{min-width:0;padding-top:47px}.lss-identity h2{font-size:clamp(20px,4vw,34px);line-height:1.1}.lss-identity p{margin:4px 0}.lss-meta{font-size:13px;color:var(--muted)}.lss-profile-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.lss-profile-controls a{display:block;text-align:center;text-decoration:none;border:1px solid var(--accent);border-radius:10px;padding:9px;font-weight:800}.lss-profile-controls .lss-profile-edit{color:#151b0d;background:var(--accent)}.lss-profile-tabs a{flex:1;text-align:center}.lss-profile-empty{text-align:center;padding:55px 0;font-weight:800;color:var(--muted)}.lss-profile-empty:before{content:'▤';display:block;color:var(--accent);font-size:42px}.lss-profile-hero input[type=text]{display:block;width:100%;padding:8px;background:var(--base);border:1px solid var(--border);color:var(--ink);border-radius:8px}.lss-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lss-gallery img,.lss-gallery video{width:100%;border-radius:8px}.lss-mobile-nav{display:none}.lss-membership{margin-top:12px}
@media(max-width:620px){.lss-profile-view .lss-rail{display:none}.lss-profile-view .lss-top{justify-content:center}.lss-profile-view .lss-search{display:none}.lss-profile-view .lss-wordmark{display:block;width:100%;text-align:center}.lss-profile-view .lss-top>.avatar,.lss-profile-view .lss-top>a[aria-label]{display:none}.lss-profile-view .lss-main{padding:0 10px}.lss-cover{border-radius:0;margin:0 -10px;aspect-ratio:2.8}.lss-identity{padding:0 4px}.lss-mobile-nav{display:flex;justify-content:space-around;text-align:center;border-top:1px solid var(--border);padding:6px;gap:4px}.lss-mobile-nav a{color:var(--ink);text-decoration:none;font-size:20px}.lss-mobile-nav span{display:block;font-size:12px}.lss-mobile-nav .lss-active{color:var(--accent)}}

.lss-member-search input[type="search"] {
    display: block;
    width: 100%;
    margin: 6px 0;
    padding: 9px;
    background: var(--base);
    color: var(--ink);
    border: 1px solid var(--border);
    border-radius: 8px;
}

.lss-reactions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.lss-actions .lss-reactions button {
    min-height: 44px;
}
.lss-actions .lss-reactions button[aria-pressed="true"] {
    border-color: var(--accent);
    color: var(--accent);
}

.lss-reaction-picker {
    position: relative;
}
.lss-reaction-picker > summary {
    list-style: none;
}
.lss-reaction-picker > summary::-webkit-details-marker {
    display: none;
}
.lss-reaction-picker > .lss-reactions {
    margin-top: 6px;
    padding: 5px;
    border: 1px solid var(--border);
    border-radius: 24px;
    background: var(--panel);
    gap: 2px;
}
.lss-actions .lss-reaction-picker button {
    display: grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 2px;
    border-color: transparent;
    border-radius: 50%;
}
.lss-actions .lss-reaction-picker button[aria-pressed="true"],
.lss-actions .lss-reaction-picker button:hover {
    border-color: var(--accent);
}
.lss-reaction-emoji {
    display: inline-block;
    font-size: 27px;
    line-height: 1;
}
.lss-reaction-love { --reaction-turn: 0deg; --reaction-lift: -3px; }
.lss-reaction-care { --reaction-turn: -14deg; }
.lss-reaction-laugh { --reaction-turn: 16deg; --reaction-lift: -7px; }
.lss-reaction-wow { --reaction-turn: 0deg; --reaction-lift: -9px; }
.lss-reaction-sad { --reaction-turn: -7deg; --reaction-lift: 3px; }
.lss-reaction-mad { --reaction-turn: 17deg; --reaction-lift: -2px; }
@media (prefers-reduced-motion: no-preference) {
    .lss-reaction-picker[open] .lss-reaction-emoji {
        animation: lss-reaction-pop 450ms ease-out both;
    }
    .lss-reaction-picker button:is(:hover, :focus-visible, :active) .lss-reaction-emoji {
        animation: lss-reaction-wiggle 450ms ease-out both;
    }
}
@keyframes lss-reaction-pop {
    0% { transform: scale(.65); }
    60% { transform: translateY(-4px) scale(1.18); }
    100% { transform: none; }
}
@keyframes lss-reaction-wiggle {
    0%, 100% { transform: none; }
    40% { transform: translateY(var(--reaction-lift, -5px)) rotate(var(--reaction-turn, -12deg)) scale(1.2); }
    70% { transform: rotate(calc(-.5 * var(--reaction-turn, -12deg))); }
}

.lss .lss-link-card {
    display: block;
    margin: 12px 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--base);
    color: var(--ink);
    text-decoration: none;
}
.lss .lss-link-card img {
    display: block;
    width: 100%;
    max-height: 280px;
    object-fit: cover;
}
.lss-link-copy {
    display: grid;
    gap: 4px;
    padding: 12px;
    overflow-wrap: anywhere;
}
.lss-link-copy > span {
    color: var(--muted);
}

.lss .lss-stories > h2 {
    font-size: 18px;
    margin-bottom: 8px;
}
.lss-suggestions ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.lss-suggestions li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}
.lss-suggestions li img {
    border-radius: 50%;
}
.lss-suggestions strong {
    overflow-wrap: anywhere;
}
.lss-suggestions button {
    min-height: 44px;
}
