.gb{--gb-clip-radius:var(--git-radius-lg,22px);--gb-clip-gap:clamp(20px,3vw,48px)}.gb .gb-card--clip{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0;align-items:stretch;background:var(--gb-soft);border:1px solid var(--gb-line);border-radius:var(--gb-clip-radius);overflow:hidden}.gb .gb-card--clip.gb-card--lead{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.gb .gb-card--clip .gb-card__visual{height:auto;min-height:270px;max-height:440px;aspect-ratio:9/16;border-radius:0;position:relative;background:#10121b;isolation:isolate;width:100%;min-width:0}.gb .gb-card--clip .gb-picture,.gb .gb-card--clip .gb-picture img{width:100%;height:100%;object-fit:cover}.gb .gb-card--clip .gb-card__body{padding:clamp(16px,2.2vw,32px);min-width:0;align-self:center}.gb .gb-card--clip h2{font-size:clamp(1.15rem,1.9vw,2.25rem);overflow-wrap:anywhere}.gb .gb-card--clip .gb-card__body>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:16px 0}.gb .gb-card--clip .gb-card__footer{flex-wrap:wrap;gap:12px;font-size:.8rem}.gb-clip-badge{position:absolute;top:16px;left:16px;padding:5px 12px;background:rgba(0,0,0,.65);color:#fff;border-radius:999px;font-size:.7rem;letter-spacing:.1em;backdrop-filter:blur(12px)}.gb-clip-layout{display:grid;grid-template-columns:minmax(260px,420px) minmax(0,1fr);gap:var(--gb-clip-gap);max-width:1200px;margin:0 auto 32px;align-items:start}.gb-clip-stage{position:sticky;top:120px;min-width:0}.gb-clip-player{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--gb-clip-radius);background:#10121b;color:#fff;max-height:calc(100svh - 190px);min-height:280px;margin:auto;width:100%}.gb-clip-info{min-width:0;display:grid;gap:22px}.gb-clip-info h1{font-size:clamp(1.7rem,3vw,3rem);line-height:1.14;letter-spacing:-.035em;margin:18px 0;overflow-wrap:anywhere}.gb-clip-summary{color:var(--gb-muted);font-size:1.0625rem;overflow-wrap:anywhere}.gb-clip-actions{display:flex;gap:8px;flex-wrap:wrap}.gb-clip-actions .gb-button{min-height:44px;border-radius:12px;padding:10px 14px;gap:8px;font-size:.875rem}.gb-clip-actions [aria-pressed=true]{color:var(--gb-ink);background:var(--gb-soft);border-color:var(--gb-ink)}.gb-clip-actions [aria-pressed=true] svg{fill:currentColor}.gb-clip-description{border:1px solid var(--gb-line);padding:18px;border-radius:16px;background:var(--gb-surface)}.gb-clip-description summary{cursor:pointer;font-weight:500;min-height:32px}.gb-clip-description .gb-prose{margin-top:18px;overflow-wrap:anywhere}.gb-clips .gb-comments{padding-top:26px;margin-top:0;border-top:1px solid var(--gb-line)}.gb-clip-editor-hint{border:1px solid var(--gb-line);border-radius:16px;padding:20px;background:var(--gb-soft);margin:20px 0}.gb .gb-clip-description summary:focus-visible{outline:2px solid var(--gb-ink);outline-offset:3px}.gb [data-clip-retry]{color:inherit;background:0 0;border:0;text-align:left}@media(max-width:760px){.gb-clip-layout{grid-template-columns:minmax(0,1fr);gap:26px}.gb-clip-stage{position:static;max-width:420px;width:100%;margin:auto}.gb-clip-player{max-height:none}.gb-clip-info h1{font-size:1.8rem}.gb .gb-card--clip .gb-card__visual{min-height:240px}.gb .gb-card--clip.gb-card--lead{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media(max-width:400px){.gb .gb-card--clip,.gb .gb-card--clip.gb-card--lead{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.gb .gb-card--clip .gb-card__body{padding:12px}.gb .gb-card--clip .gb-card__visual{min-height:220px}.gb .gb-card--clip h2{font-size:1rem}.gb .gb-card--clip .gb-card__body>p{font-size:.8rem}.gb-clip-actions .gb-button{flex-grow:1}}.gb-clip-player video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#10121b}.gb .gb-own-video{display:block;width:100%;max-height:75svh;aspect-ratio:16/9;object-fit:contain;background:#10121b;border-radius:16px;margin:20px 0}.gb-video-upload{padding:22px;border:1px solid var(--gb-line);border-radius:22px;background:var(--gb-soft);margin:24px 0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.gb-video-upload input{max-width:100%}.gb-video-upload p{font-size:.875rem;color:var(--gb-muted)}.gb-video-upload progress{width:100%;accent-color:var(--gb-blue)}.gb-video-upload button{background:0 0;color:inherit;border:0;padding:0}.gb-video-upload h2{font-size:1.25rem}.gb [hidden]{display:none}.gb-clips .gb-comment-signin{flex-direction:column;align-items:flex-start;gap:16px}.gb-clip-info>[role=status]:empty{display:none}@media(max-width:1000px){.gb-clip-layout{grid-template-columns:minmax(0,1fr)}.gb-clip-stage{position:static;max-width:420px;width:100%;margin:auto}}.gb .gb-card--clip .gb-textlink,.gb-clips .gb-textlink{color:var(--gb-ink)}.gb .gb-card--clip .gb-card__monogram{font-size:3rem;opacity:.3}.gb .gb-videoflow{--vf-accent:var(--gb-blue,#232fe1);--vf-tint:color-mix(in srgb,var(--vf-accent) 7%,var(--gb-surface,#fff));position:relative;min-width:0;max-width:100%;margin:10px 0 8px;padding:24px;border:1px solid color-mix(in srgb,var(--vf-accent) 16%,var(--gb-line));border-radius:20px;background:linear-gradient(135deg,var(--vf-tint),var(--gb-surface));color:var(--gb-ink);box-shadow:0 8px 28px color-mix(in srgb,var(--vf-accent) 4%,transparent);animation:.3s ease-out both gb-vf-enter}.gb .gb-videoflow[hidden]{display:none}.gb-videoflow__head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px}.gb-videoflow__symbol{position:relative;display:grid;place-items:center;width:52px;height:52px;color:var(--vf-accent);border-radius:50%;background:color-mix(in srgb,var(--vf-accent) 7%,var(--gb-surface));flex-shrink:0}.gb-videoflow__orbit{position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--vf-accent) 13%,transparent);border-top-color:var(--vf-accent);border-right-color:color-mix(in srgb,var(--vf-accent) 45%,transparent);border-radius:50%;animation:1.5s linear infinite gb-vf-orbit}.gb-videoflow__symbol svg{position:relative;flex:none}.gb-videoflow__symbol .gb-videoflow__alert,.gb-videoflow__symbol .gb-videoflow__check,.gb-videoflow__symbol .gb-videoflow__pause{display:none}.gb-videoflow__heading{min-width:0;display:flex;flex-direction:column;gap:5px}.gb .gb-videoflow__eyebrow{font-size:.6875rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--gb-muted);line-height:1.4}.gb .gb-videoflow__heading strong{font-size:1.125rem;line-height:1.35;letter-spacing:-.02em;font-weight:500;color:var(--gb-ink);overflow-wrap:anywhere}.gb .gb-videoflow__filename{font-size:.75rem;color:var(--gb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.gb .gb-videoflow__filename[hidden]{display:none}.gb .gb-videoflow__badge{font-size:.875rem;font-weight:500;line-height:1.3;color:var(--vf-accent);background:color-mix(in srgb,var(--vf-accent) 8%,var(--gb-surface));padding:8px 12px;border:1px solid color-mix(in srgb,var(--vf-accent) 12%,transparent);border-radius:999px;white-space:nowrap;font-variant-numeric:tabular-nums}.gb-videoflow__meter{height:5px;margin:22px 0 24px;border-radius:99px;background:color-mix(in srgb,var(--vf-accent) 10%,var(--gb-surface));overflow:hidden}.gb-videoflow__meter>span{display:block;height:100%;width:var(--gb-video-percent,0%);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--vf-accent) 65%,var(--gb-surface)),var(--vf-accent));transition:width .4s}.gb-videoflow[data-determinate=false] .gb-videoflow__meter>span{width:36%;animation:2.4s ease-in-out infinite gb-vf-scan}.gb .gb-videoflow__steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.gb .gb-videoflow__steps>li{display:flex;align-items:center;gap:7px;min-width:0;font-size:.6875rem;line-height:1.4;color:var(--gb-muted);padding:0;margin:0;transition:color .25s}.gb-videoflow__dot{display:grid;place-items:center;width:23px;height:23px;flex:none;border:1px solid var(--gb-line);border-radius:50%;font-size:.625rem;font-variant-numeric:tabular-nums;background:var(--gb-surface);transition:background .25s,border-color .25s}.gb-videoflow__dot svg{display:none}.gb-videoflow__steps .is-done .gb-videoflow__dot{background:color-mix(in srgb,var(--vf-accent) 8%,var(--gb-surface));border-color:transparent;color:var(--vf-accent)}.gb-videoflow__steps .is-done .gb-videoflow__dot>span{display:none}.gb-videoflow__steps .is-done .gb-videoflow__dot>svg{display:block}.gb .gb-videoflow__steps .is-current{color:var(--vf-accent);font-weight:500}.gb-videoflow__steps .is-current .gb-videoflow__dot{color:var(--gb-surface);background:var(--vf-accent);border-color:var(--vf-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--vf-accent) 9%,transparent)}.gb .gb-videoflow__note{font-size:.8125rem;line-height:1.6;color:var(--gb-muted);margin:20px 0 0;padding-top:16px;border-top:1px solid var(--gb-line);max-width:none}.gb .gb-video-upload .gb-videoflow__native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gb .gb-videoflow[data-state=ready]{--vf-accent:#16815e}.gb .gb-videoflow[data-state=error]{--vf-accent:#ba4149}.gb .gb-videoflow[data-state=paused]{--vf-accent:var(--gb-muted)}.gb-videoflow:is([data-state=ready],[data-state=error],[data-state=paused]) .gb-videoflow__orbit{animation:none;border-color:color-mix(in srgb,var(--vf-accent) 22%,transparent)}.gb-videoflow:is([data-state=ready],[data-state=error],[data-state=paused]) .gb-videoflow__play{display:none}.gb-videoflow[data-state=error] .gb-videoflow__alert,.gb-videoflow[data-state=paused] .gb-videoflow__pause,.gb-videoflow[data-state=ready] .gb-videoflow__check{display:block}.gb-videoflow:is([data-state=error],[data-state=paused]) .gb-videoflow__meter>span{animation:none;opacity:.45}html[data-theme=dark] .gb .gb-videoflow{--vf-accent:#9ba4ff;box-shadow:none}html[data-theme=dark] .gb .gb-videoflow[data-state=ready]{--vf-accent:#67d8af}html[data-theme=dark] .gb .gb-videoflow[data-state=error]{--vf-accent:#ff949b}html[data-theme=dark] .gb .gb-videoflow[data-state=paused]{--vf-accent:var(--gb-muted)}@keyframes gb-vf-orbit{to{transform:rotate(360deg)}}@keyframes gb-vf-scan{0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}@keyframes gb-vf-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.gb .gb-videoflow__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}}@media(max-width:600px){.gb .gb-videoflow{padding:18px 16px;border-radius:16px}.gb-videoflow__head{grid-template-columns:42px minmax(0,1fr);gap:12px}.gb-videoflow__symbol{width:42px;height:42px}.gb .gb-videoflow__heading strong{font-size:1rem}.gb .gb-videoflow__badge{grid-column:2;justify-self:start;font-size:.75rem;padding:5px 9px}.gb .gb-videoflow__steps>li{font-size:.625rem;gap:5px}.gb-videoflow__dot{width:21px;height:21px}.gb-videoflow__meter{margin:18px 0}.gb .gb-videoflow__note{font-size:.75rem;margin-top:17px;padding-top:13px}}@media(prefers-reduced-motion:reduce){.gb .gb-videoflow,.gb-videoflow *{animation:none!important;transition:none!important}.gb-videoflow[data-determinate=false] .gb-videoflow__meter>span{width:100%;background:repeating-linear-gradient(110deg,var(--vf-accent) 0 6px,transparent 6px 12px);opacity:.3}}@media(max-width:360px){.gb .gb-videoflow__steps{grid-template-columns:repeat(2,minmax(0,1fr))}}