/* Phase 22: premium, lightweight social media additions. Inherits the global light/dark color tokens. */
.p22-create summary{cursor:pointer;font-weight:600;font-size:16px;padding:4px 0}.p22-create[open] summary{margin-bottom:16px}
.p22-story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0}
.p22-story-tile{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;aspect-ratio:9/15;background:var(--panel);color:var(--text);box-shadow:var(--shade)}
.p22-story-thumb{position:absolute;inset:0;background:linear-gradient(155deg,#395047,#1a2538);display:grid;place-items:center}
.p22-story-thumb img{width:100%;height:100%;object-fit:cover}.p22-video-mark{font-size:46px;color:#fff;text-shadow:0 3px 18px #0008}
.p22-story-meta{position:absolute;left:0;right:0;bottom:0;padding:30px 12px 14px;background:linear-gradient(transparent,#080e15ed);color:white;display:grid;gap:3px}
.p22-story-meta strong,.p22-story-meta small{color:white;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p22-story-meta strong{font-weight:600}.p22-story-meta small{opacity:.84;font-size:11px}
.p22-story-view{max-width:560px;margin:20px auto;padding:16px}.p22-story-visual{background:#101820;border-radius:13px;overflow:hidden;display:grid;place-items:center;min-height:280px}
.p22-story-visual img,.p22-story-visual video{max-width:100%;max-height:72vh;object-fit:contain}
.p22-reel-page{max-width:990px}.p22-reels{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:780px;margin:20px auto;scroll-snap-type:y proximity}
.p22-reel{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);padding:0;overflow:hidden;scroll-snap-align:start;margin:0;min-height:495px}
.p22-player{background:#07090c;display:grid;place-items:center;min-height:480px}.p22-reel-video{width:100%;height:100%;max-height:610px;aspect-ratio:9/16;object-fit:contain}
.p22-reel-info{padding:21px;min-width:0;display:flex;flex-direction:column;gap:12px}.p22-reel-info p{overflow-wrap:anywhere;white-space:normal}.p22-reel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.p22-reel-actions form{display:flex;gap:5px;flex-wrap:wrap}.p22-reel-actions select{width:auto}
.p22-comment-form{display:flex;gap:7px}.p22-reel-comment{padding:7px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.p22-reel-comment strong{font-weight:600}
.p22-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.p22-media-item{min-width:0;padding:13px}.p22-media-item small{display:block;margin:10px 0}.p22-media-preview{height:210px;background:var(--soft);border-radius:11px;display:grid;place-items:center;overflow:hidden}
.p22-media-preview img,.p22-media-preview video{width:100%;height:100%;object-fit:contain}
.m-post .p22-media-figure{margin:0;min-width:0}.m-post .p22-media-caption{display:block;padding:4px 11px;font-size:12px;color:var(--muted)}
@media(max-width:980px){.p22-story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.p22-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.p22-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.p22-reel{grid-template-columns:1fr}.p22-player{min-height:340px}.p22-reel-video{max-height:72vh}.p22-library-grid{grid-template-columns:1fr}.p22-reel-info{padding:14px}}