.feed-shell{--feed-gap-mobile:4px;--feed-gap:8px;--feed-sticky-min:64px;--feed-bg:#0c0c0c;--feed-fg:#f5f5f5;--feed-muted:rgba(245,245,245,0.55);--feed-overlay:rgba(0,0,0,0.55);--feed-skeleton:#1a1a1a;--feed-skeleton-shine:#242424;--feed-accent:#e8e8e8;--feed-toast-bg:#1f1f1f;--feed-sheet-bg:#141414;--feed-border:rgba(255,255,255,0.12);min-height:100dvh;background:var(--feed-bg);color:var(--feed-fg);padding-bottom:calc(var(--feed-sticky-min) + env(safe-area-inset-bottom, 0px) + 28px)}.feed-layout{display:block}.feed-layout,.feed-main{width:100%;margin:0 auto}.feed-main{min-width:0}@media (min-width:1024px){.feed-layout{display:block;box-sizing:border-box;width:min(960px,100%);margin-inline:auto;padding:0 16px}}@media (min-width:1200px){.feed-layout:has(.ad-rail--right){display:grid;grid-template-columns:minmax(0,960px) 160px;column-gap:16px;align-items:start;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:0}.feed-layout:has(.ad-rail--left):not(:has(.ad-rail--right)){display:grid;grid-template-columns:160px minmax(0,960px);column-gap:16px;align-items:start;width:fit-content;max-width:calc(100% - 32px);margin-inline:auto;padding:0}}@media (min-width:1600px){.feed-layout:has(.ad-rail--left):has(.ad-rail--right){grid-template-columns:160px minmax(0,960px) 160px}}.feed-masonry{align-items:flex-start;width:100%}.feed-masonry,.feed-masonry__col{display:flex;gap:var(--feed-gap-mobile)}.feed-masonry__col{flex:1 1 0;min-width:0;flex-direction:column}@media (min-width:768px){.feed-masonry,.feed-masonry__col{gap:var(--feed-gap)}}.feed-card{position:relative;display:block;width:100%;overflow:hidden;background:var(--feed-skeleton);border:none;padding:0;margin:0;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.feed-card__rank{left:6px;max-width:calc(58% - 8px);padding:3px 7px;border-radius:4px;background:rgba(0,0,0,.6);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis}.feed-card__media-index,.feed-card__rank{position:absolute;top:6px;z-index:3;color:#fff;line-height:1.35;pointer-events:none;user-select:none;white-space:nowrap}.feed-card__media-index{left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.55);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.feed-card__media{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;opacity:0;transition:opacity .18s ease;pointer-events:none}.feed-card__media.is-loaded{opacity:1}.feed-card__placeholder{position:absolute;inset:0;bottom:44px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--feed-muted);padding:8px;text-align:center;pointer-events:none}.feed-card__hit-play{position:absolute;left:0;right:0;top:0;bottom:44px;z-index:1}.feed-card__hit-detail{left:0;bottom:0;z-index:2;align-items:center;padding:6px 8px;background:var(--feed-overlay);color:#fff;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:clip}.feed-card__hit-detail,.feed-card__sns{position:absolute;right:0;display:flex;min-height:44px;text-decoration:none}.feed-card__sns{top:0;z-index:4;box-sizing:border-box;width:48px;height:48px;min-width:44px;align-items:flex-start;justify-content:flex-end;padding:6px 6px 0 0;-webkit-tap-highlight-color:transparent}.feed-card__sns-icon{width:22px;height:22px;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;display:grid;place-items:center;pointer-events:none}.feed-card__sns-icon svg{display:block}.feed-card__hit-detail:focus-visible,.feed-card__hit-play:focus-visible,.feed-card__sns:focus-visible{outline:2px solid #fff;outline-offset:-2px}.feed-zero-notice{position:fixed;inset:0;z-index:35;display:flex;align-items:center;justify-content:center;padding:24px 16px calc(var(--feed-sticky-min) + env(safe-area-inset-bottom, 0px) + 24px);pointer-events:none}.feed-zero-notice__card{pointer-events:auto;width:min(92vw,420px);padding:22px 20px 18px;border-radius:14px;background:rgba(20,20,20,.94);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 40px rgba(0,0,0,.45);text-align:center}.feed-zero-notice__title{margin:0;color:var(--feed-fg);font-size:clamp(16px,4.2vw,20px);font-weight:700;line-height:1.45}.feed-zero-notice__hint{margin:10px 0 0;color:var(--feed-muted);font-size:14px;line-height:1.55}.feed-zero-notice__close{margin-top:14px;min-height:36px;padding:6px 14px;border:none;background:transparent;color:var(--feed-muted);font-size:13px;cursor:pointer}.feed-ad{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100px;max-height:140px;overflow:hidden;background:color-mix(in srgb,var(--feed-bg,#f7f4ee) 92%,#000 8%);border:1px solid var(--feed-border)}.feed-ad__label{align-self:flex-start;margin:4px 6px 0;padding:0 4px;font-size:10px;line-height:1.3;letter-spacing:.04em;color:var(--feed-muted)}.feed-ad__inner{width:100%;min-height:100px;display:flex;align-items:center;justify-content:center}.feed-ad--pc{max-height:none;min-height:90px;margin:12px 0}.feed-skeleton{aspect-ratio:9/16;background:linear-gradient(90deg,var(--feed-skeleton) 0,var(--feed-skeleton-shine) 50%,var(--feed-skeleton) 100%);background-size:200% 100%;animation:feed-shimmer 1.2s ease-in-out infinite}@keyframes feed-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.feed-empty{padding:48px 24px;text-align:center;color:var(--feed-muted);font-size:14px;line-height:1.6}.feed-empty-panel{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(62dvh,520px);padding:40px 20px 56px;text-align:center}.feed-empty-panel__title{margin:0;max-width:20em;color:var(--feed-fg);font-size:clamp(17px,4.6vw,22px);font-weight:700;line-height:1.45;letter-spacing:.01em}.feed-empty-panel__hint{margin:12px 0 0;max-width:22em;color:var(--feed-muted);font-size:14px;line-height:1.6}.feed-empty-panel__cta{box-sizing:border-box;margin-top:28px;min-width:min(78vw,280px);min-height:52px;padding:14px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:var(--feed-accent);color:#111;font-size:16px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 18px rgba(0,0,0,.35)}.feed-empty-panel__cta:hover:not(:disabled){background:#fff}.feed-empty-panel__cta:active:not(:disabled){transform:scale(.98);opacity:.92}.feed-empty-panel__cta:disabled{opacity:.55;cursor:wait}.feed-empty-panel__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.feed-footer{display:flex;justify-content:center;padding:28px 16px calc(20px + env(safe-area-inset-bottom, 0px))}.feed-load-more{box-sizing:border-box;width:min(90vw,420px);min-height:52px;padding:14px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:var(--feed-accent);color:#111;font-size:17px;font-weight:700;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .12s ease,opacity .12s ease,background-color .12s ease}@media (min-width:768px){.feed-load-more{width:min(70%,360px);min-height:48px;font-size:16px}}.feed-load-more:hover:not(:disabled){background:#fff}.feed-load-more:active:not(:disabled){transform:scale(.98);opacity:.92}.feed-load-more:disabled{opacity:.55;cursor:wait;box-shadow:none}.feed-load-more:focus-visible{outline:2px solid #fff;outline-offset:3px}.feed-share-bar{position:fixed;left:0;right:0;bottom:calc(var(--feed-sticky-min) + env(safe-area-inset-bottom, 0px));z-index:39;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px;background:rgba(250,250,250,.96);border-top:1px solid rgba(0,0,0,.08);color:#1a1a1a}.feed-share-bar__label{font-size:13px;font-weight:600;white-space:nowrap}.feed-share-bar .share-controls{margin-left:auto}.feed-shell:has(.feed-share-bar) .feed-layout{padding-bottom:calc(var(--feed-sticky-min) + env(safe-area-inset-bottom, 0px) + 56px)}.feed-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr 1fr;min-height:calc(var(--feed-sticky-min) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:rgba(12,12,12,.92);backdrop-filter:blur(10px);border-top:1px solid var(--feed-border)}.feed-sticky--with-sns{grid-template-columns:1.15fr 1fr 1fr 1fr}.feed-sticky__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--feed-sticky-min);padding:6px 4px;border:none;background:transparent;color:var(--feed-fg);font-size:13px;font-weight:500;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}.feed-sticky__btn--sns{font-size:11px;font-weight:600;letter-spacing:.01em}.feed-sticky__sns-line{display:block;line-height:1.15}.feed-sticky__btn:active{opacity:.7}.feed-sticky__sort{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;column-gap:.4em;width:100%;font-size:11px;font-weight:500;line-height:1.15;text-align:center}.feed-sticky__sort-current{font-weight:400;opacity:.82}.feed-sticky__btn.is-active-search{color:var(--feed-accent);font-weight:600}@media (min-width:390px){.feed-sticky__btn{font-size:14px}.feed-sticky--with-sns .feed-sticky__btn,.feed-sticky__btn--sns{font-size:12px}}.feed-shell.is-searching .feed-layout{opacity:.72;pointer-events:none;transition:opacity .12s ease}.feed-toast{position:fixed;left:50%;bottom:calc(var(--feed-sticky-min) + env(safe-area-inset-bottom, 0px) + 16px);transform:translateX(-50%);z-index:50;max-width:min(92vw,360px);padding:12px 16px;border-radius:10px;background:var(--feed-toast-bg);border:1px solid var(--feed-border);color:var(--feed-fg);font-size:13px;line-height:1.4;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:feed-toast-in .16s ease-out}@keyframes feed-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.feed-sheet-backdrop{position:fixed;inset:0;z-index:45;background:rgba(0,0,0,.55);border:none;padding:0;cursor:pointer}.feed-sheet{position:fixed;left:0;right:0;bottom:0;z-index:46;max-height:min(78dvh,640px);overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));background:var(--feed-sheet-bg);border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid var(--feed-border)}.feed-sheet__title{margin:0 0 16px;font-size:16px;font-weight:600}.feed-sheet__section{margin-bottom:20px}.feed-sheet__label{display:block;margin-bottom:8px;font-size:12px;color:var(--feed-muted)}.feed-sheet__options{display:flex;flex-wrap:wrap;gap:8px}.feed-sheet__options--stack{flex-direction:column}.feed-sheet__hint{margin:4px 0 0;font-size:12px;color:var(--feed-muted)}.feed-sheet__hint--warn{color:#e07070}.feed-chip{min-height:40px;padding:8px 12px;border-radius:8px;border:1px solid var(--feed-border);background:transparent;color:var(--feed-fg);font-size:13px;cursor:pointer;text-align:left}.feed-chip:disabled{opacity:.5;cursor:wait}.feed-chip--block{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 12px}.feed-chip--center{justify-content:center;text-align:center}.feed-chip__pair{display:inline-flex;align-items:baseline;justify-content:center;gap:.55em;max-width:100%}.feed-chip__primary{font-size:14px;font-weight:500}.feed-chip__meta{flex-shrink:0;font-size:11px;color:var(--feed-muted);letter-spacing:.02em}.feed-chip.is-active{background:var(--feed-accent);color:#111;border-color:var(--feed-accent)}.feed-chip.is-active .feed-chip__meta{color:rgba(17,17,17,.55)}.feed-input{width:100%;min-height:44px;margin-bottom:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--feed-border);background:#0a0a0a;color:var(--feed-fg);font-size:16px}.feed-sheet__actions{display:flex;gap:8px;margin-top:8px}.feed-sheet__actions--sticky{position:sticky;bottom:0;z-index:1;margin-top:12px;padding-top:8px;padding-bottom:4px;background:var(--feed-sheet-bg)}.feed-sheet__actions button{flex:1;min-height:44px;border-radius:8px;border:1px solid var(--feed-border);background:transparent;color:var(--feed-fg);font-size:14px;cursor:pointer}.feed-sheet__actions button:disabled{opacity:.5;cursor:wait}.feed-sheet__actions .is-primary{background:var(--feed-accent);color:#111;border-color:var(--feed-accent)}.feed-input.is-error{border-color:#e07070}.save-url-sheet__hint{margin:-8px 0 16px;font-size:13px;color:var(--feed-muted);line-height:1.4}.save-url-sheet__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.save-url-sheet__error{margin:-4px 0 12px;font-size:13px;color:#e07070}.save-url-sheet__actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;position:sticky;bottom:0;padding-bottom:4px;background:var(--feed-sheet-bg)}.save-url-sheet__cancel,.save-url-sheet__submit{width:100%;min-height:48px;border-radius:10px;border:1px solid var(--feed-border);background:transparent;color:var(--feed-fg);font-size:15px;font-weight:600;cursor:pointer}.save-url-sheet__submit.is-primary{background:var(--feed-accent);color:#111;border-color:var(--feed-accent)}.save-url-sheet__cancel:disabled,.save-url-sheet__submit:disabled{opacity:.6;cursor:wait}.save-url-sheet{max-height:min(85dvh,640px)}.save-url-pick{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px;touch-action:pan-y}.save-url-pick__thumb{display:block;width:100%;max-width:280px;aspect-ratio:9/16;object-fit:cover;border-radius:10px;background:#0a0a0a;border:1px solid var(--feed-border);user-select:none;-webkit-user-drag:none}.save-url-pick__thumb--empty{display:flex;align-items:center;justify-content:center;color:var(--feed-muted);font-size:14px}.save-url-pick__nav{display:flex;gap:24px}.save-url-pick__nav button{min-width:48px;min-height:40px;border-radius:8px;border:1px solid var(--feed-border);background:transparent;color:var(--feed-fg);font-size:16px;cursor:pointer}.save-url-pick__nav button:disabled{opacity:.35;cursor:default}.feed-add-field{min-height:40px;margin-bottom:12px;border:1px dashed var(--feed-border);border-radius:8px;background:transparent;color:var(--feed-muted);font-size:13px;cursor:pointer;width:100%}