@container (width>=1025px){.reel-layout--layout{flex-direction:row}.reel-layout--layout>.reel-info-sheet-layer{border-top:0;border-left:1px solid #333;flex:0 0 25cqw;width:25cqw;height:100%;max-height:none}.reel-layout--layout>.vibe-info-sheet-enter-active,.reel-layout--layout>.vibe-info-sheet-leave-active{will-change:flex-basis, width, opacity;transition:flex-basis .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),opacity .22s}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{flex-basis:0;width:0;max-height:none}.reel-layout--layout>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-leave-to>.reel-info-sheet{transform:translate(100%)}}@media (width>=1920px){@container (width>=1025px){.reel-layout--layout>.reel-info-sheet-layer{flex-basis:40cqw;width:40cqw}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{flex-basis:0;width:0}}}.media-card:focus-within:not(.media-card-focus-silent):not(:has(.media-card-focus-silent)) .media-carousel-controls{opacity:1;visibility:visible}@keyframes reel-auto-advance{to{transform:scaleX(1)}}@keyframes media-loading-shimmer{to{transform:translate(100%)}}@keyframes end-feed-enter{0%{opacity:0;transform:translateY(.375rem)}}@media (prefers-reduced-motion:reduce){.masonry,.masonry-item,.load-more-button,.end-feed,.media-control-button,.media-carousel-control,.media-carousel-controls,.media-slide-next-enter-active,.media-slide-next-leave-active,.media-slide-previous-enter-active,.media-slide-previous-leave-active,.vibe-reel-media-controls-enter-active,.vibe-reel-media-controls-leave-active,.media-preview,.gallery-scrollbar,.gallery-scrollbar-thumb,.vibe-reel-viewer-enter-active,.vibe-reel-viewer-leave-active,.vibe-reel-viewer-enter-active>.reel-layout,.vibe-reel-viewer-leave-active>.reel-layout,.vibe-info-sheet-enter-active,.vibe-info-sheet-leave-active,.vibe-info-sheet-enter-active>.reel-info-sheet,.vibe-info-sheet-leave-active>.reel-info-sheet{transition:none}.media-loading-shimmer{animation:none}}.vibe-surface,.vibe-surface *{box-sizing:border-box}.vibe-surface{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080808;height:100%;min-height:0;position:relative;overflow:hidden;container-type:inline-size}.vibe-reel-overlay{z-index:10;clip-path:inset(0);background:#080808;outline:none;min-height:0;position:absolute;inset:0;overflow:hidden}.vibe-reel-overlay>.reel-layout{height:100%}.vibe-reel-viewer-enter-active,.vibe-reel-viewer-leave-active{will-change:clip-path, opacity;transition:clip-path .42s cubic-bezier(.22,1,.36,1),opacity .24s}.vibe-reel-viewer-enter-active>.reel-layout,.vibe-reel-viewer-leave-active>.reel-layout{will-change:opacity, transform;transition:opacity .24s,transform .42s cubic-bezier(.22,1,.36,1)}.vibe-reel-viewer-enter-from,.vibe-reel-viewer-leave-to{opacity:.72;clip-path:inset(var(--vibe-reel-origin-top,0) var(--vibe-reel-origin-right,0) var(--vibe-reel-origin-bottom,0) var(--vibe-reel-origin-left,0) round .5rem)}.vibe-reel-viewer-enter-from>.reel-layout,.vibe-reel-viewer-leave-to>.reel-layout{opacity:.68;transform:scale(.985)}.reel-layout{background:#080808;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.reel-layout-main{flex:1 1 0;min-width:0;min-height:0;overflow:hidden}.reel-layout-main>.reel-shell{height:100%}.reel-info-sheet-layer{z-index:12;background:#111;min-width:0;min-height:0;overflow:hidden}.reel-info-sheet{overscroll-behavior:contain;background:#111;outline:none;width:100%;min-width:0;max-width:100%;min-height:0;overflow:auto}.reel-layout--overlay>.reel-info-sheet-layer{background:#00000094;align-items:flex-end;display:flex;position:absolute;inset:0}.reel-layout--overlay .reel-info-sheet{border-top:1px solid #333;max-height:80%;box-shadow:0 -1rem 2.5rem #0006}.reel-layout--layout>.reel-info-sheet-layer{border-top:1px solid #333;flex:0 0 50%;width:100%;height:50%;max-height:50%}.reel-layout--layout .reel-info-sheet{height:100%;max-height:100%}.vibe-info-sheet-enter-active,.vibe-info-sheet-leave-active{will-change:max-height, opacity;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .22s}.vibe-info-sheet-enter-active>.reel-info-sheet,.vibe-info-sheet-leave-active>.reel-info-sheet{will-change:opacity, transform;transition:opacity .22s,transform .3s cubic-bezier(.22,1,.36,1)}.reel-layout--overlay>.vibe-info-sheet-enter-from,.reel-layout--overlay>.vibe-info-sheet-leave-to{opacity:0}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{opacity:0;max-height:0}.reel-layout--overlay>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--overlay>.vibe-info-sheet-leave-to>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-leave-to>.reel-info-sheet{opacity:0;transform:translateY(100%)}@container (width>=1025px){.reel-layout--layout{flex-direction:row}.reel-layout--layout>.reel-info-sheet-layer{border-top:0;border-left:1px solid #333;flex:0 0 25cqw;width:25cqw;height:100%;max-height:none}.reel-layout--layout>.vibe-info-sheet-enter-active,.reel-layout--layout>.vibe-info-sheet-leave-active{will-change:flex-basis, width, opacity;transition:flex-basis .3s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1),opacity .22s}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{flex-basis:0;width:0;max-height:none}.reel-layout--layout>.vibe-info-sheet-enter-from>.reel-info-sheet,.reel-layout--layout>.vibe-info-sheet-leave-to>.reel-info-sheet{transform:translate(100%)}}@media (width>=1920px){@container (width>=1025px){.reel-layout--layout>.reel-info-sheet-layer{flex-basis:40cqw;width:40cqw}.reel-layout--layout>.vibe-info-sheet-enter-from,.reel-layout--layout>.vibe-info-sheet-leave-to{flex-basis:0;width:0}}}.gallery-shell{--gallery-padding:clamp(.375rem, 1vw, .875rem);overscroll-behavior-y:contain;height:100%;min-height:0;padding:var(--gallery-padding);scrollbar-color:#525252 #111;scrollbar-gutter:stable;scrollbar-width:thin;overflow:hidden auto}.gallery-shell::-webkit-scrollbar{width:.625rem}.gallery-shell::-webkit-scrollbar-track{background:#111}.gallery-shell::-webkit-scrollbar-thumb{background:#525252;border:.125rem solid #111;border-radius:999px}.gallery-shell::-webkit-scrollbar-thumb:hover{background:#737373}.masonry-feed-shell{--gallery-padding:clamp(.375rem, 1vw, .875rem);height:100%;min-height:0;position:relative;overflow:hidden}.masonry-feed{padding-right:calc(var(--gallery-padding) + .5rem);scrollbar-gutter:auto;scrollbar-width:none;flex-direction:column;display:flex}.masonry-feed::-webkit-scrollbar{width:0;height:0;display:none}.masonry-feed-status-overlay{z-index:9;right:calc(var(--gallery-padding) + 1rem);bottom:var(--gallery-padding);left:var(--gallery-padding);pointer-events:none;justify-items:center;display:grid;position:absolute}.masonry-feed-status-overlay>*{pointer-events:auto}.masonry-feed-status-overlay .gallery-footer{min-height:0;padding:.375rem}.masonry-feed-status-overlay .load-more-status,.masonry-feed-status-overlay .end-feed-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808ad;border:1px solid #ffffff29;border-radius:999px;padding:.375rem .625rem}.gallery-scrollbar{z-index:8;top:var(--gallery-padding);right:.125rem;bottom:var(--gallery-padding);opacity:0;visibility:hidden;cursor:pointer;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#111;border-radius:999px;width:.625rem;transition:opacity .16s,visibility .16s;position:absolute;overflow:hidden}.gallery-scrollbar--visible{opacity:1;visibility:visible;pointer-events:auto}.gallery-scrollbar-thumb{cursor:grab;touch-action:none;background:#525252;border:.125rem solid #111;border-radius:999px;width:100%;min-height:2rem;position:absolute;top:0;left:0}.gallery-scrollbar--ready:not(.gallery-scrollbar--interacting):not(.gallery-scrollbar--dragging) .gallery-scrollbar-thumb{will-change:height, transform;transition:height .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.gallery-scrollbar-thumb:hover{background:#737373}.gallery-scrollbar-thumb:focus-visible{outline-offset:-1px;outline:2px solid #d4d4d4}.gallery-scrollbar--dragging .gallery-scrollbar-thumb{cursor:grabbing}.gallery-status{color:#a3a3a3;place-items:center;min-height:calc(100% - 1.75rem);margin:0;font:500 .875rem/1.5 system-ui,sans-serif;display:grid}.masonry{opacity:0;flex:1 0 auto;transition:opacity .16s;position:relative;overflow:clip}.masonry-feed--suspended{pointer-events:none;overflow:hidden}.masonry--ready{opacity:1}.masonry-item{transition:width .16s ease, height .16s ease, transform .42s cubic-bezier(.22, 1, .36, 1) var(--masonry-entry-delay,0s);background:#171717;border-radius:.5rem;position:absolute;top:0;left:0;overflow:hidden}.masonry-item.media-card--entering{will-change:transform;transition:none}.masonry-item.media-card--leaving{pointer-events:none;will-change:transform}.media-card{background:#171717}.media-card[role=button]{cursor:pointer}.media-card[role=button]:focus-visible{outline-offset:-2px;outline:2px solid #f5f5f5}.media-card-focus-silent:focus{outline:none!important}.media-card--error{background:#121212}.media-card--transparent-chrome{background:0 0}.media-card-content{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.media-card-media{background:#171717;flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.media-card-media--carousel{touch-action:pan-y}.media-card-frame{position:absolute;inset:0}.media-slide-next-enter-active,.media-slide-next-leave-active,.media-slide-previous-enter-active,.media-slide-previous-leave-active{will-change:opacity, transform;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1)}.media-slide-next-enter-from,.media-slide-previous-leave-to{opacity:.72;transform:translate(100%)}.media-slide-next-leave-to,.media-slide-previous-enter-from{opacity:.72;transform:translate(-100%)}.media-card-header,.media-card-footer{z-index:2;pointer-events:auto;background:#111;flex:none;min-width:0;position:relative;overflow:hidden}.media-card-region--transparent{background:0 0}.media-card-activator{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.media-card-activator:focus-visible{outline-offset:-2px;outline:2px solid #f5f5f5}.media-carousel-controls{z-index:4;pointer-events:none;opacity:0;visibility:hidden;justify-content:space-between;transition:opacity .16s,visibility .16s;display:flex;position:absolute;top:50%;left:.625rem;right:.625rem;transform:translateY(-50%)}.media-card:hover .media-carousel-controls,.media-carousel-controls--persistent{opacity:1;visibility:visible}.media-card:focus-within:not(.media-card-focus-silent):not(:has(.media-card-focus-silent)) .media-carousel-controls{opacity:1;visibility:visible}.media-carousel-control{color:#f5f5f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto;background:#080808c7;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background .16s,opacity .16s,transform .16s;display:grid}.media-carousel-control:hover:not(:disabled){background:#262626f0;transform:scale(1.04)}.media-carousel-control:active:not(:disabled){transform:scale(.96)}.media-carousel-control:disabled{cursor:default;opacity:.28}.media-carousel-control:focus-visible{outline-offset:3px;outline:2px solid #f5f5f5}.media-preview--reel-video{cursor:default}.media-controls{z-index:5;color:#f5f5f5;cursor:default;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid;position:absolute;bottom:0;left:0;right:0}.reel-media-controls-host{--vibe-reel-media-seek-height:.9rem;--vibe-reel-media-row-height:2.5rem;z-index:6;height:calc(var(--vibe-reel-media-seek-height) + var(--vibe-reel-media-row-height));pointer-events:none;position:absolute;bottom:0;left:0;right:0}.reel-media-controls-host .media-controls{pointer-events:auto;position:absolute;inset:0}.reel-media-controls-host .media-control-seek{height:var(--vibe-reel-media-seek-height)}.reel-media-controls-host .media-controls-row{min-height:var(--vibe-reel-media-row-height)}.vibe-reel-media-controls-enter-active,.vibe-reel-media-controls-leave-active{transition:opacity .18s,transform .18s}.reel-media-controls-host .vibe-reel-media-controls-leave-active{pointer-events:none}.vibe-reel-media-controls-enter-from,.vibe-reel-media-controls-leave-to{opacity:0;transform:translateY(.25rem)}.media-controls-row{justify-content:flex-start;align-items:center;gap:.5rem;min-width:0;min-height:2.5rem;padding:.375rem;display:flex}.media-controls-audio{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080808bf;border-radius:999px;align-items:center;gap:.375rem;min-width:0;padding:.125rem .375rem .125rem .125rem;display:flex}.media-control-button{width:1.75rem;height:1.75rem;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#080808bf;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .16s,transform .16s;display:grid}.media-controls-audio .media-control-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.media-control-button:hover{background:#262626f0;transform:scale(1.04)}.media-controls-audio .media-control-button:hover{background:#ffffff29}.media-control-button:active{transform:scale(.92)}.media-control-button:focus-visible,.media-control-range:focus-visible{outline-offset:2px;outline:2px solid #f5f5f5}.media-control-time{color:#f5f5f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;white-space:nowrap;background:#080808bf;border-radius:999px;flex:none;padding:.5rem .75rem;font:500 .72rem/1 system-ui,sans-serif}.media-control-range{appearance:none;background:linear-gradient(to right, #f5f5f5 var(--media-range-progress), #ffffff4d var(--media-range-progress));cursor:pointer;height:.9rem;margin:0}.media-control-range::-webkit-slider-thumb{appearance:none;background:#f5f5f5;border:0;border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #0000004d}.media-control-range::-webkit-slider-runnable-track{background:0 0;height:100%}.media-control-range::-moz-range-thumb{background:#f5f5f5;border:0;border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 0 0 1px #0000004d}.media-control-range::-moz-range-track{background:0 0;height:100%}.media-control-range:disabled{cursor:default;opacity:.45}.media-control-seek{border-radius:0;width:100%;height:.45rem}.media-control-seek::-webkit-slider-thumb{appearance:none;width:0;height:0;box-shadow:none;background:0 0;border-radius:0}.media-control-seek::-moz-range-thumb{width:0;height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.media-control-volume{border-radius:999px;flex:0 5rem;width:clamp(2.75rem,18%,5rem);min-width:2.75rem}.reel-feed{scroll-snap-type:y mandatory;scrollbar-color:auto;scrollbar-gutter:auto;scrollbar-width:none;flex:auto;width:100%;min-height:0;padding:0;container-type:size}.reel-viewport{flex:auto;width:100%;min-height:0;position:relative}.reel-viewport>.reel-feed{height:100%}.reel-shell{--gallery-padding:clamp(.375rem, 1vw, .875rem);width:100%;height:100%;min-height:0;padding:var(--gallery-padding);background:#080808;flex-direction:column;display:flex;overflow:hidden}.reel-shell>.media-card-region{width:100%}.reel-shell>.media-card-header{border-radius:.5rem .5rem 0 0}.reel-shell>.media-card-footer{border-radius:0 0 .5rem .5rem}.reel-feed::-webkit-scrollbar{width:0;height:0;display:none}.reel-feed[data-resizing],.reel-feed[data-transitioning]{scroll-snap-type:none}.reel-forward-status{color:#a3a3a3;text-align:center;place-content:center;place-items:center;gap:.75rem;min-height:100%;font:500 .875rem/1.5 system-ui,sans-serif;display:grid}.reel-forward-status p{margin:0}.reel-forward-retry{color:#f5f5f5;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:.25rem;min-height:2rem;padding:.375rem .75rem}.reel-forward-retry:hover,.reel-forward-retry:focus-visible{background:#262626;border-color:#737373}.reel-forward-retry:focus-visible{outline-offset:2px;outline:2px solid #a3a3a3}.reel-track{width:100%;display:grid}.reel-item{scroll-snap-align:start;scroll-snap-stop:always;background:#080808;width:100%;min-width:0;height:100%;padding:0;position:relative}.reel-item .media-card-content{background:#171717;border-radius:.5rem;overflow:hidden}.reel-shell--has-header .reel-item .media-card-content{border-top-left-radius:0;border-top-right-radius:0}.reel-shell--has-footer .reel-item .media-card-content{border-bottom-right-radius:0;border-bottom-left-radius:0}.reel-item .media-preview{object-fit:contain}.reel-feed .gallery-footer{scroll-snap-align:end}.reel-auto-advance{width:calc(100% + (var(--gallery-padding) * 2));margin-right:calc(var(--gallery-padding) * -1);margin-bottom:calc(var(--gallery-padding) * -1);margin-left:calc(var(--gallery-padding) * -1);background:#ffffff2e;flex:0 0 .25rem;overflow:hidden}.reel-auto-advance-progress{transform-origin:0;width:100%;height:100%;animation:reel-auto-advance var(--vibe-reel-auto-advance-duration) linear forwards;background:#f5f5f5;display:block;transform:scaleX(0)}.media-loading,.media-error{z-index:1;position:absolute;inset:0}.media-loading{background:#171717;overflow:hidden}.media-loading-shimmer{background:linear-gradient(105deg,#0000 30%,#ffffff12 46%,#ffffff1c 50%,#ffffff12 54%,#0000 70%);animation:1.4s ease-in-out infinite media-loading-shimmer;position:absolute;inset:0;transform:translate(-100%)}.media-error{color:#a3a3a3;text-align:center;background:linear-gradient(145deg,#171717,#101010);align-content:center;justify-items:center;gap:.375rem;padding:1rem;font:500 .75rem/1.35 system-ui,sans-serif;display:grid}.media-error-code{color:#e5e5e5;letter-spacing:.04em;font:650 1rem/1 system-ui,sans-serif}.media-preview{opacity:0;object-fit:cover;background:#171717;width:100%;height:100%;transition:opacity .22s,transform .32s;display:block;transform:scale(1.01)}.media-preview--ready{opacity:1;transform:none}.gallery-footer{place-items:center;min-height:5rem;display:grid}.load-more-status{color:#a3a3a3;margin:0;font:500 .8125rem/1.5 system-ui,sans-serif}.end-feed{justify-items:center;gap:.625rem;animation:.22s both end-feed-enter;display:grid}.end-feed-message{color:#a3a3a3;margin:0;font:500 .8125rem/1.5 system-ui,sans-serif}.load-more-button{color:#f5f5f5;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:999px;min-width:8rem;min-height:2.5rem;padding:.625rem 1rem;font:600 .8125rem/1 system-ui,sans-serif;transition:border-color .16s,background .16s,transform .16s}.load-more-button:not(:disabled):hover{background:#262626;border-color:#737373}.load-more-button:not(:disabled):active{transform:translateY(1px)}.load-more-button:disabled{color:#737373;cursor:not-allowed;background:#171717;border-color:#262626}.load-more-button:focus-visible{outline-offset:3px;outline:2px solid #a3a3a3}@media (prefers-reduced-motion:reduce){.masonry,.masonry-item,.load-more-button,.end-feed,.media-control-button,.media-carousel-control,.media-carousel-controls,.media-slide-next-enter-active,.media-slide-next-leave-active,.media-slide-previous-enter-active,.media-slide-previous-leave-active,.vibe-reel-media-controls-enter-active,.vibe-reel-media-controls-leave-active,.media-preview,.gallery-scrollbar,.gallery-scrollbar-thumb,.vibe-reel-viewer-enter-active,.vibe-reel-viewer-leave-active,.vibe-reel-viewer-enter-active>.reel-layout,.vibe-reel-viewer-leave-active>.reel-layout,.vibe-info-sheet-enter-active,.vibe-info-sheet-leave-active,.vibe-info-sheet-enter-active>.reel-info-sheet,.vibe-info-sheet-leave-active>.reel-info-sheet{transition:none}.media-loading-shimmer{animation:none}}*{box-sizing:border-box}html,body,#app{min-width:320px;height:100%;overflow:hidden}html,body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080808}body{margin:0}.app-shell{background:#080808;grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-header{z-index:1;background:#0d0d0d;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;min-width:0;min-height:3.5rem;padding:.625rem clamp(.75rem,1.5vw,1.25rem);display:flex}.app-header-navigation,.app-navigation,.app-header-actions{align-items:center;min-width:0;display:flex}.app-header-navigation{gap:clamp(1rem,2.5vw,2rem)}.app-navigation{gap:clamp(.75rem,1.5vw,1.125rem)}.app-header-actions{gap:clamp(.75rem,1.5vw,1.25rem)}.auto-scroll-controls,.auto-scroll-speed{align-items:center;display:flex}.auto-scroll-controls{gap:.375rem}.auto-scroll-action{color:#d4d4d4;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;min-height:2rem;padding:.375rem .625rem;font:600 .75rem/1 system-ui,sans-serif;display:inline-flex}.auto-scroll-action:hover:not(:disabled){color:#f5f5f5;background:#262626;border-color:#737373}.auto-scroll-action:disabled{color:#525252;cursor:not-allowed}.auto-scroll-action:focus-visible,.auto-scroll-speed input:focus-visible{outline-offset:2px;outline:2px solid #a3a3a3}.auto-scroll-speed{color:#a3a3a3;gap:.5rem;margin-left:.25rem;font:600 .6875rem/1 system-ui,sans-serif}.auto-scroll-speed input{accent-color:#f5f5f5;width:clamp(5rem,9vw,8rem)}.auto-scroll-speed output{color:#f5f5f5;font-variant-numeric:tabular-nums;min-width:3.75rem}.vibe-lifecycle{color:#b8b8b8;white-space:nowrap;background:#171717;border:1px solid #333;border-radius:999px;align-items:center;gap:.375rem;min-width:0;padding:.3125rem .5rem;font:600 .6875rem/1 system-ui,sans-serif;display:inline-flex}.vibe-lifecycle-indicator{background:#fbbf24;border-radius:50%;flex:none;width:.4375rem;height:.4375rem}.vibe-lifecycle--loading .vibe-lifecycle-indicator{animation:1.2s ease-in-out infinite vibe-lifecycle-pulse}.vibe-lifecycle--loaded .vibe-lifecycle-indicator{background:#4ade80}.vibe-lifecycle--error{color:#fecaca;border-color:#f8717173}.vibe-lifecycle--error .vibe-lifecycle-indicator{background:#f87171}.vibe-autofill-lifecycle--complete .vibe-lifecycle-indicator,.vibe-fill-lifecycle--complete .vibe-lifecycle-indicator{background:#4ade80}.vibe-autofill-lifecycle--cancelled .vibe-lifecycle-indicator,.vibe-autofill-lifecycle--idle .vibe-lifecycle-indicator,.vibe-fill-lifecycle--cancelled .vibe-lifecycle-indicator,.vibe-fill-lifecycle--idle .vibe-lifecycle-indicator{background:#737373}.vibe-autofill-lifecycle--error,.vibe-autofill-lifecycle--exhausted,.vibe-fill-lifecycle--error,.vibe-fill-lifecycle--exhausted{color:#fecaca;border-color:#f8717173}.vibe-autofill-lifecycle--error .vibe-lifecycle-indicator,.vibe-autofill-lifecycle--exhausted .vibe-lifecycle-indicator,.vibe-fill-lifecycle--error .vibe-lifecycle-indicator,.vibe-fill-lifecycle--exhausted .vibe-lifecycle-indicator{background:#f87171}.vibe-autofill-lifecycle--cancelling .vibe-lifecycle-indicator,.vibe-autofill-lifecycle--filling .vibe-lifecycle-indicator,.vibe-autofill-lifecycle--restoring .vibe-lifecycle-indicator,.vibe-autofill-lifecycle--waiting .vibe-lifecycle-indicator,.vibe-fill-lifecycle--cancelling .vibe-lifecycle-indicator,.vibe-fill-lifecycle--filling .vibe-lifecycle-indicator,.vibe-fill-lifecycle--restoring .vibe-lifecycle-indicator,.vibe-fill-lifecycle--waiting .vibe-lifecycle-indicator{animation:1.2s ease-in-out infinite vibe-lifecycle-pulse}.vibe-autofill-progress,.vibe-operation-progress{color:#f5f5f5;font-variant-numeric:tabular-nums;border-left:1px solid #404040;padding-left:.375rem}.vibe-operation-delay{color:#fbbf24;font-variant-numeric:tabular-nums;text-align:right;border-left:1px solid #404040;min-width:4.75rem;padding-left:.375rem}.vibe-lifecycle-separator{color:#666}@keyframes vibe-lifecycle-pulse{50%{opacity:.35}}.app-title{color:#f5f5f5;letter-spacing:.01em;align-items:center;gap:.5rem;margin:0;font:650 1rem/1.2 system-ui,sans-serif;text-decoration:none;display:flex}.app-title-logo{width:1.75rem;height:1.75rem}.app-nav-link{color:#a3a3a3;border-bottom:1px solid #0000;align-items:center;gap:.375rem;padding:.375rem 0;font:550 .8125rem/1.2 system-ui,sans-serif;text-decoration:none;transition:border-color .16s,color .16s;display:flex}.app-nav-link:hover,.app-nav-link.router-link-active{color:#f5f5f5;border-color:#d4d4d4}.app-title:focus-visible,.app-nav-link:focus-visible,.demos-aside-link:focus-visible,.demo-card-action:focus-visible{outline-offset:3px;outline:2px solid #a3a3a3}.toggle-control{color:#d4d4d4;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;font:500 .8125rem/1.2 system-ui,sans-serif;display:flex}.toggle-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toggle-track{background:#262626;border:1px solid #404040;border-radius:999px;width:2.25rem;height:1.25rem;transition:border-color .16s,background .16s;position:relative}.toggle-thumb{background:#d4d4d4;border-radius:50%;width:.875rem;height:.875rem;transition:transform .16s,background .16s;position:absolute;top:.125rem;left:.125rem}.toggle-input:checked+.toggle-track{background:#f5f5f5;border-color:#f5f5f5}.toggle-input:checked+.toggle-track .toggle-thumb{background:#171717;transform:translate(1rem)}.toggle-input:focus-visible+.toggle-track{outline-offset:3px;outline:2px solid #a3a3a3}.vibe-host{height:100%;min-height:0;overflow:hidden}.demos-page{background:#080808;grid-template-columns:14rem minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.demos-aside{background:#0d0d0d;border-right:1px solid #262626;min-width:0;padding:1rem;overflow-y:auto}.demos-aside-link{color:#a3a3a3;background:0 0;border-left:2px solid #0000;padding:.625rem .75rem;font:600 .8125rem/1.35 system-ui,sans-serif;text-decoration:none;transition:border-color .16s,color .16s,background .16s;display:block}.demos-aside-link+.demos-aside-link{margin-top:.5rem}.demos-aside-link:hover,.demos-aside-link.router-link-active{color:#f5f5f5;background:#171717;border-color:#d4d4d4}.demo-stage{min-width:0;min-height:0;overflow:hidden}.demo-vibe-host{min-height:0}.item-removal-demo-stage{grid-template-rows:auto minmax(0,1fr);display:grid}.item-removal-demo-controls{background:#0d0d0d;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.625rem .75rem;display:flex}.item-removal-demo-controls p{color:#a3a3a3;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font:500 .75rem/1.3 system-ui,sans-serif;overflow:hidden}.item-removal-demo-actions{flex:none;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.item-removal-demo-status{color:#a3a3a3;white-space:nowrap;font:550 .6875rem/1.2 system-ui,sans-serif}.item-removal-demo-action{color:#f5f5f5;cursor:pointer;background:#262626;border:1px solid #525252;border-radius:.375rem;justify-content:center;align-items:center;min-height:2rem;padding:.375rem .625rem;font:600 .75rem/1 system-ui,sans-serif;display:inline-flex}.item-removal-demo-action:hover:not(:disabled){background:#404040;border-color:#a3a3a3}.item-removal-demo-action:disabled{color:#737373;cursor:not-allowed;opacity:.55}.item-removal-demo-action--remove:hover:not(:disabled){color:#fecaca;border-color:#f87171}.item-removal-demo-action:focus-visible{outline-offset:2px;outline:2px solid #d4d4d4}.autofill-demo-stage,.fill-demo-stage{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.autofill-demo-controls,.fill-demo-controls{background:#0d0d0d;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.625rem .75rem;display:flex}.autofill-demo-note,.fill-demo-note{color:#a3a3a3;text-overflow:ellipsis;white-space:nowrap;font:500 .75rem/1.3 system-ui,sans-serif;overflow:hidden}.autofill-demo-actions,.fill-demo-actions,.fill-demo-page-field{align-items:center;display:flex}.autofill-demo-actions,.fill-demo-actions{flex:none;gap:.5rem}.autofill-demo-action,.fill-demo-action{color:#d4d4d4;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;min-height:2rem;padding:.375rem .625rem;font:600 .75rem/1 system-ui,sans-serif;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.autofill-demo-action:hover:not(:disabled),.fill-demo-action:hover:not(:disabled){color:#f5f5f5;background:#262626;border-color:#737373}.autofill-demo-action--cancel:hover:not(:disabled),.fill-demo-action--cancel:hover:not(:disabled){color:#fecaca;border-color:#f87171}.autofill-demo-action:disabled,.fill-demo-action:disabled{color:#525252;cursor:not-allowed;opacity:.7}.autofill-demo-action:focus-visible,.fill-demo-action:focus-visible,.fill-demo-page-field input:focus-visible{outline-offset:2px;outline:2px solid #a3a3a3}.autofill-demo-vibe,.fill-demo-vibe{min-height:0}.fill-demo-page-field{color:#a3a3a3;gap:.375rem;font:600 .75rem/1 system-ui,sans-serif}.fill-demo-page-field input{color:#f5f5f5;background:#171717;border:1px solid #404040;border-radius:.375rem;width:3.25rem;min-height:2rem;padding:.25rem .375rem;font:600 .75rem/1 system-ui,sans-serif}.reconciliation-demo-stage{background:#080808;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.reconciliation-demo-toolbar{background:#0d0d0d;border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:.625rem .75rem;display:flex}.reconciliation-demo-summary{gap:.125rem;min-width:0;display:grid}.reconciliation-demo-summary strong{color:#f5f5f5;font:650 .8125rem/1.25 system-ui,sans-serif}.reconciliation-demo-summary span{color:#a3a3a3;text-overflow:ellipsis;white-space:nowrap;font:500 .6875rem/1.3 system-ui,sans-serif;overflow:hidden}.reconciliation-demo-actions{flex:none;align-items:center;gap:.375rem;display:flex}.reconciliation-demo-action{color:#d4d4d4;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:.375rem;justify-content:center;align-items:center;gap:.375rem;min-height:2rem;padding:.375rem .625rem;font:600 .6875rem/1 system-ui,sans-serif;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.reconciliation-demo-action:hover:not(:disabled){color:#f5f5f5;background:#262626;border-color:#737373}.reconciliation-demo-action--primary{color:#eff6ff;background:#1d4ed8;border-color:#2563eb}.reconciliation-demo-action--primary:hover:not(:disabled){background:#2563eb;border-color:#60a5fa}.reconciliation-demo-action--primary:disabled{background:#171717;border-color:#404040}.reconciliation-demo-action--remove:hover:not(:disabled),.reconciliation-demo-action[aria-pressed=true]{color:#fecaca;border-color:#f87171}.reconciliation-demo-action:disabled{color:#525252;cursor:not-allowed;opacity:.7}.reconciliation-demo-action:focus-visible{outline-offset:2px;outline:2px solid #a3a3a3}.reconciliation-demo-workspace{grid-template-columns:minmax(0,1fr) 19rem;min-width:0;min-height:0;display:grid;overflow:hidden}.reconciliation-demo-vibe{min-width:0;min-height:0}.reconciliation-demo-inspector{background:#0d0d0d;border-left:1px solid #262626;min-width:0;min-height:0;padding:.75rem;overflow-y:auto}.reconciliation-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}.reconciliation-demo-metrics div{background:#111;border:1px solid #262626;border-radius:.25rem;padding:.5rem}.reconciliation-demo-metrics dt,.reconciliation-demo-window h2,.reconciliation-demo-log h2{color:#737373;letter-spacing:.06em;text-transform:uppercase;margin:0;font:650 .625rem/1.2 system-ui,sans-serif}.reconciliation-demo-metrics dd{color:#f5f5f5;margin:.25rem 0 0;font:700 .875rem/1.2 system-ui,sans-serif}.reconciliation-demo-window,.reconciliation-demo-log{margin-top:.875rem}.reconciliation-demo-window code{overflow-wrap:anywhere;color:#93c5fd;margin-top:.375rem;font:600 .6875rem/1.45 ui-monospace,monospace;display:block}.reconciliation-demo-pages{gap:.5rem;margin-top:.5rem;display:grid}.reconciliation-demo-pages article{background:#111;border:1px solid #262626;border-left:2px solid #22c55e;border-radius:.25rem;gap:.5rem;padding:.625rem;display:grid}.reconciliation-demo-pages article.reconciliation-demo-page--underfilled{border-left-color:#f59e0b}.reconciliation-demo-pages article>header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.reconciliation-demo-pages article>header strong{color:#e5e5e5;font:650 .6875rem/1.2 system-ui,sans-serif}.reconciliation-demo-pages article>header code{color:#93c5fd;font:600 .625rem/1.2 ui-monospace,monospace}.reconciliation-demo-pages dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem .75rem;margin:0;display:grid}.reconciliation-demo-pages dl div{min-width:0}.reconciliation-demo-pages dt{color:#737373;font:550 .5625rem/1.25 system-ui,sans-serif}.reconciliation-demo-pages dd{color:#d4d4d4;margin:.125rem 0 0;font:650 .6875rem/1.25 system-ui,sans-serif}.reconciliation-demo-pages small{overflow-wrap:anywhere;color:#737373;font:500 .5625rem/1.35 system-ui,sans-serif}.reconciliation-demo-log ol{gap:.375rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.reconciliation-demo-log li{background:#111;border-left:2px solid #404040;gap:.125rem;padding:.5rem;display:grid}.reconciliation-demo-log li.reconciliation-demo-request--failed{border-color:#ef4444}.reconciliation-demo-log li.reconciliation-demo-request--pending{border-color:#f59e0b}.reconciliation-demo-log span,.reconciliation-demo-log code,.reconciliation-demo-log small{overflow-wrap:anywhere}.reconciliation-demo-log span{color:#d4d4d4;font:600 .6875rem/1.3 system-ui,sans-serif}.reconciliation-demo-log code{color:#93c5fd;font:600 .6875rem/1.3 ui-monospace,monospace}.reconciliation-demo-log small{color:#737373;font:500 .625rem/1.3 system-ui,sans-serif}.demo-card-header-content,.demo-card-reactions,.demo-removal-footer{background:#111;align-items:center;gap:.375rem;height:100%;padding:.5rem;display:flex;position:relative}.demo-card-header-content{border-bottom:1px solid #262626;justify-content:flex-end}.demo-card-media-position{position:absolute;left:50%;transform:translate(-50%)}.demo-card-details{max-width:calc(50% - 1rem);position:absolute;left:.5rem}.demo-card-reactions{border-top:1px solid #262626;justify-content:center}.demo-removal-footer{border-top:1px solid #262626;justify-content:flex-end}.demo-card-post-position{position:absolute;left:.5rem}.demo-card-action{color:#f5f5f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#080808b8;border:1px solid #ffffff47;border-radius:.375rem;place-items:center;width:2rem;height:2rem;padding:0;transition:border-color .16s,background .16s,color .16s;display:grid}.demo-card-action:hover,.demo-card-action--active{color:#080808;background:#f5f5f5;border-color:#f5f5f5}.demo-card-action--remove{margin-left:.25rem}.demo-card-action--remove:hover{color:#fff;background:#b91c1c;border-color:#f87171}.demo-card-metadata{color:#f5f5f5;text-overflow:ellipsis;white-space:nowrap;background:#080808c7;border:1px solid #fff3;border-radius:.375rem;padding:.375rem .5rem;font:600 .6875rem/1.2 system-ui,sans-serif;overflow:hidden}.demo-reel-info-sheet{color:#f5f5f5;background:#111;grid-template-rows:auto auto minmax(0,1fr);width:100%;height:min(70vh,42rem);min-height:0;max-height:100%;display:grid;overflow:hidden}.reel-layout--layout .demo-reel-info-sheet{height:100%}.demo-info-sheet-header{border-bottom:1px solid #262626;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;padding:.75rem;display:flex}.demo-info-sheet-context{color:#a3a3a3;text-overflow:ellipsis;white-space:nowrap;margin:0;font:600 .75rem/1.3 system-ui,sans-serif;overflow:hidden}.demo-info-sheet-close{color:#d4d4d4;cursor:pointer;background:#171717;border:1px solid #404040;border-radius:.375rem;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.demo-info-sheet-close:hover,.demo-info-sheet-close:focus-visible{color:#fff;background:#262626;border-color:#737373}.demo-info-sheet-tabs{border-bottom:1px solid #262626;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 .75rem;display:grid}.demo-info-sheet-tab{color:#a3a3a3;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.75rem .5rem;font:600 .8125rem/1.2 system-ui,sans-serif;transition:border-color .16s,color .16s}.demo-info-sheet-tab:hover,.demo-info-sheet-tab:focus-visible,.demo-info-sheet-tab--active{color:#f5f5f5;border-bottom-color:#f5f5f5}.demo-info-sheet-panel,.demo-info-sheet-feed{min-width:0;min-height:0;overflow:hidden}.demo-info-sheet-panel{align-self:stretch}.demo-info-sheet-feed{height:100%}.demo-info-tab-enter-active,.demo-info-tab-leave-active{transition:opacity .16s,transform .16s}.demo-info-tab-enter-from,.demo-info-tab-leave-to{opacity:0;transform:translateY(.25rem)}@media (prefers-reduced-motion:reduce){.toggle-track,.toggle-thumb,.auto-scroll-action,.app-nav-link,.demo-card-action,.demo-info-sheet-close,.demo-info-sheet-tab,.demo-info-tab-enter-active,.demo-info-tab-leave-active,.autofill-demo-action,.fill-demo-action,.vibe-lifecycle-indicator{transition:none;animation:none}}@media (width<=48rem){.app-header-actions--auto-scroll .vibe-lifecycle--feed,.app-header-actions--reel-auto-advance .vibe-lifecycle--feed,.app-header-actions--reel-info-sheet .vibe-lifecycle--feed,.app-header-actions--operation .vibe-lifecycle--feed{display:none}.demos-page{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.demos-aside{border-bottom:1px solid #262626;border-right:0;align-items:center;gap:.75rem;padding:.625rem .75rem;display:flex;overflow:auto hidden}.demos-aside-link{flex:none;margin:0;padding:.375rem .625rem}.demos-aside-link+.demos-aside-link{margin-top:0}.item-removal-demo-controls{flex-wrap:wrap;align-items:flex-start}.item-removal-demo-controls p{flex:1 0 100%}.item-removal-demo-actions{flex-wrap:wrap;width:100%}.reconciliation-demo-toolbar{flex-wrap:wrap;align-items:flex-start}.reconciliation-demo-summary{flex:1 0 100%}.reconciliation-demo-actions{flex-wrap:wrap;width:100%}.reconciliation-demo-action{flex:auto}.reconciliation-demo-workspace{grid-template-rows:minmax(0,1fr) minmax(7rem,30%);grid-template-columns:minmax(0,1fr)}.reconciliation-demo-inspector{border-top:1px solid #262626;border-left:0}.reconciliation-demo-metrics{grid-template-columns:repeat(4,minmax(5rem,1fr))}}@media (width<=30rem){.app-header{min-height:3.25rem}.app-header-navigation{gap:1rem}.app-navigation{display:none}.reconciliation-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-control>span:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-header-actions--auto-scroll{gap:.5rem}.auto-scroll-action{width:2rem;padding:0}.auto-scroll-action span,.auto-scroll-speed>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.auto-scroll-speed{gap:.25rem;margin-left:0}.auto-scroll-speed input{width:4.5rem}.vibe-lifecycle-layout,.vibe-lifecycle-separator,.vibe-autofill-prefix,.vibe-fill-prefix,.autofill-demo-note,.fill-demo-note,.fill-demo-page-field>span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fill-demo-controls{justify-content:flex-end}.fill-demo-action{width:2rem;padding:0;font-size:0}.autofill-demo-controls{justify-content:flex-end}.item-removal-demo-controls p{white-space:normal}.item-removal-demo-actions .item-removal-demo-action{flex:auto}.item-removal-demo-status{flex:1 0 100%}.reconciliation-demo-summary span{white-space:normal}}.visibility-demo-stage{grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);height:100%;min-height:0;display:grid}.visibility-demo-diagnostics{color:#a3a3a3;border-right:1px solid #262626;align-content:start;gap:.45rem;padding:1rem;font-size:.78rem;display:grid}.visibility-demo-diagnostics strong{color:#f5f5f5;margin-top:.35rem}.visibility-demo-diagnostics output{overflow-wrap:anywhere}.visibility-demo-vibe{min-width:0;min-height:0}@media (width<=720px){.visibility-demo-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.visibility-demo-diagnostics{border-bottom:1px solid #262626;border-right:0;grid-template-columns:auto minmax(0,1fr)}.visibility-demo-diagnostics strong{margin-top:0}.visibility-demo-diagnostics output{grid-column:1/-1}}