.story-canvas{position:relative;overflow:hidden;aspect-ratio:9 / 16;background:linear-gradient(to bottom,var(--story-top, #1c1c22),var(--story-bottom, #0e0e11))}.story-canvas-media{position:absolute;inset:0;width:100%;height:100%;display:block}.story-canvas-media.is-fit{object-fit:contain}.story-canvas-media.is-cover{object-fit:cover}.profile-avatar-frame.has-stories{cursor:pointer}.profile-avatar-frame.has-stories:focus-visible{outline:2px solid var(--e-on-line);outline-offset:8px}.story-ring{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);overflow:visible;pointer-events:none}.story-ring-arc{fill:none;stroke-linecap:round}.story-ring-arc.is-unread{stroke:var(--color-rose-link);stroke-width:2.4}.story-ring-arc.is-read{stroke:#ffffff59;stroke-width:1.3}.profile-stories-title{margin:0 0 var(--e-s4);color:var(--e-ink-1);font-size:var(--e-t-section);font-weight:650}.profile-stories-tabs{display:flex;gap:28px;margin-bottom:var(--e-s4);border-bottom:1px solid var(--e-plane-section-line)}.profile-stories-tab{position:relative;padding:0 0 12px;border:0;background:none;color:var(--e-ink-2);font:inherit;font-size:var(--e-t-body);font-weight:650;cursor:pointer}.profile-stories-tab:hover,.profile-stories-tab[aria-selected=true]{color:var(--e-ink-1)}.profile-stories-tab[aria-selected=true]:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--color-rose);content:""}.profile-stories-tab:focus-visible{outline:2px solid var(--e-on-line);outline-offset:4px;border-radius:4px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:0;list-style:none}@media(min-width:641px){.story-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}}.story-tile-item{min-width:0}.story-tile{display:block;width:100%;padding:0;border:0;border-radius:4px;cursor:pointer}.story-tile:focus-visible{outline:2px solid var(--e-on-line);outline-offset:2px}.story-tile-duration,.story-tile-views{position:absolute;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:4px;background:#00000073;color:#fff;font-size:11.5px;font-weight:600;line-height:16px}.story-tile-views{left:6px}.story-tile-duration{right:6px}.story-tile-pinned{position:absolute;top:6px;right:6px;display:inline-flex;padding:3px;border-radius:4px;background:#00000073;color:#fff}.profile-stories-more{margin-top:var(--e-s3)}@media(min-width:1200px){.profile-stories{grid-column:2;margin-top:0}}.story-fab{position:fixed;z-index:45;right:16px;bottom:calc(81px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:999px;background:var(--color-rose);color:var(--color-text-on-dark, #fff);cursor:pointer}.story-fab:hover{background:var(--color-rose-hover)}.story-fab:focus-visible{outline:2px solid var(--e-on-line);outline-offset:3px}@media(min-width:641px){.story-fab{right:24px;bottom:calc(24px + env(safe-area-inset-bottom))}}.story-composer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:var(--e-plane-page);color:var(--e-ink-1)}.story-composer::backdrop{background:#000000b8}.story-composer[open]{display:flex}.story-composer:focus{outline:none}.story-composer-panel{display:flex;flex:1;flex-direction:column;min-height:0;padding:0 var(--e-s4) calc(var(--e-s4) + env(safe-area-inset-bottom))}.story-composer-bar{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:var(--e-s2);padding:var(--e-s4) 0}.story-composer-title{grid-column:2;margin:0;font-size:1.05rem;font-weight:700;text-align:center}.story-composer-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--e-ink-2);cursor:pointer}.story-composer-icon:hover{background:#ffffff0f;color:var(--e-ink-1)}.story-composer-back{grid-column:1}.story-composer-close{grid-column:3}.story-composer-icon[hidden]{display:none}.story-composer-step{display:flex;flex:1;flex-direction:column;min-height:0}.story-composer-step[hidden]{display:none}.story-composer .field-tip{display:flex;flex:1;flex-direction:column}.story-pick{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--e-s2);width:100%;height:auto;min-height:240px;padding:var(--e-s5);border:1px dashed var(--e-line-field);border-radius:var(--e-r-section);background:var(--e-plane-field);color:var(--e-ink-2);font:inherit;cursor:pointer}.story-pick:hover,.story-pick.is-dragging{border-color:var(--e-line-field-hover);color:var(--e-ink-1)}.story-pick.is-dragging{border-style:solid;border-color:var(--e-on-line)}.story-pick:focus-visible{outline:none;border-color:var(--e-on-line)}.story-pick-title{color:var(--e-ink-1);font-size:var(--e-t-section);font-weight:650}.story-pick-hint{font-size:var(--e-t-label)}.story-composer-edit{gap:var(--e-s4)}.story-composer-canvas{flex:1 1 auto;min-height:0;height:100%;max-height:58dvh;align-self:center;border-radius:var(--e-r-section)}.story-composer-options{display:flex;flex-direction:column;gap:var(--e-s4)}.story-option-name{color:var(--e-ink-1);font-size:var(--e-t-body);font-weight:600}.story-period{margin:0;padding:0;border:0}.story-period legend{margin-bottom:var(--e-s2)}.story-period-join{display:flex;width:100%}.story-period-option.btn{flex:1;height:var(--e-h-action);min-height:var(--e-h-action);border-color:var(--e-line-field);background:var(--e-plane-field);color:var(--e-ink-2);font-weight:600;box-shadow:none}.story-period-option.btn:hover{border-color:var(--e-line-field-hover);color:var(--e-ink-1)}.story-period-option.btn:checked,.story-period-option.btn[aria-checked=true]{border-color:var(--e-on-line);background:var(--e-on-bg);color:var(--e-ink-1)}.story-keep{display:flex;align-items:center;justify-content:space-between;gap:var(--e-s4);cursor:pointer}.story-keep-copy{display:flex;flex-direction:column;gap:2px}.story-keep-hint{color:var(--e-ink-3);font-size:var(--e-t-label)}.story-keep-toggle.toggle{--tglbg: var(--e-plane-field);flex:none;border-color:var(--e-line-field);color:var(--e-ink-2)}.story-keep-toggle.toggle:checked{border-color:var(--color-rose);background-color:var(--color-rose);color:#fff}.story-composer-error{margin:0;color:var(--e-ink-danger);font-size:var(--e-t-body)}.story-composer-error[hidden]{display:none}.story-publish{position:relative;overflow:hidden;width:100%;margin-top:0}.story-publish:disabled{cursor:progress}.story-publish-fill{position:absolute;inset:0;background:#ffffff29;transform:scaleX(0);transform-origin:left center;transition:transform .2s linear}.story-publish-label{position:relative}@media(min-width:641px){.story-composer{width:min(760px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 32px);margin:auto;border-radius:14px;background:var(--e-plane-section)}.story-composer-panel{padding:0 var(--e-s5) var(--e-s5)}.story-pick{min-height:320px}.story-composer-edit{flex-direction:row;align-items:stretch}.story-composer-canvas{flex:none;height:min(560px,calc(100dvh - 140px));max-height:none}.story-composer-options{flex:1;justify-content:flex-start}.story-composer-options .story-publish{margin-top:auto}}html.story-viewer-open{overflow:hidden}html.story-viewer-open .community-dialog{z-index:960}html.story-viewer-open .notice-toast{z-index:950}.story-viewer:focus{outline:none}.story-viewer{--story-dim: 1;position:fixed;z-index:900;inset:0;display:grid;place-items:center;background:rgb(0 0 0 / var(--story-dim));touch-action:none;user-select:none;-webkit-user-select:none}.story-viewer-frame{height:min(100dvh,calc(100vw * 16 / 9));max-width:100vw;color:#fff}@media(min-width:641px){.story-viewer-frame{height:min(calc(100dvh - 48px),calc((100vw - 32px) * 16 / 9));border-radius:10px}}.story-viewer.is-opening .story-viewer-frame{animation:story-open .25s cubic-bezier(.22,1,.36,1)}.story-viewer.is-closing{animation:story-fade .32s cubic-bezier(.22,1,.36,1) forwards}.story-viewer.is-closing .story-viewer-frame{animation:story-close .32s cubic-bezier(.22,1,.36,1) forwards}.story-viewer-frame.is-switching{animation:story-switch .18s ease-out}@keyframes story-open{0%{opacity:0;transform:scale(.9)}}@keyframes story-close{to{opacity:0;transform:scale(.9)}}@keyframes story-fade{to{background:transparent}}@keyframes story-switch{0%{opacity:.4}}@media(prefers-reduced-motion:reduce){.story-viewer *,.story-viewer{animation:none!important;transition:none!important}}.story-viewer-media{position:absolute;inset:0;background:var(--story-thumb) center / contain no-repeat}.story-viewer-media[data-fit=is-cover]{background-size:cover}.story-viewer-media video{background:transparent}.story-viewer-shade{position:absolute;inset:0 0 auto;height:72px;background:linear-gradient(to bottom,rgb(0 0 0 / .35),transparent);pointer-events:none}.story-viewer-bars{position:absolute;top:8px;right:5px;left:5px;display:flex;gap:var(--story-gap, 2px);pointer-events:none}.story-viewer-bar{flex:1;height:2px;overflow:hidden;border-radius:1px;background:#ffffff54}.story-viewer-bar-fill{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.story-viewer-head{position:absolute;z-index:2;top:17px;right:2px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.story-viewer-who{display:flex;min-width:0;align-items:center;gap:10px;color:#fff;text-decoration:none}.story-viewer-avatar{flex:none;width:32px;height:32px;border-radius:999px;object-fit:cover;background:#ffffff1a}.story-viewer-names{display:flex;min-width:0;flex-direction:column}.story-viewer-name{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.story-viewer-time{font-size:12px;opacity:.8}.story-viewer-actions{display:flex;flex:none}.story-viewer-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer}.story-viewer-button[hidden]{display:none}.story-viewer-button:hover{background:#ffffff1f}.story-viewer-button:focus-visible,.story-viewer-zone:focus-visible,.story-viewer-who:focus-visible{outline:2px solid #fff;outline-offset:-2px}.story-viewer-zone{position:absolute;z-index:1;top:64px;bottom:56px;padding:0;border:0;background:transparent;cursor:pointer}.story-viewer-zone.is-prev{left:0;width:33%}.story-viewer-zone.is-next{right:0;width:67%}.story-viewer-status{position:absolute;inset:45% 24px auto;margin:0;color:#fff;font-size:var(--e-t-body);text-align:center}.story-viewer-status[hidden]{display:none}.story-viewer-self{position:absolute;z-index:2;right:0;bottom:0;left:0;display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;background:linear-gradient(to top,rgb(0 0 0 / .4),transparent);font-size:14px;font-weight:600}.story-viewer-self[hidden]{display:none}.story-reply{position:absolute;z-index:3;right:0;bottom:0;left:0;padding:24px 8px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgb(0 0 0 / .45),transparent);transform:translateY(calc(-1 * var(--story-keyboard, 0px)))}.story-reply[hidden]{display:none}.story-viewer.has-reply .story-viewer-zone{bottom:64px}.story-reply-row{display:flex;align-items:flex-end;gap:6px}.story-reply-field{display:flex;flex:1;min-width:0;min-height:40px;align-items:center;padding:0 16px;border:1px solid rgb(255 255 255 / .28);border-radius:20px;background:#0000004d;color:#fff;cursor:text}.story-reply-field[hidden]{display:none}.story-reply-field.is-visitor{color:#ffffffb3;font:inherit;font-size:15px;text-align:left;cursor:pointer}.story-reply-input{width:100%;max-height:120px;padding:9px 0;border:0;background:transparent;color:#fff;font:inherit;font-size:15px;line-height:20px;resize:none;outline:none;user-select:text;-webkit-user-select:text}.story-reply-input::placeholder{color:#ffffffb3}.story-reply-field:focus-within{border-color:#ffffff80}.story-reply-like,.story-reply-send{display:inline-flex;flex:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer}.story-reply-like[hidden],.story-reply-send[hidden],.story-reply-subscribe[hidden]{display:none}.story-reply-like.is-on{color:#ff3b47}.story-reply-like.is-on svg{fill:currentColor}.story-reply-send{background:var(--color-rose)}.story-reply-send:disabled{opacity:.6;cursor:progress}.story-reply-like:focus-visible,.story-reply-send:focus-visible,.story-reply-subscribe:focus-visible,.story-reply-field.is-visitor:focus-visible{outline:2px solid #fff;outline-offset:2px}.story-reply-subscribe{display:inline-flex;flex:none;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:20px;background:var(--color-rose);color:#fff;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer}.story-reply-line{margin:0 4px 6px;color:#ffffffd9;font-size:13px;line-height:1.3}.story-reply-line[hidden]{display:none}.story-viewer.is-typing .story-viewer-media{box-shadow:inset 0 0 0 100vmax #00000080}.story-viewer.is-typing .story-viewer-media>*{filter:brightness(.5)}.story-reply-toast a{margin-left:4px;color:var(--color-rose-link);font-weight:700}.story-viewer-menu{position:absolute;z-index:3;top:60px;right:8px;display:flex;min-width:200px;flex-direction:column;padding:4px;border-radius:var(--e-r-section);background:var(--e-plane-section)}.story-viewer-menu[hidden]{display:none}.story-viewer-menu-item{padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--e-ink-1);font:inherit;font-size:var(--e-t-body);text-align:left;cursor:pointer}.story-viewer-menu-item:hover,.story-viewer-menu-item:focus-visible{background:#ffffff0f;outline:none}.story-viewer-menu-item.is-danger{color:var(--e-ink-danger)}.story-viewer.is-holding [data-chrome],.story-viewer.is-holding .story-viewer-bars,.story-viewer.is-holding .story-viewer-shade{opacity:0;transition:opacity .15s}