.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;max-width:var(--shell-max-width);margin-inline:auto;width:100%;padding-bottom:calc(var(--safe-bottom) + 4.5rem);overflow-x:hidden}.app-shell__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem var(--shell-gutter);padding-top:calc(.75rem + var(--safe-top));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-card) 92%,transparent);position:sticky;top:0;z-index:20}.app-shell__title{margin:0;font-size:1.1rem;font-weight:700;color:var(--brand-primary-blue)}.app-shell__tools-toggle{min-height:var(--touch-target-min);padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface-card);color:var(--text-primary);font:inherit}.app-shell__main{min-height:0;overflow:hidden}.app-shell__surface{min-height:calc(100dvh - 9rem)}.shell-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;padding:.35rem var(--shell-gutter) calc(.35rem + var(--safe-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-card) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell-bottom-nav__item{display:grid;justify-items:center;gap:.15rem;min-height:var(--touch-target-min);padding:.35rem .25rem;border-radius:.65rem;text-decoration:none;color:var(--text-secondary);border:1px solid transparent}.shell-bottom-nav__item--active{color:var(--text-primary);border-color:color-mix(in srgb,var(--brand-primary-blue) 35%,transparent);background:color-mix(in srgb,var(--brand-primary-blue) 8%,var(--surface-card));box-shadow:inset 0 -2px 0 var(--brand-primary-blue)}.shell-bottom-nav__icon{display:block;width:1.25rem;height:1.25rem;color:currentcolor}.shell-bottom-nav__label{font-size:.72rem;line-height:1.1;text-align:center;overflow-wrap:anywhere;word-break:break-word}.app-shell__tools-toggle:focus-visible,.shell-bottom-nav__item:focus-visible,.feed-card__action:focus-visible,.tools-menu__list a:focus-visible,.tools-menu__close:focus-visible,.feed-info-sheet__close:focus-visible,.source-filter__option:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;box-shadow:var(--focus-ring)}.tools-menu{position:fixed;inset-inline:var(--shell-gutter);bottom:calc(4.75rem + var(--safe-bottom));z-index:40;display:grid;gap:.75rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface-card);box-shadow:0 12px 40px color-mix(in srgb,var(--text-primary) 12%,transparent)}.tools-menu[hidden],.feed-info-sheet-host[hidden],.feed-info-sheet[hidden]{display:none}.tools-menu__title{margin:0;font-weight:700}.tools-menu__list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.tools-menu__list a{display:flex;min-height:var(--touch-target-min);align-items:center;color:var(--brand-primary-blue);text-decoration:none}.tools-menu__close{min-height:var(--touch-target-min);border-radius:999px;border:1px solid var(--line);background:var(--surface-card);color:var(--text-primary);font:inherit}.source-filter{display:flex;gap:.35rem;overflow-x:auto;padding:.65rem var(--shell-gutter);scrollbar-width:none}.source-filter__option{flex:0 0 auto;min-height:var(--touch-target-min);padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-card);color:var(--text-primary);font:inherit}.source-filter__option--active{border-color:var(--brand-primary-blue);background:color-mix(in srgb,var(--brand-primary-blue) 10%,var(--surface-card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand-primary-blue) 25%,transparent)}.source-filter__option:disabled{opacity:.45}.feed-surface__nav-controls{display:flex;justify-content:center;gap:.75rem;padding:.5rem var(--shell-gutter)}.feed-surface__nav-btn{min-height:var(--touch-target-min);min-width:6.5rem;border-radius:999px;border:1px solid var(--line);background:var(--surface-card);color:var(--text-primary);font:inherit}.feed-surface__nav-btn:disabled{color:var(--text-secondary);opacity:.65}.feed-surface__card-host{position:relative;min-height:min(72dvh,640px);padding:0 var(--shell-gutter) 1rem}.feed-surface__card-host:empty{min-height:0;padding-bottom:0}.feed-surface__state{padding:0 var(--shell-gutter) 1rem}.feed-card{position:relative;display:grid;grid-template-rows:1fr auto;min-height:min(68dvh,600px);border-radius:1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);background:var(--surface-card);touch-action:pan-y}.feed-card__media{min-height:55%;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--brand-primary-blue) 25%,transparent),transparent 55%),linear-gradient(160deg,color-mix(in srgb,var(--brand-primary-indigo) 35%,#0f172a),#0f172a)}.feed-card__overlay{display:grid;gap:.65rem;padding:1rem;background:linear-gradient(180deg,transparent,color-mix(in srgb,#0f172a 88%,transparent));color:#f8fafc}.feed-card__title{margin:0;font-size:clamp(1.1rem,4vw,1.45rem);line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.feed-card__meta,.feed-card__status{margin:0;color:color-mix(in srgb,#f8fafc 82%,transparent);font-size:.9rem}.feed-card__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.feed-card__action{display:grid;justify-items:center;gap:.2rem;min-height:var(--touch-target-min);padding:.35rem .2rem;border-radius:.75rem;border:1px solid color-mix(in srgb,#f8fafc 25%,transparent);background:color-mix(in srgb,#0f172a 35%,transparent);color:inherit;font:inherit;cursor:pointer}.feed-card__action:disabled{opacity:.45;cursor:not-allowed}.feed-card__action--participate{border-color:color-mix(in srgb,var(--brand-primary-blue) 65%,#f8fafc);background:color-mix(in srgb,var(--brand-primary-blue) 85%,#0f172a);font-weight:600}.feed-card__action-icon{font-size:.95rem;line-height:1}.feed-card__action-label{font-size:.62rem;line-height:1.1;text-align:center;overflow-wrap:anywhere;word-break:break-word}.feed-info-sheet-host{position:fixed;inset-inline:var(--shell-gutter);bottom:calc(4.75rem + var(--safe-bottom));z-index:35}.feed-info-sheet{display:grid;gap:.65rem;padding:1rem;border-radius:1rem 1rem 0 0;border:1px solid var(--line);background:var(--surface-card);max-height:min(70dvh,calc(100dvh - 6rem - var(--safe-bottom)));overflow-y:auto}.feed-info-sheet__note{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.feed-info-sheet__close{min-height:var(--touch-target-min);border-radius:999px;border:1px solid var(--line);background:var(--surface-card);color:var(--text-primary);font:inherit}.favorites-surface__intro,.results-surface__intro{margin:0;padding:.75rem var(--shell-gutter);color:var(--text-secondary);font-size:.92rem}.favorites-list,.results-list{margin:0;padding:0 var(--shell-gutter) 1rem;list-style:none;display:grid;gap:.65rem}.favorites-list__item,.results-list__item{display:grid;gap:.25rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-card)}.favorites-list__badge,.results-list__match{font-size:.78rem;color:var(--text-secondary)}.profile-surface__content{display:grid;gap:.75rem;padding:.75rem var(--shell-gutter) 1rem}.profile-card{padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-card)}.profile-card h2,.profile-card h3{margin-top:0}@media(min-width:768px){.app-shell{grid-template-columns:12rem 1fr;grid-template-rows:auto 1fr;grid-template-areas:"nav header" "nav main";padding-bottom:var(--safe-bottom)}.app-shell__header{grid-area:header}.app-shell__main{grid-area:main}.shell-bottom-nav{position:sticky;top:calc(3.5rem + var(--safe-top));grid-area:nav;display:grid;grid-template-columns:1fr;align-content:start;height:fit-content;inset:auto;border-top:none;border-right:1px solid var(--line);padding:1rem .5rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.shell-bottom-nav__item{justify-content:start;grid-template-columns:auto 1fr;grid-auto-flow:column;padding-inline:.75rem}.feed-card__actions{max-width:28rem}.feed-info-sheet-host{left:50%;right:auto;transform:translate(-50%);width:min(32rem,calc(100vw - (var(--shell-gutter) * 2)));max-width:calc(100vw - (var(--shell-gutter) * 2));bottom:calc(1rem + var(--safe-bottom))}.tools-menu{left:50%;right:auto;transform:translate(-50%);width:min(28rem,calc(100vw - (var(--shell-gutter) * 2)));max-width:calc(100vw - (var(--shell-gutter) * 2));bottom:calc(1rem + var(--safe-bottom))}}@media(max-width:360px){.feed-card__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-bottom-nav__label{font-size:.65rem}}@media(max-width:430px){.source-filter{flex-wrap:wrap;overflow-x:visible}.source-filter__option{flex:1 1 auto}}@media(min-width:1024px){.app-shell{max-width:min(1200px,calc(100% - (var(--shell-gutter) * 2)))}.feed-surface__card-host{max-width:32rem;margin-inline:auto}}@media(prefers-reduced-motion:reduce){.feed-card{scroll-behavior:auto}}.feed-resume-banner,.feed-new-items-boundary,.feed-ended-notice,.participate-handoff,.serial-queue-shell,.feed-surface__serial-start{margin:0 var(--shell-gutter) .5rem}.feed-resume-banner,.feed-new-items-boundary,.feed-ended-notice,.serial-queue-shell{display:grid;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--line);background:var(--surface-card);border-radius:.85rem}.feed-resume-banner__action,.feed-new-items-boundary__action,.participate-handoff__actions button,.serial-queue-shell__controls button,.feed-surface__serial-start-btn{min-height:var(--touch-target-min);border-radius:999px;border:1px solid var(--line);background:var(--surface-card);color:var(--text-primary);font:inherit}.feed-surface__serial-start-btn{border-color:var(--brand-primary-blue);background:var(--brand-primary-blue);color:var(--surface-card);font-weight:600}.participate-handoff{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;align-content:center;justify-items:center;gap:.75rem;padding:1.5rem;background:color-mix(in srgb,#0f172a 55%,transparent)}.participate-handoff__status{margin:0;padding:1rem;border-radius:.85rem;background:var(--surface-card);color:var(--text-primary);max-width:22rem;text-align:center}.participate-handoff__actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.serial-queue-shell__header{font-weight:700}.serial-queue-shell__controls{display:flex;flex-wrap:wrap;gap:.5rem}.feed-surface__share-status{margin:.5rem var(--shell-gutter);color:var(--text-secondary);font-size:.9rem}