.stories{overflow:hidden}.story-card{background:transparent!important}.story-avatar-ring,.story-create-avatar{width:68px;height:68px;display:grid;place-items:center;flex:none;border-radius:50%;position:relative}.story-avatar-ring{padding:3px}.story-avatar-ring.unviewed{background:linear-gradient(35deg,#ffb900,#ff1765,#bc28d4,#ffb900)}.story-avatar-ring.viewed{background:#bec7d3}.story-avatar-ring img,.story-create-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white}.story-avatar-ring>span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#e8eef8;border:3px solid white;font-size:24px}.story-create-avatar{background:#edf3fa;color:#788aa4}.create-story .story-create-avatar{border:0}.create-story .story-add{top:48px;left:40px}.story-empty{align-self:center;color:#8491a5;font-size:11px;white-space:nowrap;padding:10px}.story-skeleton{width:70px;height:94px;flex:0 0 70px;border-radius:12px;background:linear-gradient(90deg,#edf1f6 20%,#f8fafc 50%,#edf1f6 80%);background-size:200% 100%;animation:story-shimmer 1.4s infinite}.story-error{color:#bd3349;font-size:12px;margin-top:8px}@keyframes story-shimmer{to{background-position:-200% 0}}.story-editor-backdrop{position:fixed;inset:0;z-index:100;background:#07111fcc;display:grid;place-items:center;padding:18px}.story-editor{width:min(100%,780px);max-height:min(92vh,900px);overflow:auto;border-radius:20px;background:white;display:grid;grid-template-columns:minmax(260px,1fr) minmax(270px,.8fr);padding:20px;gap:18px;box-shadow:0 24px 80px #0005}.story-editor>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.story-editor>header small{font-size:9px;letter-spacing:.16em;color:#69809d}.story-editor>header h2{font-size:20px;margin-top:4px}.story-editor>header button{border:0;background:#f2f5f9;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.story-preview{position:relative;aspect-ratio:9/16;width:min(100%,320px);max-height:65vh;justify-self:center;overflow:hidden;border-radius:16px;display:grid;place-items:center;color:white;text-align:center;padding:24px}.story-preview>img,.story-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-preview-overlay,.story-preview>strong{position:relative;z-index:1;font-size:24px;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 10px #0008}.story-preview-overlay{position:absolute;bottom:25px;left:12px;right:12px;background:#10182880;border-radius:12px;padding:10px;font-size:17px}.story-bg-sunset{background:linear-gradient(145deg,#ff8d52,#d84188 55%,#7445b9)}.story-bg-ocean{background:linear-gradient(155deg,#00a9b7,#0872b8 52%,#243b80)}.story-bg-lagoon{background:linear-gradient(150deg,#31c49a,#0a9f9d 55%,#086d86)}.story-bg-night{background:linear-gradient(145deg,#26345f,#141a35 60%,#641c74)}.story-editor-tools{display:flex;flex-direction:column;gap:13px;align-self:center}.story-file-button{min-height:44px;border:1px solid #dce4ee;border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:9px;color:#38516e;font-size:13px;cursor:pointer}.story-file-button input{display:none}.story-editor-tools textarea{min-height:110px;resize:vertical;border:1px solid #dce4ee;border-radius:10px;padding:12px;font:inherit}.story-backgrounds{display:flex;gap:9px}.story-swatch{width:35px;height:35px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #cad3e0}.story-swatch.active{box-shadow:0 0 0 2px #1765f5}.story-publish{height:44px;background:#1765f5;color:white;border:0;border-radius:10px;font-weight:700}.story-publish:disabled{opacity:.45}.story-editor-tools progress{width:100%;height:7px;accent-color:#1765f5}.story-viewer{position:fixed;inset:0;z-index:110;background:#050608;display:flex;justify-content:center;align-items:center;color:white}.story-viewer-stage{height:min(100dvh,900px);width:min(100vw,506px);aspect-ratio:9/16;max-height:100dvh;position:relative;overflow:hidden;background:#111}.story-viewer-stage>img,.story-viewer-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08090b}.story-viewer-text{position:absolute;inset:0;display:grid;place-items:center;padding:35px;text-align:center;font-size:32px;font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}.story-progress-bars{position:absolute;z-index:2;top:12px;left:12px;right:12px;display:flex;gap:4px}.story-progress-bars>span{position:relative;flex:1;height:3px;border-radius:5px;background:#ffffff60;overflow:hidden}.story-progress-bars i{display:block;height:100%;width:0;background:white}.story-progress-bars i.done{width:100%}.story-progress-bars i.video-progress{position:absolute;top:0;left:0;background:white}.story-viewer-header{position:absolute;top:25px;left:13px;right:13px;z-index:3;height:44px;display:flex;align-items:center;gap:8px;text-shadow:0 1px 5px #000}.story-owner-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#45546a;overflow:hidden}.story-owner-avatar img{width:100%;height:100%;object-fit:cover}.story-viewer-header>b{font-size:13px}.story-viewer-header small{font-size:11px;color:#ffffffb8;flex:1}.story-viewer-bottom button,.story-viewer-header button{border:0;background:transparent;color:white;padding:7px;display:flex;align-items:center;gap:6px}.story-viewer-bottom svg,.story-viewer-header button svg{width:20px;height:20px}.story-viewer-bottom{position:absolute;z-index:3;left:14px;right:14px;bottom:16px;display:flex;align-items:center;gap:12px;min-height:42px;text-shadow:0 1px 5px #000}.story-viewer-bottom>span{flex:1;font-size:13px}.story-viewer-bottom button{font-size:12px}.story-viewer-bottom button.liked{color:#ff4d76}.story-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);height:52px;width:52px;border:0;border-radius:50%;background:#ffffff25;color:white;display:grid;place-items:center}.story-nav svg{width:30px;height:30px}.story-prev{left:max(20px,calc(50% - 310px))}.story-next{right:max(20px,calc(50% - 310px))}.story-paused{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;background:#0009;border-radius:30px;padding:13px 18px}.story-viewer-overlay{position:absolute;z-index:2;color:white;font-size:22px;font-weight:700;text-shadow:0 2px 7px #000;white-space:pre-wrap;max-width:90%;pointer-events:none}.theme-dark .story-card{background:transparent!important}@media(max-width:620px){.story-editor-backdrop{padding:0;align-items:end}.story-editor{width:100%;max-height:95dvh;border-radius:20px 20px 0 0;grid-template-columns:1fr;padding:16px 18px calc(18px + env(safe-area-inset-bottom));gap:13px}.story-editor>header{grid-column:1}.story-preview{height:35dvh;width:auto;max-height:340px}.story-editor-tools{gap:10px}.story-editor-tools textarea{min-height:65px}.story-nav{display:none}.story-viewer-stage{height:100dvh;width:100vw;max-height:none;aspect-ratio:auto}.story-viewer-stage>img,.story-viewer-stage>video{object-fit:cover}.story-viewer-header{top:calc(22px + env(safe-area-inset-top))}.story-progress-bars{top:calc(8px + env(safe-area-inset-top))}.story-viewer-bottom{bottom:calc(12px + env(safe-area-inset-bottom))}}.story-viewer-bottom form{display:flex;flex:1;gap:6px}.story-viewer-bottom form input{min-width:0;flex:1;height:38px;border:1px solid #ffffff80;border-radius:22px;background:#0004;color:#fff;padding:0 13px;outline:none}.story-viewer-bottom form input::placeholder{color:#ffffffc5}.story-viewer-bottom form button{padding:6px}.story-viewer-feedback{position:absolute;left:50%;bottom:74px;transform:translateX(-50%);z-index:7;border-radius:20px;padding:8px 14px;background:#111b;color:white;font-size:12px;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis}.story-viewer-person{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #e6ebf2}.story-viewer-person>span{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#e6edf6}.story-viewer-person img{width:100%;height:100%;object-fit:cover}.story-viewer-person>b{flex:1;font-size:13px}.story-viewer-person>small{font-size:11px;color:#77869a}.story-overlay-label{display:grid;gap:6px;font-size:12px;color:#66758b}.story-overlay-label input{height:38px;border:1px solid #dce4ee;border-radius:8px;padding:0 10px}.story-editor-tools>label:not(.story-file-button,.story-overlay-label){display:flex;align-items:center;gap:10px;font-size:11px;color:#68788e}.story-editor-tools>label input[type=range]{flex:1;accent-color:#1765f5}.story-preview-overlay.custom{left:50%;top:48%;bottom:auto;right:auto;min-width:max-content}@keyframes story-fill{to{width:100%}}.story-progress-bars i.photo-progress{animation:story-fill 5s linear forwards}.story-heading-actions{display:flex;align-items:center;gap:12px}.story-archive{width:min(100%,600px);max-height:85vh;overflow:auto;padding:20px;border-radius:18px;background:#fff;color:#1d2b42}.story-archive>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.story-archive>header h2{font-size:19px}.story-archive>header button{border:0;background:#edf1f6;border-radius:50%;width:36px;height:36px}.story-archive>article{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e7edf4}.archive-thumb{width:52px;height:68px;border-radius:8px;display:grid;place-items:center;color:white;overflow:hidden;font-size:10px;text-align:center}.story-archive>article small{flex:1;color:#718097}.story-archive>article button{border:0;border-radius:8px;padding:8px 10px;background:#1765f5;color:white;font-size:11px}.story-archive>article button.archive-delete{background:#fff0f1;color:#c0354b}