.story-section{margin-block:22px 28px}.story-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.story-section-heading h2{font-size:20px;margin:0}.story-section-heading a{font-size:14px;color:#985d78}.story-strip{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin}.story-tile,.story-add{position:relative;flex:0 0 116px;height:164px;border-radius:22px;overflow:hidden;scroll-snap-align:start;border:0;cursor:pointer;background:#263858;color:#fff;font:inherit;padding:0;box-shadow:0 3px 12px #26385815}.story-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.story-tile:hover>img{transform:scale(1.05)}.story-tile:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000b)}.story-tile-name{position:absolute;bottom:12px;inset-inline:8px;z-index:1;font-size:13px;font-weight:800;text-align:center;line-height:1.4}.story-video-cover{height:100%;display:grid;place-content:center;gap:8px;background:linear-gradient(145deg,#985d78,#263858);font-size:30px}.story-video-cover small{font-size:12px}.story-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:2px dashed #dce1ea;color:#263858;background:#f8f9fc}.story-add span{font-size:38px;font-weight:400}.story-add strong{font-size:13px}.story-tile:focus-visible,.story-add:focus-visible{outline:3px solid #985d78;outline-offset:3px}.story-viewer{padding:0;border:0;background:#111;color:#fff;border-radius:18px;width:min(420px,100vw - 20px);height:min(760px,100dvh - 20px);max-width:100%;max-height:100%;overflow:hidden}.story-viewer::backdrop{background:#111d}.story-player{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.story-progress{position:absolute;top:9px;inset-inline:10px;display:flex;gap:4px;z-index:4;direction:ltr}.story-progress span{height:3px;border-radius:3px;flex:1;background:#ffffff55;overflow:hidden}.story-progress i{display:block;background:#fff;height:100%;width:0}.story-player-header{position:absolute;inset-inline:15px;top:22px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px;border-radius:12px;background:#0005}.story-player-header a{color:white;max-width:65%;text-decoration:none;font-size:15px;font-weight:bold}.story-player-tools{display:flex;gap:4px}.story-player-tools button,.story-step{border:0;color:#fff;background:#0004;cursor:pointer;font-family:inherit;border-radius:8px}.story-player-tools button{height:35px;min-width:32px;font-size:23px}.story-stage{flex:1;display:grid;place-items:center;background:#151515;min-height:0}.story-stage img,.story-stage video{width:100%;height:100%;object-fit:contain;max-height:100%;position:absolute;inset:0}.story-step{position:absolute;top:40%;z-index:3;font-size:35px;width:35px;height:70px;opacity:.75}.story-step-prev{left:5px}.story-step-next{right:5px}.story-player-caption{position:absolute;bottom:72px;inset-inline:20px;z-index:3;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;padding:10px;background:#0006;border-radius:10px;max-height:26%;overflow:auto}.story-player-caption:empty{display:none}.story-visit{position:absolute;bottom:16px;inset-inline:24px;text-align:center;background:white;color:#263858;z-index:3;padding:10px;border-radius:9px;text-decoration:none;font-weight:bold}.story-management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-block:20px}.story-manage-card{border:1px solid #e5e7ed;border-radius:20px;overflow:hidden;background:white;align-self:start}.story-manage-media{height:290px;position:relative;background:#16161b}.story-manage-media img,.story-manage-media video{height:100%;width:100%;object-fit:contain}.story-state{display:inline-block;background:#fff1cd;color:#775016;font-size:12px;font-weight:bold;padding:6px 10px;border-radius:8px}.story-manage-media>.story-state{position:absolute;top:10px;inset-inline-start:10px;pointer-events:none}.story-state-approved{background:#dcf5e6;color:#236445}.story-state-rejected{background:#fde3e4;color:#952b39}.story-state-expired{background:#e9eaf0;color:#4c5365}.story-manage-body{padding:16px;overflow-wrap:anywhere}.story-manage-body small{display:block;color:#748093}.story-manage-body p{white-space:pre-wrap}.story-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.story-actions form{margin:0}.story-actions .button{font-size:13px;padding:9px 14px}.story-delete{color:#ac344d;border:1px solid #f0cbd3;border-radius:8px;background:#fff;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}.story-info{background:#faf5f8;border:1px solid #e9dbe2;border-radius:14px;padding:16px;line-height:1.8}.story-info p{margin:6px 0}.story-review-note{background:#f7f8fb;border-radius:8px;padding:9px;font-size:13px}.story-upload-form{max-width:640px;margin-inline:auto}.story-upload-form label{display:grid;gap:8px;margin-block:16px}.story-upload-form small{font-size:13px;line-height:1.7;color:#748093}.story-upload-form input[type=file]{width:100%}.story-upload-preview{height:320px;border-radius:16px;overflow:hidden;background:#16161b}.story-upload-preview img,.story-upload-preview video{height:100%;width:100%;object-fit:contain}.story-upload-preview[hidden],.story-section[hidden]{display:none}.story-review-form label{display:grid;gap:6px;margin-top:12px;font-size:13px}.story-review-form input{width:100%;box-sizing:border-box}.story-filter{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.story-filter label{display:grid;gap:6px}.story-stage-error{z-index:2;padding:24px;position:relative;text-align:center}@media(max-width:600px){.story-tile,.story-add{flex-basis:100px;height:145px;border-radius:18px}.story-management-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.story-viewer{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}.story-section-heading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.story-tile>img{transition:none}}

/* Plain story media with the account/caption outside the picture. */
.story-tile{height:auto;overflow:visible;background:transparent;color:var(--navy,#263858);box-shadow:none;border-radius:0;align-self:flex-start;display:flex;flex-direction:column;gap:8px}.story-tile:after{display:none}.story-tile-media{display:block;width:100%;height:164px;overflow:hidden;border-radius:20px;background:#f3f3f3}.story-tile-media img,.story-tile-media video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.story-tile-label{position:static;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;width:100%;font-size:13px;font-weight:700;line-height:1.5;text-align:center}.story-player-header{justify-content:flex-end}.story-player-header>[data-story-store]{display:none}.story-stage{position:relative;overflow:hidden}.story-player-caption{position:static;max-height:20%;border-radius:0;background:#111;margin:0;padding:10px 18px}.story-visit{position:static;margin:0 18px 14px}.story-save-choice{display:flex!important;align-items:flex-start;gap:10px;border:1px solid #e9dbe2;padding:14px;border-radius:12px;background:#faf5f8}.story-save-choice>input{width:18px;height:18px;margin-top:6px;flex-shrink:0;accent-color:#985d78}.story-save-choice small{display:block}.story-saved-label{display:inline-block;background:#f3e7ec;color:#82536b;padding:4px 9px;border-radius:6px;font-size:12px;margin-bottom:8px}@media(max-width:600px){.story-tile{height:auto}.story-tile-media{height:145px}}

.story-tile-label{display:block;white-space:nowrap;line-height:1.5;-webkit-line-clamp:unset;font-size:13px}

/* Multiple media per daily story. */
.story-tile-media{position:relative}.story-tile-progress{position:absolute;top:7px;inset-inline:7px;display:flex;gap:3px;direction:ltr;z-index:2;pointer-events:none}.story-tile-progress>span{height:3px;border-radius:5px;background:#ffffff70;flex:1;overflow:hidden;box-shadow:0 1px 3px #0003}.story-tile-progress i{height:100%;display:block;background:white;width:0}
.story-manage-media{height:auto;min-height:150px}.story-manage-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px}.story-manage-gallery img,.story-manage-gallery video{width:100%;height:150px;object-fit:contain;background:#16161b}.story-manage-gallery>:only-child{grid-column:1/-1;height:260px}
.story-upload-preview{height:auto;background:transparent;display:flex;flex-wrap:wrap;gap:8px}.story-upload-preview img,.story-upload-preview video{width:120px;height:150px;border-radius:10px;object-fit:contain;background:#f4f0f3}.story-existing-items{display:flex;flex-wrap:wrap;gap:10px}.story-existing-items figure{margin:0;width:130px}.story-existing-items img,.story-existing-items video{width:130px;height:155px;object-fit:contain;background:#f5f1f4;border-radius:10px}.story-existing-items label{font-size:11px;display:flex;align-items:center;gap:5px!important;margin:5px 0}.story-existing-items input{width:auto}
.story-upload-preview figure{margin:0;width:120px;position:relative}.story-upload-preview figure>button{position:absolute;top:4px;inset-inline-end:4px;width:24px;height:24px;border-radius:50%;border:0;background:#fff;color:#a54a69;font-size:19px;padding:0;line-height:1}