/* 0.3.13: compact author rail and one edge-to-edge story viewer. */
.in-stories{box-sizing:border-box;margin:0 0 18px;padding:14px 12px 8px;background:#fff;border:1px solid #e5e3dc;border-radius:18px;color:#343734;font:13px/1.4 system-ui}
.in-stories *,.in-story-dialog *{box-sizing:border-box}.in-stories [hidden],.in-story-dialog [hidden]{display:none!important}
.in-stories-heading{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
.in-stories-row{display:flex;align-items:flex-start;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 2px 8px;scroll-snap-type:x proximity;touch-action:pan-x pan-y}.in-stories-row::-webkit-scrollbar{display:none}
.in-stories .in-story-circle{appearance:none;display:flex;flex:0 0 74px;flex-direction:column;align-items:center;gap:7px;width:74px;min-height:94px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#343734;text-transform:none;letter-spacing:0;font:500 11px/1.3 system-ui;cursor:pointer;scroll-snap-align:start}
.in-story-ring{display:grid;place-items:center;width:70px;height:70px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#bda36a,#e8d7ab 45%,#9f844b)}
.is-seen .in-story-ring{background:#dedbd3}.in-story-create .in-story-ring{background:#e8e4d9}
.in-story-face{position:relative;display:grid;place-items:center;width:66px;height:66px;border:3px solid white;border-radius:50%;background:#f3f1ea;color:#615742;overflow:hidden;font:600 18px system-ui}.in-story-create .in-story-face{font:400 28px system-ui}
.in-story-face img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.in-story-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 11px/1.4 system-ui}
.in-stories-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:12px/1.5 system-ui;color:#767266;margin:0 0 4px}.in-stories-status:empty{display:none}
.in-stories .in-stories-more,.in-stories .in-stories-retry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #ddd8cb;border-radius:12px;background:#f7f5ef;color:#4e493e;font:600 12px/1.4 system-ui;cursor:pointer}
.in-stories :focus-visible{outline:2px solid #8c7956!important;outline-offset:3px!important}
html.in-stories-open,html.in-stories-open body{overflow:hidden!important;overscroll-behavior:none}
html.in-stories-open :is(#in-section-bar,.kia-mobile-dock){visibility:hidden!important;pointer-events:none!important}
html body dialog.in-story-dialog{position:fixed!important;inset:0!important;display:none;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;overflow:hidden!important;overscroll-behavior:none;z-index:2147483000;font:14px/1.4 system-ui}
html body dialog.in-story-dialog[open]{display:grid!important;place-items:center!important}
.in-story-dialog::backdrop{background:rgba(14,14,13,.95)}
.in-story-shell{position:relative;isolation:isolate;width:min(460px,calc((100dvh - 32px)*.5625));height:calc(100dvh - 32px);max-width:100%;max-height:100%;border:1px solid #ffffff1a;border-radius:18px;overflow:hidden;background:#181817}
.in-story-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#191918;touch-action:none;user-select:none;-webkit-user-select:none}
.in-story-stage .in-story-media{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;border:0;border-radius:0}
.in-story-text{padding:90px 26px 130px;font:600 clamp(18px,4vw,28px)/1.45 system-ui;color:#f5f1e6;text-align:center;overflow-wrap:anywhere}
.in-story-media-error{position:relative;z-index:3;padding:30px;text-align:center;color:#f4f1e9;font:14px/1.5 system-ui;background:#191918}
.in-story-loading{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 16px;border:1px solid #ffffff33;border-radius:20px;background:#171717c4;color:#fff;font:12px/1.4 system-ui;max-width:90%}
.in-story-top{position:absolute;inset:0 0 auto;z-index:4;padding:10px 12px 30px;background:linear-gradient(#0009,#0005 70%,transparent)}
.in-story-progress{display:flex;gap:4px;margin-bottom:10px}.in-story-progress-step{flex:1;height:3px;border-radius:6px;background:#ffffff55;overflow:hidden}.in-story-progress-step i{display:block;width:100%;height:100%;transform-origin:left center;background:#fff}
.in-story-header{display:flex;align-items:center;gap:4px;min-height:44px}
.in-story-author{display:grid!important;grid-template-columns:32px minmax(0,1fr);grid-template-rows:20px 15px;column-gap:8px;flex:1;min-width:0;text-decoration:none!important;color:#fff!important}
.in-story-author img{grid-row:1/3;width:32px;height:32px;border-radius:50%;object-fit:cover}.in-story-author strong{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px/20px system-ui!important;color:inherit!important}.in-story-date{grid-column:2;font:11px/15px system-ui;color:#e4e1d8}
html body .in-story-dialog .in-story-control{display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0!important;border:0!important;border-radius:50%!important;background:#ffffff14!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:400 26px/1 system-ui!important;cursor:pointer;touch-action:manipulation}
.in-story-control svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.in-story-control:disabled{opacity:.3;cursor:default}
.in-story-bottom{position:absolute;inset:auto 0 0;z-index:4;padding:40px 16px max(16px,env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#0009 42%,#000d);pointer-events:none}
.in-story-copy{pointer-events:auto}.in-story-copy h3{margin:0 0 5px!important;font:600 17px/1.3 system-ui!important;color:#fff!important;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.in-story-copy p{margin:0 0 10px!important;font:12px/1.45 system-ui!important;color:#e6e4de!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.in-story-price{display:block;margin-bottom:7px;color:#f0e3bd;font:600 16px/1.3 system-ui}
html body .in-story-dialog .in-story-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;padding:10px 14px;background:rgba(247,245,236,.94);border:1px solid #ffffff5c;border-radius:12px;color:#36362f!important;-webkit-text-fill-color:#36362f!important;text-decoration:none!important;font:600 13px/1.4 system-ui!important;pointer-events:auto;box-shadow:none!important}
.in-story-footer{position:absolute;inset:50% 0 auto;width:min(100%,620px);margin:auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 20px;z-index:2;transform:translateY(-50%)}.in-story-footer .in-story-control{pointer-events:auto;background:#ffffff1a!important}
.in-story-counter{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.in-story-tap{position:absolute;z-index:2;top:0;bottom:0;width:50%;margin:0;padding:0;border:0;border-radius:0;background:transparent!important;color:transparent!important;box-shadow:none!important;opacity:1!important;cursor:pointer;touch-action:none}.in-story-tap-prev{left:0}.in-story-tap-next{right:0}
.in-story-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
.in-story-dialog :focus-visible{outline:2px solid #fff!important;outline-offset:-3px!important}
@media(max-width:600px){.in-stories{margin:0 0 12px;padding:10px 8px 4px;border-radius:16px}.in-stories-row{gap:12px}.in-stories .in-story-circle{flex-basis:66px;width:66px;min-height:88px}.in-story-ring{width:64px;height:64px}.in-story-face{width:60px;height:60px}.in-story-shell{width:100%;height:100%;border:0;border-radius:0}.in-story-top{padding-top:max(8px,env(safe-area-inset-top,0px))}.in-story-footer{display:none}.in-story-header{gap:2px}.in-story-copy h3{font-size:17px!important}}
@media(prefers-reduced-motion:reduce){.in-stories *,.in-story-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.in-story-ring{background:Highlight}.is-seen .in-story-ring{background:GrayText}.in-story-shell{border:1px solid CanvasText}.in-story-progress-step{border:1px solid CanvasText}.in-story-progress-step i{background:Highlight}}
