.stories-viewer{background:linear-gradient(120deg,#1c1c1c,#3a4a3a 45%,#5f7a5a 75%,#7fa073);justify-content:center;align-items:center;gap:40px;width:100%;min-height:100vh;padding:130px 20px 100px;display:flex}.stories-empty{color:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}.stories-card{aspect-ratio:9/15;background:#000;border-radius:20px;width:280px;max-height:85vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #0006}.stories-slide{animation:.35s both stories-slide-in;position:absolute;inset:0}@keyframes stories-slide-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.stories-image{background-position:50%;background-size:cover;position:absolute;inset:0}.stories-overlay{background:linear-gradient(#0000 45%,#0000008c 70%,#000000eb 100%);position:absolute;inset:0}.stories-progress-row{z-index:3;gap:6px;display:flex;position:absolute;top:14px;left:14px;right:14px}.stories-progress-track{background:#ffffff59;border-radius:3px;flex:1;height:3px;overflow:hidden}.stories-progress-fill{background:#fff;border-radius:3px;height:100%;animation:linear forwards stories-fill}.stories-progress-fill.is-paused{animation-play-state:paused}@keyframes stories-fill{0%{width:0%}to{width:100%}}.stories-controls{z-index:3;gap:8px;display:flex;position:absolute;top:26px;right:14px}.stories-icon-btn{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.stories-text{z-index:2;text-align:center;flex-direction:column;max-height:70%;padding:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.stories-title{color:#fff;margin:0;font-size:1.4rem;font-weight:600}.stories-title-underline{background:#42a037;border-radius:2px;width:60px;height:3px;margin:8px auto 14px;display:block}.stories-desc{color:#f1f1f1;overflow-wrap:anywhere;word-break:break-word;scrollbar-width:none;max-height:4.8em;margin:0;font-size:15px;line-height:1.6;transition:max-height .35s;overflow:hidden}.stories-desc::-webkit-scrollbar{display:none}.stories-desc.is-expanded{max-height:220px;overflow-y:auto}.stories-desc-toggle{color:#ffd166;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;align-self:center;margin-top:6px;padding:0;font-size:11px;font-weight:600}.stories-nav-btn{color:#222;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #00000040}.stories-nav-btn:disabled{opacity:.3;cursor:default}@media (max-width:700px){.stories-viewer{gap:12px}.stories-nav-btn{width:36px;height:36px}}.stories-tap-zone{cursor:pointer;background:0 0;border:none;width:50%;padding:0;position:absolute;top:0;bottom:0}.stories-tap-left{left:0}.stories-tap-right{right:0}@media (max-width:700px){.stories-viewer{background:#000;gap:0;padding:0}.stories-card{width:100vw;height:100vh;max-height:none;aspect-ratio:unset;border-radius:0}.stories-nav-prev,.stories-nav-next{display:none}.stories-progress-row{top:90px}.stories-controls{top:102px}}.stories-list-section{width:100%;padding:var(--d-pad,100px 50px 100px 50px);background-color:#fff;justify-content:start;display:flex}.stories-list-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:1200px;display:grid}.stories-list-card{aspect-ratio:35/15;border-radius:16px;align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001f}.stories-list-image{background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:0}.stories-list-card:hover .stories-list-image{transform:scale(1.05)}.stories-list-overlay{background:linear-gradient(#0000001a 45%,#000000d9 100%);position:absolute;inset:0}.stories-list-title{z-index:1;color:#fff;margin:0;padding:16px;font-size:1rem;font-weight:600;position:relative}.stories-list-empty{color:#666}@media (max-width:992px){.stories-list-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.stories-text{padding:24px 24px 40px}.stories-list-grid{grid-template-columns:repeat(2,1fr)}.stories-list-section{padding:var(--m-pad,60px 20px)}}