.capi-story-viewer{position:fixed;inset:0;margin:auto;padding:0;width:min(460px,calc(100vw - 24px));height:min(820px,92dvh);max-height:92dvh;overflow:hidden;border:1px solid #302d29;border-radius:22px;background:#090908;color:#f5f2ee;box-shadow:0 28px 100px #000a}.capi-story-viewer::backdrop{background:#000c;backdrop-filter:blur(5px)}.capi-story-top{position:absolute;z-index:2;top:0;left:0;right:0;padding:13px 14px 18px;background:linear-gradient(#090908eF,transparent)}.capi-story-progress{display:flex;gap:4px;margin-bottom:12px}.capi-story-progress>span{height:3px;flex:1;overflow:hidden;border-radius:4px;background:#69645f99}.capi-story-progress>span.is-complete{background:#fb923c}.capi-story-progress>span i{display:block;width:100%;height:100%;background:#f97316;transform:scaleX(0);transform-origin:left center}.capi-story-top header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;text-shadow:0 1px 8px #000}.capi-story-top header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capi-story-viewer button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff24;border-radius:50%;background:#11100fbd;color:#fff;font-size:24px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}.capi-story-viewer button:hover{border-color:#f97316;color:#fb923c}.capi-story-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#080808;touch-action:pan-y}.capi-story-media{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#080808}.capi-story-viewer .capi-story-close{position:absolute;right:0;top:-1px;width:34px;height:34px;font-size:24px}.capi-story-viewer .capi-story-prev,.capi-story-viewer .capi-story-next{position:absolute;z-index:3;top:50%;transform:translateY(-50%);opacity:.78}.capi-story-viewer .capi-story-prev{left:12px}.capi-story-viewer .capi-story-next{right:12px}.capi-story-viewer[open]{animation:capi-story-enter .18s ease-out}@keyframes capi-story-enter{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.public-story-section{margin:15px 0 5px;padding:16px 17px;border:1px solid #302d29;border-radius:16px;background:#171512}.public-story-section[hidden]{display:none}.public-story-heading{display:flex;align-items:baseline;gap:9px;margin-bottom:13px}.public-story-heading strong{font-size:13px}.public-story-heading span{color:#918c84;font-size:10px}.public-story-list{display:flex;gap:14px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}.public-story-cover{position:relative;display:flex;flex:0 0 74px;flex-direction:column;align-items:center;gap:7px;padding:0;border:0;background:none;color:#e7e1d9;cursor:pointer}.public-story-ring{display:grid;place-items:center;width:68px;height:68px;padding:3px;border:2px solid #f97316;border-radius:50%;background:#11100f;transition:transform .18s,border-color .18s,box-shadow .18s}.public-story-cover:hover .public-story-ring{transform:translateY(-2px);border-color:#fb923c;box-shadow:0 0 0 3px #f9731623}.public-story-ring img,.public-story-ring video{display:block;width:58px;height:58px;object-fit:cover;border-radius:50%;background:#211e19}.public-story-cover>span:last-of-type{max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.public-story-kind{position:absolute;right:2px;top:47px;display:grid;place-items:center;width:20px;height:20px;border:2px solid #171512;border-radius:50%;background:#f97316;color:#11100f;font-size:10px;font-weight:800}.public-story-kind[hidden]{display:none}
@media(max-width:600px){.capi-story-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.capi-story-viewer .capi-story-prev,.capi-story-viewer .capi-story-next{display:none}.capi-story-top{padding-top:max(13px,env(safe-area-inset-top))}.public-story-section{margin:12px 0;padding:13px;border-radius:14px}.public-story-heading{flex-direction:column;gap:3px}.public-story-list{gap:11px}}
@media(prefers-reduced-motion:reduce){.public-story-ring,.capi-story-viewer[open]{animation:none;transition:none}}
.highlight-upload-preview{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:90dvh;padding:24px;overflow:auto;border:1px solid #40382e;border-radius:20px;background:#11100f;color:#f5f2ee;font:14px sans-serif}.highlight-upload-preview::backdrop{background:#000c;backdrop-filter:blur(5px)}.highlight-upload-preview h2{margin:0 0 10px;font-size:20px}.highlight-upload-preview>p{color:#b5ada3;font-size:13px;line-height:1.6}.highlight-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.highlight-preview-grid section{min-width:0;padding:10px;border:1px solid #302d29;border-radius:12px;background:#171512}.highlight-preview-grid img,.highlight-preview-grid video{display:block;width:100%;height:220px;object-fit:contain;background:#000;border-radius:8px}.highlight-preview-grid p{overflow-wrap:anywhere;font-size:12px;color:#fb923c}.highlight-preview-grid section>div{display:flex;gap:6px}.highlight-upload-preview button{padding:10px 14px;border:1px solid #40382e;border-radius:10px;background:#211e19;color:#fb923c;cursor:pointer}.highlight-upload-preview button:disabled{opacity:.4;cursor:default}.highlight-preview-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.highlight-preview-actions .highlight-preview-confirm{background:#f97316;color:#11100f;border-color:#f97316;font-weight:700}.highlight-upload-preview button:focus-visible{outline:2px solid #fb923c;outline-offset:3px}
@media(max-width:600px){.capi-story-viewer .capi-story-prev,.capi-story-viewer .capi-story-next{display:grid;width:30px;height:36px;top:45%;opacity:.65}.highlight-upload-preview{padding:16px}.highlight-preview-grid{grid-template-columns:1fr}.highlight-preview-grid img,.highlight-preview-grid video{height:260px}}
.capi-story-viewer header{padding-right:84px}.capi-story-viewer .capi-story-pause{position:absolute;right:42px;top:-1px;width:34px;height:34px;font-size:15px}.capi-story-error{position:absolute;left:20px;right:20px;top:45%;text-align:center;color:#fb923c;background:#11100fe8;padding:16px;border-radius:12px}