.ys-post-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.ys-post-list{max-width:640px;margin:auto}.ys-post-card{border:1px solid var(--ys-line,#e1dce9);background:white;border-radius:12px;overflow:hidden;margin:16px 0}.ys-post-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px}.ys-post-card header span{font-size:.8rem}.ys-post-media{position:relative;background:#f0edf5}.ys-post-media>button{display:block;width:100%;padding:0;border:0;background:transparent}.ys-post-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain}.ys-post-body{padding:8px 16px;white-space:pre-wrap;overflow-wrap:anywhere}.ys-post-actions{display:flex;gap:6px;padding:12px}.ys-post-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;min-width:0}.ys-post-own{padding:16px;display:grid;gap:8px}.ys-post-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ys-post-picks label{position:relative;min-width:0}.ys-post-picks img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.ys-post-picks input{position:absolute;top:5px;left:5px;width:22px;height:22px;z-index:1}.ys-post-picks small{display:block;font-size:.75rem}.ys-post-menu{display:grid;gap:8px}.ys-post-menu a{display:block;min-height:44px;padding:10px}.ys-post-dialog{max-width:900px;width:calc(100% - 24px);max-height:90dvh;overflow:auto;border:1px solid #e1dce9;border-radius:14px;color:#26212f;background:white}.ys-post-dialog::backdrop{background:#26212f80}.ys-post-full{display:block;width:100%;max-height:68dvh;object-fit:contain}.ys-post-links{flex-wrap:wrap}.ys-story-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 36px;gap:12px;text-align:center}.ys-stories-view{overflow:hidden}.ys-stories-view .ys-header{display:none}.ys-stories-view #ys-message:empty{display:none}.ys-stories-view #ys-main{padding:0;margin:0 auto;min-height:0;max-width:600px;height:calc(100dvh - 54px - env(safe-area-inset-bottom))}.ys-stories-shell{position:relative;height:100%;width:100%;overflow:hidden;background:#faf9fc;isolation:isolate}.ys-story-top{position:absolute;top:0;left:0;right:0;z-index:4;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:5px;align-items:start;padding:8px;background:linear-gradient(#ffffffdd,transparent)}.ys-story-top>.ys-button,.ys-story-top>button{width:44px;min-height:44px;padding:0;display:grid;place-items:center;background:#fffffff0;border:1px solid #e1dce9;border-radius:10px}.ys-story-publish{font-size:27px;line-height:1}.ys-story-tabs{display:flex;gap:4px;justify-content:center}.ys-story-tabs .ys-button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 6px;font-size:.8rem;background:#fffffff0;border:1px solid #e1dce9}.ys-story-tabs [aria-current=page]{background:#7452b8!important;color:white;border-color:#7452b8}.ys-story-tabs .ys-post-icon{width:22px;height:22px}[data-story-list],.ys-story{position:relative;width:100%;height:100%}.ys-story{overflow:hidden;background:#eeeaf4}.ys-story-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(24px);transform:scale(1.12);opacity:.28;pointer-events:none}.ys-story-media,.ys-story-media>button{width:100%;height:100%;padding:0;border:0;border-radius:0;position:relative;background:transparent;touch-action:pinch-zoom}.ys-story-media img{display:block;width:100%;height:100%;object-fit:contain}.ys-story-actions{position:absolute;right:8px;bottom:105px;z-index:3;display:grid;gap:9px}.ys-story-actions>button,.ys-story-actions>a{width:46px;min-height:46px;border-radius:11px;padding:9px;display:grid;place-items:center;background:#fffffff0;color:#26212f;border:1px solid #d6d0df}.ys-story-actions .ys-post-icon{width:26px;height:26px}.ys-story-actions [aria-pressed=true]{background:#7452b8;color:white;border-color:#7452b8}.ys-story-actions [aria-pressed=true] svg{fill:currentColor}.ys-story-info{position:absolute;bottom:0;left:0;right:0;padding:55px 66px 28px 12px;z-index:2;background:linear-gradient(transparent,#fffffff2);pointer-events:none;font-size:.85rem;color:#26212f}.ys-story-info a,.ys-story-info button{pointer-events:auto;color:inherit}.ys-story-info small{display:block;font-size:.75rem;margin-top:5px}.ys-story-info p{margin:4px 0}.ys-story-info>button:not(.ys-story-text){padding:4px;font-size:.75rem;background:#ffffffc0;min-height:32px}.ys-story-text{padding:6px 0;background:transparent;border:0;width:100%;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-height:44px}.ys-story-counter{position:absolute;top:65px;right:12px;padding:5px 9px;background:#ffffffe0;border-radius:12px;font-size:12px;z-index:3}.ys-story-photos{position:absolute;top:85px;left:50%;transform:translateX(-50%);display:flex;z-index:3}.ys-story-photos button,.ys-story-paging button{width:32px;min-width:32px;height:44px;min-height:44px;padding:0;border:0;border-radius:20px;background:transparent;display:grid;place-items:center}.ys-story-photos button span,.ys-story-paging button span{width:7px;height:7px;background:#ffffffc9;box-shadow:0 0 0 1px #2228,0 1px 3px #0009;border-radius:50%}.ys-story-photos [aria-pressed=true] span,.ys-story-paging [aria-pressed=true] span{background:#7452b8;width:9px;height:9px}.ys-story-paging{position:absolute;left:4px;top:50%;transform:translateY(-50%);display:grid;z-index:4}.ys-story-paging button{height:36px;min-height:36px}.ys-story-paging button:last-child{background:#ffffffe0;color:#26212f}.ys-post-media .ys-story-photos{top:auto;bottom:6px}.ys-post-media .ys-story-counter{top:8px}.ys-post-actions [aria-pressed=true]{background:#eae2f7;color:#553394}.ys-nav-dot{position:absolute;top:5px;left:calc(50% + 10px);width:8px;height:8px;border-radius:50%;background:#7452b8}.ys-story-status:not(:empty){position:absolute;top:110px;left:20px;right:20px;padding:8px;background:white;border-radius:8px;z-index:4}@media(max-height:540px){.ys-story-actions{bottom:24px}.ys-story-info{padding:36px 66px 24px 60px}.ys-story-counter{top:57px}.ys-story-photos{top:82px}}@media(max-width:380px){.ys-post-actions button{flex-direction:column;font-size:.85rem}.ys-story-tabs .ys-button{gap:3px;padding:8px 4px}}

.ys.ys-stories-view{padding:0;min-height:0}