#stories-container{--story-canvas: var(--store-canvas, #f8fafc);--story-ring: linear-gradient(135deg, #e9a35b, #d65b87 55%, #9670bf);--story-ring-viewed: var(--store-line, #cbd5e1);display:flex;gap:18px;padding:12px 2px 16px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}.dark #stories-container{--story-canvas: var(--store-canvas, #0f172a);--story-ring: linear-gradient(135deg, #bd895a, #b45a7e 55%, #8666a5);--story-ring-viewed: var(--store-line, #475569)}#stories-container .story-avatar,#stories-container .story-avatar img,#stories-container .story-video-badge{box-sizing:border-box}#stories-container .story{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex:0 0 88px;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:inherit;cursor:pointer;font:inherit}#stories-container .story-avatar{display:block;position:relative;width:80px;height:80px;padding:2px;border-radius:50%!important;background:var(--story-ring)}#stories-container .story-avatar.viewed{background:var(--story-ring-viewed)}#stories-container .story-avatar img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--story-canvas);border-radius:50%!important;background:var(--story-canvas)}#stories-container .story-video-badge{position:absolute;bottom:3px;inset-inline-end:0;display:grid;place-items:center;width:22px;height:22px;border:2px solid var(--story-canvas);border-radius:50%!important;color:#fff;background:#18181b}.story-video-badge svg{width:11px;height:11px}#stories-container .story-username{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.7}.story-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;gap:22px;background:#101013f5;color:#fff;direction:rtl;isolation:isolate;font-family:var(--body-font, Tahoma),sans-serif}.story-modal *,.story-modal *:before,.story-modal *:after{box-sizing:border-box}.story-modal [hidden]{display:none!important}.story-modal button,.story-modal input{font:inherit}.story-modal button{cursor:pointer}.story-modal button:disabled{opacity:.35;cursor:default}.story-modal button:focus-visible,.story-modal a:focus-visible,#stories-container button:focus-visible{outline:2px solid #fff;outline-offset:4px}.story-modal .story-frame{position:relative;height:min(900px,calc(100dvh - 32px));width:auto;max-width:100vw;aspect-ratio:9 / 16;overflow:hidden;background:#080808;border-radius:12px;box-shadow:0 24px 100px #0009}.story-modal .story-progress{display:flex;position:absolute;top:max(10px,env(safe-area-inset-top));inset-inline:10px;gap:3px;height:3px;z-index:5;direction:rtl}.story-progress>span{flex:1;background:#ffffff4d;overflow:hidden;border-radius:5px}.story-progress i{display:block;width:0;height:100%;background:#fff}.story-modal .story-header{display:flex;align-items:center;gap:8px;position:absolute;top:max(20px,calc(env(safe-area-inset-top) + 10px));inset-inline:12px;z-index:5;padding-bottom:18px;text-shadow:0 1px 5px #0008}.story-modal .story-header-avatar{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:50%!important;border:1px solid #ffffff80}.story-modal .story-header-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.story-header-title strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-header-title span{font-size:10px;opacity:.7}.story-modal .story-icon-button{display:inline-flex;justify-content:center;align-items:center;gap:3px;flex-shrink:0;width:32px;height:36px;padding:4px;border:0;color:#fff;background:transparent}.story-icon-button svg{width:23px;height:23px;flex-shrink:0}.story-audio{display:flex;align-items:center;gap:4px}.story-modal .story-volume{width:58px;height:18px;padding:0;accent-color:#fff;direction:ltr;cursor:pointer}.story-modal .story-stage{position:absolute;top:0;right:0;bottom:76px;left:0}.story-modal .story-stage:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0009,transparent 23%,transparent 75%,#0009)}.story-modal .story-image,.story-modal .story-video{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.story-modal .story-tap{position:absolute;top:90px;bottom:70px;width:32%;border:0;background:transparent;z-index:2}.story-tap-previous{right:0}.story-tap-next{left:0}.story-media-status{position:absolute;top:48%;inset-inline:15%;z-index:3;text-align:center;font-size:13px;pointer-events:none;text-shadow:0 1px 4px #000}.story-modal .story-links{position:absolute;bottom:90px;inset-inline:15px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;z-index:4}.story-modal .story-link{padding:9px 18px;border-radius:8px;background:#fff;color:#171717;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 2px 14px #0005}.story-modal .story-footer{position:absolute;bottom:0;inset-inline:0;min-height:76px;display:flex;align-items:center;gap:12px;padding:12px 14px max(12px,env(safe-area-inset-bottom));z-index:4;background:#080808}.story-modal .story-comment-entry{flex:1;text-align:start;border:1px solid #ffffff65;border-radius:30px;background:transparent;color:#fff;padding:11px 14px;font-size:12px}.story-modal .story-footer .story-icon-button{flex-direction:column;width:30px;height:48px}.story-footer .story-icon-button span{font-size:10px;line-height:1}.story-modal [aria-pressed=true].story-like,.story-modal [aria-pressed=true].story-comment-heart{color:#ff3766}.story-modal [aria-pressed=true].story-like svg,.story-modal [aria-pressed=true].story-comment-heart svg{fill:currentColor}.story-modal .story-outside-close,.story-modal .story-nav{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;padding:8px}.story-outside-close{position:absolute;top:24px;left:24px}.story-nav svg,.story-outside-close svg{width:22px;height:22px}.story-modal .story-comments-panel{position:absolute;inset-inline:0;bottom:0;z-index:10;display:flex;flex-direction:column;max-height:78%;height:560px;padding:10px 16px max(16px,env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:#19191e;color:#fff;box-shadow:0 -20px 80px #0008}.story-comments-panel>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1a;padding:6px 0 12px}.story-comments-panel h2{margin:0;font-size:14px;font-weight:700}.story-comments-total{opacity:.6;margin-inline-start:6px;font-size:12px}.story-comments-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 0;font-size:12px;line-height:1.8;scrollbar-width:thin}.story-comment{display:flex;align-items:start;gap:12px;padding:10px 0}.story-comment>div{flex:1;min-width:0}.story-comment strong{font-size:12px}.story-comment p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e4e4e7}.story-comment button[data-comment-reply]{border:0;color:#a1a1aa;background:none;font-size:11px;padding:0}.story-comment-reply{padding-inline-start:20px;border-inline-start:1px solid #ffffff26}.story-modal .story-comment-heart{display:flex;flex-direction:column;align-items:center;gap:4px;width:32px;color:#c4c4ca;border:0;padding:3px;background:transparent;font-size:10px}.story-comment-heart svg{width:18px;height:18px}.story-comment-form{margin-top:10px;border-top:1px solid #ffffff1a;padding-top:12px}.story-comment-form>div{display:flex;align-items:center;gap:8px}.story-modal .story-comment-form input{width:100%;min-width:0;border:1px solid #ffffff38;background:transparent;padding:12px;border-radius:24px;color:#fff;font-size:12px}.story-comment-form button{border:0;background:transparent;color:#79baff;font-size:12px;font-weight:700;padding:8px}.story-reply-label{display:block;color:#b5cfff;font-size:11px;margin-bottom:8px;cursor:pointer}.story-comments-more{border:0;background:transparent;color:#79baff;padding:8px;font-size:12px}.story-login-hint{font-size:12px;text-align:center;padding:12px 0}.story-login-hint a,.story-notice a{color:#a5ccff;text-decoration:underline}.story-modal .story-notice{position:absolute;z-index:15;top:90px;inset-inline:16px;padding:10px 14px;color:#fff;background:#28282fef;border-radius:8px;font-size:12px;line-height:1.8;box-shadow:0 4px 20px #0005}@media (max-width: 640px){#stories-container{gap:12px}#stories-container .story{flex-basis:76px}#stories-container .story-avatar{width:68px;height:68px}#stories-container .story-username{max-width:76px}.story-modal .story-frame{width:100vw;max-width:100%;height:100dvh;border-radius:0;aspect-ratio:auto}.story-modal .story-nav,.story-modal .story-outside-close{display:none}}