.lg-root{width:100%}.lg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.lg-tile{position:relative;aspect-ratio:9/14;cursor:pointer;overflow:hidden;clip-path:polygon(.35rem 0,calc(100% - .35rem) 0,100% .35rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,.35rem 100%,0 calc(100% - .35rem),0 .35rem);background:var(--background-tertiary);transition:transform .18s,box-shadow .18s}.lg-tile:hover{transform:scale(1.03);box-shadow:0 6px 24px rgba(0,0,0,.3)}.lg-tile:hover .lg-hover-play{opacity:1}.lg-thumb,.lg-thumb img{width:100%;height:100%}.lg-thumb img{-o-object-fit:cover;object-fit:cover;display:block}.lg-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:var(--background-tertiary);font-size:1.5rem}.lg-viral{position:absolute;top:6px;left:6px;color:var(--error-color);filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.lg-hover-play{inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.35);color:#fff;font-size:2rem;opacity:0;transition:opacity .18s}.lg-hover-play,.lg-overlay{position:absolute;display:flex}.lg-overlay{bottom:0;left:0;right:0;padding:.5rem .5rem .625rem;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,transparent);flex-direction:column;gap:2px}.lg-username{font-size:.6875rem;font-weight:800;color:#fff;font-family:var(--font-display)}.lg-title,.lg-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-title{font-size:.625rem;color:rgba(255,255,255,.75)}.lg-stats{display:flex;gap:8px;font-size:.6rem;color:rgba(255,255,255,.65);font-weight:600}.lg-stats span{display:flex;align-items:center;gap:2px}.lg-skeleton{background:var(--background-tertiary);animation:lg-shimmer 1.4s infinite}@keyframes lg-shimmer{0%,to{opacity:.5}50%{opacity:1}}.lg-sentinel{height:40px}.lg-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.lg-state-icon{opacity:.8}.lg-state-text{font-size:.9375rem;color:var(--text-muted);margin:0}.lg-retry-btn{padding:.625rem 1.75rem;background:var(--gradient-primary);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);border:none;color:var(--text-on-primary);font-size:.875rem;font-weight:800;cursor:pointer;font-family:var(--font-display)}@media (max-width:600px){.lg-grid{grid-template-columns:repeat(3,1fr);gap:.375rem}}.lgw-root{width:100%;display:flex;flex-direction:column;gap:0}.lgw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.lgw-tile{display:flex;flex-direction:column;cursor:pointer;outline:none;border-radius:var(--radius-md,8px);transition:transform .18s}.lgw-tile:hover{transform:scale(1.025);z-index:1}.lgw-tile:focus-visible{box-shadow:0 0 0 2px var(--primary-color);border-radius:var(--radius-md,8px)}.lgw-tile-caption{font-size:.75rem;padding:4px 2px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:600;font-family:var(--font-primary)}.lgw-load-more-row{display:flex;justify-content:center;padding:20px 0}.lgw-load-more-btn{padding:.625rem 2rem;background:var(--gradient-primary);border:none;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);color:var(--text-on-primary);font-size:.875rem;font-weight:800;cursor:pointer;font-family:var(--font-display);letter-spacing:.04em;transition:opacity .15s,transform .15s}.lgw-load-more-btn:disabled{opacity:.45;cursor:not-allowed}.lgw-load-more-btn:not(:disabled):hover{opacity:.85;transform:scale(1.03)}.lgw-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;text-align:center;color:var(--text-muted);min-height:40vh}.lgw-state--loading .loading-spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:lgw-spin .7s linear infinite}@keyframes lgw-spin{to{transform:rotate(1turn)}}.lgw-state--error{color:var(--error-color,#ef4444)}.lgw-retry-btn{padding:.5rem 1.5rem;background:var(--gradient-primary);border:none;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);color:var(--text-on-primary);font-size:.875rem;font-weight:800;cursor:pointer;font-family:var(--font-display);letter-spacing:.03em;transition:opacity .15s}.lgw-retry-btn:hover{opacity:.85}.loops-grid-container{width:100%;display:flex;flex-direction:column;gap:.75rem}.loops-tier-sponsored{display:grid;grid-template-columns:200px 1fr;gap:.75rem;height:360px}.sponsored-profile-col{display:flex;flex-direction:column;gap:.5rem;padding:.875rem;background:var(--background-secondary);border:1px solid var(--border-color);clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);overflow:hidden}.sponsored-creator-info{display:flex;flex-direction:column;gap:2px}.sponsored-username{font-size:.8125rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.sponsored-fullname{font-size:.6875rem;color:var(--text-muted)}.sponsored-desc{font-size:.6875rem;color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sponsored-stats-col{display:flex;gap:.5rem;flex-wrap:wrap}.sponsored-stat-item{display:flex;flex-direction:column;gap:1px}.sponsored-stat-val{font-size:.75rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.sponsored-stat-lbl{font-size:.5625rem;color:var(--text-muted)}.viral-crown{font-size:.6875rem;font-weight:800;color:var(--error-color)}.sponsored-watch-hex{margin-top:auto;align-self:flex-start;padding:.4rem .75rem;background:var(--gradient-primary);border:none;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);font-size:.6875rem;font-weight:900;color:var(--text-on-primary);cursor:pointer;font-family:var(--font-display);letter-spacing:.05em;transition:opacity .15s}.sponsored-watch-hex:hover{opacity:.88}.sponsored-video-col{position:relative;overflow:hidden;cursor:pointer;clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);background:#000;height:360px}.sponsored-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.sponsored-video-grad{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent 50%);pointer-events:none}.sponsored-label{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:4px;padding:.25rem .625rem;background:rgba(0,0,0,.94);backdrop-filter:none;clip-path:polygon(.25rem 0,calc(100% - .25rem) 0,100% .25rem,100% calc(100% - .25rem),calc(100% - .25rem) 100%,.25rem 100%,0 calc(100% - .25rem),0 .25rem);font-size:.5625rem;font-weight:800;color:#fff;font-family:var(--font-display);letter-spacing:.08em}.sponsored-flame{font-size:.75rem}.loops-tier-mosaic{display:grid;gap:.625rem}.loops-tier-mosaic--single{grid-template-columns:1fr}.loops-tier-mosaic--single .mosaic-tile:first-child{aspect-ratio:16/9}.loops-tier-mosaic--dual,.loops-tier-mosaic--triple{grid-template-columns:1fr 1fr}.loops-tier-mosaic--triple{grid-template-rows:auto auto}.loops-tier-mosaic--triple .mosaic-tile:first-child{grid-column:1/-1;aspect-ratio:16/7}.loops-tier-mosaic--top-wide{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.loops-tier-mosaic--top-wide .mosaic-tile:first-child{grid-column:1/-1;aspect-ratio:16/8}.mosaic-tile{position:relative;aspect-ratio:9/16;cursor:pointer;overflow:hidden;clip-path:polygon(.35rem 0,calc(100% - .35rem) 0,100% .35rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,.35rem 100%,0 calc(100% - .35rem),0 .35rem);background:var(--background-tertiary);transition:transform .18s}.mosaic-tile:hover{transform:scale(1.018);z-index:1}.mosaic-tile:hover .mosaic-play{opacity:1}.mosaic-tile-media,.mosaic-tile-media img,.mosaic-tile-media video{position:absolute;inset:0;width:100%;height:100%}.mosaic-tile-media img,.mosaic-tile-media video{-o-object-fit:cover;object-fit:cover;display:block}.mosaic-play{inset:0;z-index:2;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#fff;font-size:1.5rem;opacity:0;transition:opacity .18s}.mosaic-overlay,.mosaic-play{position:absolute;display:flex}.mosaic-overlay{bottom:0;left:0;right:0;z-index:3;padding:.5rem .5rem .625rem;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,transparent);flex-direction:column;gap:3px}.mosaic-user{font-size:.6875rem;font-weight:800;color:#fff;font-family:var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mosaic-stats{display:flex;gap:6px;font-size:.5625rem;color:rgba(255,255,255,.75);font-weight:600}.mosaic-viral{right:6px}.mosaic-featured,.mosaic-viral{position:absolute;top:6px;font-size:.75rem;z-index:4}.mosaic-featured{left:6px}.loops-tier-medium{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.medium-tile{position:relative;aspect-ratio:9/13;cursor:pointer;overflow:hidden;clip-path:polygon(.35rem 0,calc(100% - .35rem) 0,100% .35rem,100% calc(100% - .35rem),calc(100% - .35rem) 100%,.35rem 100%,0 calc(100% - .35rem),0 .35rem);background:var(--background-tertiary);transition:transform .18s}.medium-tile:hover{transform:scale(1.025)}.medium-tile:hover .medium-play{opacity:1}.medium-thumb,.medium-thumb img,.medium-thumb-video{position:absolute;inset:0;width:100%;height:100%}.medium-thumb img,.medium-thumb-video{-o-object-fit:cover;object-fit:cover;display:block}.thumb-placeholder{width:100%;height:100%;color:var(--text-muted)}.medium-play,.thumb-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.medium-play{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.3);color:#fff;opacity:0;transition:opacity .18s}.medium-overlay{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:.5rem .5rem .625rem;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,transparent);display:flex;flex-direction:column;gap:3px}.medium-user{font-size:.6875rem;font-weight:800;color:#fff;font-family:var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.medium-stats{display:flex;gap:6px;font-size:.5625rem;color:rgba(255,255,255,.75);font-weight:600}.tile-viral{right:6px}.tile-featured,.tile-viral{position:absolute;top:6px;font-size:.75rem;z-index:4}.tile-featured{left:6px}.loops-tier-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.thumb-tile{position:relative;aspect-ratio:3/4;cursor:pointer;overflow:hidden;clip-path:polygon(.25rem 0,calc(100% - .25rem) 0,100% .25rem,100% calc(100% - .25rem),calc(100% - .25rem) 100%,.25rem 100%,0 calc(100% - .25rem),0 .25rem);background:var(--background-tertiary);transition:transform .15s}.thumb-tile:hover{transform:scale(1.04)}.thumb-tile:hover .thumb-play{opacity:1}.thumb-inner,.thumb-inner img,.thumb-inner video{position:absolute;inset:0;width:100%;height:100%}.thumb-inner img,.thumb-inner video{-o-object-fit:cover;object-fit:cover;display:block}.thumb-placeholder-sm{width:100%;height:100%;color:var(--text-muted)}.thumb-placeholder-sm,.thumb-play{display:flex;align-items:center;justify-content:center;font-size:1rem}.thumb-play{position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.3);color:#fff;opacity:0;transition:opacity .15s}.thumb-stats-row{position:absolute;bottom:4px;left:4px;right:4px;z-index:3;font-size:.5rem;color:rgba(255,255,255,.8);font-weight:700;display:flex;gap:4px}.thumb-viral-dot{position:absolute;top:4px;right:4px;font-size:.625rem;z-index:4}.loops-grid-skeleton{display:flex;flex-direction:column;gap:.75rem}.skeleton-banner{height:280px;background:var(--background-tertiary);clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);animation:grid-shimmer 1.4s ease-in-out infinite}.skeleton-medium-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem}.skeleton-medium{aspect-ratio:4/5;background:var(--background-tertiary);animation:grid-shimmer 1.4s ease-in-out infinite}.skeleton-thumb-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.skeleton-thumb{aspect-ratio:3/4;background:var(--background-tertiary);animation:grid-shimmer 1.4s ease-in-out infinite}@keyframes grid-shimmer{0%,to{opacity:.35}50%{opacity:.8}}.loops-grid-empty,.loops-grid-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-icon-grid,.error-icon-grid{font-size:2.5rem}.retry-btn-grid{padding:.625rem 1.75rem;background:var(--gradient-primary);border:none;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);color:var(--text-on-primary);font-size:.875rem;font-weight:800;cursor:pointer;font-family:var(--font-display)}.loops-viewer-root{position:relative;width:100%;height:100%;min-height:100dvh;background:var(--color-black);overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer;display:block}.viewer-progress-bar{position:absolute;top:0;left:0;right:0;height:3px;background:rgba(255,255,255,.18);z-index:30;pointer-events:none}.viewer-progress-fill{height:100%;background:var(--gradient-primary);transition:width .1s linear}.viewer-topbar{position:absolute;top:12px;left:0;right:0;z-index:20;display:flex;align-items:center;gap:1rem;padding:0 1rem}.viewer-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(0,0,0,.94);color:#fff;cursor:pointer;backdrop-filter:none;border:1px solid rgba(255,255,255,.15);clip-path:var(--octagon-clip);transition:var(--transition-fast);flex-shrink:0}.viewer-back-btn:hover{background:var(--primary-color);border-color:transparent}.viewer-counter{flex:1;text-align:center;font-size:.8125rem;font-weight:700;color:rgba(255,255,255,.85);font-family:var(--font-display);text-shadow:0 1px 4px rgba(0,0,0,.5)}.viewer-dots{display:flex;align-items:center;gap:5px;flex-shrink:0}.viewer-dot{width:5px;height:5px;clip-path:var(--octagon-clip);background:rgba(255,255,255,.35);transition:var(--transition-fast)}.viewer-dot.active{background:var(--primary-color);width:14px;clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem)}.viewer-paused-indicator{inset:0;z-index:15}.viewer-nav,.viewer-paused-indicator{position:absolute;display:flex;align-items:center;justify-content:center;cursor:pointer}.viewer-nav{left:50%;transform:translateX(-50%);z-index:20;width:40px;height:40px;clip-path:var(--octagon-clip);background:rgba(0,0,0,.94);color:#fff;backdrop-filter:none;border:none;transition:var(--transition-fast)}.viewer-nav:hover:not(:disabled){background:var(--primary-color)}.viewer-nav:disabled{opacity:.2;cursor:not-allowed}.viewer-nav-prev{top:70px}.viewer-nav-next{bottom:200px}.viewer-bottom{position:absolute;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.4) 60%,transparent);padding:2rem 1rem 1.5rem;display:flex;align-items:flex-end;gap:1rem}.viewer-info{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.viewer-user-row{display:flex;align-items:center;gap:.625rem}.viewer-avatar-oct{flex-shrink:0}.viewer-user-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.viewer-username{font-size:.9375rem;font-weight:800;color:#fff;line-height:1;font-family:var(--font-display);display:flex;align-items:center;gap:4px}.viewer-fullname,.viewer-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-fullname{font-size:.75rem;color:rgba(255,255,255,.65)}.viewer-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;clip-path:var(--octagon-clip);background:var(--gradient-gold);font-size:.5625rem;color:#000;font-weight:900}.viewer-plug-hex{padding:.375rem .875rem;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);background:rgba(0,0,0,.45);border:1.5px solid var(--primary-color);font-size:.75rem;font-weight:800;color:var(--primary-color);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;font-family:var(--font-display);letter-spacing:.3px;flex-shrink:0}.viewer-plug-hex:hover{background:var(--gradient-primary);color:var(--text-on-primary);border-color:transparent}.viewer-title{font-size:.9375rem;font-weight:700;color:#fff;line-height:1.3;font-family:var(--font-heading)}.viewer-desc{font-size:.8125rem;color:rgba(255,255,255,.75);line-height:1.5}.viewer-sound-tag{display:flex;align-items:center;gap:.375rem;cursor:pointer;padding:.25rem 0}.sound-tag-icon{color:var(--primary-color);display:flex;align-items:center}.sound-tag-title{font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.viewer-viral-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);background:rgba(var(--error-rgb),.85);font-size:.6875rem;font-weight:900;color:#fff;width:-moz-fit-content;width:fit-content;animation:viral-pulse--loopsviewer 2s infinite}@keyframes viral-pulse--loopsviewer{0%,to{filter:none}50%{filter:drop-shadow(0 0 6px rgba(var(--error-rgb),.8))}}.viewer-action-group{gap:.875rem}.viewer-action-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;padding:0;transition:var(--transition-fast);color:rgba(255,255,255,.9)}.viewer-action-btn:hover{transform:scale(1.12);color:var(--primary-color)}.viewer-action-btn:disabled{opacity:.45}.viewer-action-btn.active,.viewer-action-btn.reacted{color:var(--primary-color)}.va-icon{display:flex;align-items:center;justify-content:center}.va-count{font-size:.6875rem;font-weight:700;color:rgba(255,255,255,.85);font-family:var(--font-display)}.viewer-vibe-btn{background:none;border:none;cursor:pointer;padding:0;margin-top:.25rem;transition:var(--transition-fast)}.viewer-vibe-btn:hover{transform:scale(1.08)}.vibe-octagon-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);clip-path:var(--octagon-clip);gap:2px;box-shadow:var(--shape-glow-accent);transition:var(--transition-fast);color:var(--text-on-primary)}.viewer-vibe-btn:hover .vibe-octagon-inner{box-shadow:var(--glow-strong)}.vibe-icon{display:flex;align-items:center;justify-content:center}.vibe-label{font-size:.375rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.viewer-reactions-pop{position:absolute;bottom:200px;right:1rem;z-index:25;display:flex;flex-direction:column;gap:.5rem;background:rgba(0,0,0,.94);clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);padding:.875rem .75rem;backdrop-filter:none;animation:reactions-pop-in--loopsviewer .2s var(--transition-bounce)}@keyframes reactions-pop-in--loopsviewer{0%{transform:scale(.7) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reaction-pop-btn{display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:none;border:none;cursor:pointer;transition:var(--transition-fast);width:36px;height:36px;clip-path:var(--octagon-clip)}.reaction-pop-btn:hover{transform:scale(1.3);background:rgba(255,255,255,.1)}.reaction-pop-btn.active{background:var(--accent-light)}.viewer-comments-drawer{position:absolute;bottom:0;left:0;right:0;z-index:25;max-height:70vh;background:var(--background-secondary);border-top:2px solid var(--border-color);clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%,0 1rem);display:flex;flex-direction:column;animation:drawer-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes drawer-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comments-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.comments-drawer-title{font-size:.9375rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.comments-close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;clip-path:var(--octagon-clip);transition:var(--transition-fast)}.comments-close:hover{background:var(--background-hover);color:var(--text-primary)}.comments-scroll{flex:1;overflow-y:auto;padding:.75rem 1.25rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.comments-empty-state,.comments-loading-state{text-align:center;color:var(--text-muted);padding:2rem;font-size:.875rem}.comment-row{display:flex;gap:.75rem;align-items:flex-start}.comment-body{flex:1;min-width:0}.comment-user-tag{font-size:.8125rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.verified-micro{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;clip-path:var(--octagon-clip);background:var(--gradient-gold);font-size:.5625rem;color:#000;margin-left:3px;font-weight:900}.comment-text{font-size:.8125rem;color:var(--text-secondary);margin:.25rem 0 .5rem;line-height:1.5}.comment-row-actions{display:flex;gap:1rem}.cra-btn{background:none;border:none;font-size:.75rem;color:var(--text-muted);cursor:pointer;padding:0;font-weight:600;transition:var(--transition-fast)}.cra-btn:hover{color:var(--text-primary)}.cra-delete:hover{color:var(--error-color)}.reply-section{margin-top:.75rem;padding-left:1rem;border-left:2px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.replies-loading{font-size:.75rem;color:var(--text-muted)}.reply-row{display:flex;gap:.5rem;align-items:flex-start}.reply-body{flex:1}.reply-input-row{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.reply-input{flex:1;background:var(--background-tertiary);border:1px solid var(--border-color);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);padding:.5rem .75rem;font-size:.8125rem;color:var(--text-primary);outline:none;font-family:var(--font-primary)}.reply-submit{width:32px;height:32px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);background:var(--gradient-primary);border:none;color:var(--text-on-primary);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.reply-submit:hover{opacity:.85;transform:scale(1.05)}.comments-input-bar{display:flex;gap:.625rem;padding:.875rem 1.25rem;border-top:1px solid var(--border-color);flex-shrink:0}.comments-input{flex:1;background:var(--background-tertiary);border:1.5px solid var(--border-color);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);padding:.625rem 1rem;font-size:.875rem;color:var(--text-primary);outline:none;transition:var(--transition-fast);font-family:var(--font-primary)}.comments-input:focus{border-color:var(--primary-color)}.comments-submit{padding:.625rem 1.25rem;background:var(--gradient-primary);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);border:none;font-size:.875rem;font-weight:800;color:var(--text-on-primary);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-display)}.comments-submit:hover:not(:disabled){opacity:.88}.comments-submit:disabled{opacity:.5;cursor:not-allowed}.viewer-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;background:var(--color-black);color:rgba(255,255,255,.6);gap:1rem}.viewer-state-spinner{animation:viewer-float 2s ease-in-out infinite}@keyframes viewer-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin--loopsviewer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-retry{padding:.75rem 2rem;background:var(--gradient-primary);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);border:none;color:var(--text-on-primary);font-size:.9375rem;font-weight:800;cursor:pointer}.vab-root{gap:4px;transition:transform .15s}.vab-root:active{transform:scale(.92)}.vab-root.vab-disabled{cursor:not-allowed}.vab-root.vab-display{pointer-events:none}.vab-oct{width:48px;height:48px;background:rgba(0,0,0,.94);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--primary-color) 55%,transparent);backdrop-filter:none;transition:background .15s,box-shadow .15s}.vab-icon{color:var(--primary-color);filter:drop-shadow(0 1px 4px rgba(0,0,0,.5));transition:color .15s}.vab-root.vab-active .vab-oct{background:color-mix(in srgb,var(--primary-color) 22%,rgba(0,0,0,.4));box-shadow:0 0 0 1.5px var(--primary-color),0 0 14px 3px color-mix(in srgb,var(--primary-color) 40%,transparent)}.vab-root.vab-active .vab-icon{color:var(--primary-color)}.vab-root.vab-active .vab-icon svg{fill:var(--primary-color)}.vab-root:not(.vab-disabled):not(.vab-display):hover .vab-oct{background:color-mix(in srgb,var(--primary-color) 16%,rgba(0,0,0,.45));box-shadow:0 0 0 2px var(--primary-color)}.vab-count{font-size:.6875rem;color:rgba(255,255,255,.9);text-shadow:0 1px 3px rgba(0,0,0,.7)}.viewer-actions{flex-shrink:0;align-self:flex-end;padding-bottom:.25rem}.viewer-action-group{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media (max-width:480px){.viewer-bottom{padding:1.5rem .75rem 1rem;gap:.625rem}.viewer-action-group{gap:.75rem}.viewer-plug-hex{padding:.3rem .7rem;font-size:.6875rem}.viewer-nav-prev{top:60px}.viewer-nav-next{bottom:180px}.vibe-octagon-inner{width:42px;height:42px}}@media (min-width:1024px){.loops-viewer-root{max-width:480px;margin:0 auto}}.medium-thumb-inner video,.thumb-placeholder-sm video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .25s ease;pointer-events:none}.medium-tile:hover .medium-thumb-inner video,.thumb-tile:hover .thumb-placeholder-sm video{opacity:1}.viewer-plug-wrapper{flex-shrink:0;pointer-events:auto}.viewer-plug-hex--own{padding:.35rem .875rem;background:var(--background-secondary);border:1px solid var(--border-color);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);font-size:.6875rem;font-weight:700;color:var(--text-muted);cursor:pointer;font-family:var(--font-display);transition:var(--transition-fast)}.viewer-plug-hex--own:hover{border-color:var(--primary-color);color:var(--primary-color)}.mosaic-root{position:absolute;inset:0;display:flex;flex-direction:column;gap:2px;background:var(--color-black)}.mosaic-dual .mosaic-bottom,.mosaic-dual .mosaic-top{flex:1;position:relative;overflow:hidden}.mosaic-triple .mosaic-top{flex:1.4;position:relative;overflow:hidden}.mosaic-triple .mosaic-bottom-row{flex:1;display:flex;gap:2px}.mosaic-triple .mosaic-bottom-left,.mosaic-triple .mosaic-bottom-right{flex:1;position:relative;overflow:hidden}.mosaic-top-wide .mosaic-top-row{flex:1;display:flex;gap:2px}.mosaic-top-wide .mosaic-top-left,.mosaic-top-wide .mosaic-top-right{flex:1;position:relative;overflow:hidden}.mosaic-top-wide .mosaic-bottom{flex:1.4;position:relative;overflow:hidden}.mosaic-slot{cursor:pointer;transition:filter .2s}.mosaic-slot:not(.mosaic-slot--active-sound){filter:brightness(.75) saturate(.7)}.mosaic-slot--active-sound{outline:2px solid var(--primary-color);outline-offset:-2px;z-index:1}.mosaic-slot:hover:not(.mosaic-slot--active-sound){filter:brightness(.9) saturate(.9)}.mosaic-media{position:absolute;inset:0}.mosaic-empty{background:var(--background-tertiary)}.mosaic-sound-indicator{top:6px;font-size:.875rem;background:rgba(0,0,0,.55);padding:2px 6px;clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem);z-index:2}.mosaic-slot-label{bottom:6px;transform:translateX(-50%);font-size:.625rem;font-weight:800;color:rgba(255,255,255,.85);text-shadow:0 1px 4px rgba(0,0,0,.7);text-transform:uppercase;letter-spacing:.04em;z-index:2}.mosaic-slot-label,.mosaic-slot:after{position:absolute;left:50%;font-family:var(--font-display);pointer-events:none}.mosaic-slot:after{content:"Tap for sound";bottom:28px;transform:translateX(-50%) scale(.85);opacity:0;font-size:.5625rem;font-weight:700;color:#fff;background:rgba(0,0,0,.6);padding:2px 8px;clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem);white-space:nowrap;transition:opacity .2s,transform .2s;z-index:3}.mosaic-slot:hover:after{opacity:1;transform:translateX(-50%) scale(1)}.mosaic-slot--active-sound:after{display:none}.vab-root{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;cursor:pointer;padding:0;color:rgba(255,255,255,.9);transition:var(--transition-fast);-webkit-tap-highlight-color:transparent}.vab-root:hover{transform:scale(1.1)}.vab-root.vab-active{color:var(--primary-color)}.vab-root.vab-disabled{opacity:.4;pointer-events:none}.vab-root.vab-display{cursor:default}.vab-oct{display:flex;align-items:center;justify-content:center;width:42px;height:42px;clip-path:var(--octagon-clip);background:rgba(0,0,0,.45);border:1.5px solid rgba(255,255,255,.15);transition:background .15s,border-color .15s}.vab-root.vab-active .vab-oct{background:color-mix(in srgb,var(--vab-active-color,var(--primary-color)) 18%,rgba(0,0,0,.5));border-color:color-mix(in srgb,var(--vab-active-color,var(--primary-color)) 55%,transparent)}.vab-icon{display:flex;align-items:center;justify-content:center;color:inherit}.vab-count{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.85)}.vab-count,.vab-label{font-family:var(--font-display);line-height:1}.vab-label{font-size:.5rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.mosaic-root{position:relative;width:100%;height:100%}.mosaic-dual,.mosaic-top-wide,.mosaic-triple{display:grid;grid-template-rows:1fr 1fr;gap:2px;height:100%}.mosaic-bottom-row,.mosaic-top-row{display:grid;grid-template-columns:1fr 1fr;gap:2px}.mosaic-slot{position:relative;overflow:hidden;background:#000}.mosaic-slot.mosaic-empty{background:var(--background-tertiary)}.mosaic-slot.mosaic-slot--active-sound{box-shadow:inset 0 0 0 2px var(--primary-color)}.mosaic-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.mosaic-sound-indicator{position:absolute;bottom:6px;right:6px;font-size:.75rem;pointer-events:none}.viewer-plug-wrapper{display:flex;align-items:center;justify-content:center}.sound-tag-hot{font-size:.75rem;margin-left:3px}.comments-riff-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 14px;background:color-mix(in srgb,var(--primary-color) 8%,var(--background-secondary));border-bottom:1px solid color-mix(in srgb,var(--primary-color) 18%,transparent);flex-shrink:0}.riff-bar-label{font-size:.7rem;font-weight:700;font-family:var(--font-display);color:var(--primary-color)}.riff-bar-cancel{display:flex;align-items:center;justify-content:center;width:20px;height:20px;clip-path:var(--octagon-clip);background:color-mix(in srgb,var(--error-color) 14%,var(--background-tertiary));color:var(--text-muted);border:none;cursor:pointer;font-size:.65rem;transition:background .13s,color .13s;-webkit-tap-highlight-color:transparent}.riff-bar-cancel:hover{background:color-mix(in srgb,var(--error-color) 26%,var(--background-tertiary));color:var(--error-color)}.loops-fab-create-group{position:fixed;bottom:28px;right:24px;z-index:var(--z-fab);display:flex;flex-direction:column;align-items:center;gap:12px}.loops-fab-record,.loops-fab-upload{clip-path:var(--octagon-clip);border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);padding:0;gap:3px}.loops-fab-record{width:60px;height:60px;background:var(--gradient-primary);box-shadow:var(--shape-shadow),var(--shape-glow-accent);animation:fab-breathe--loopswidget 3s ease-in-out infinite;color:var(--text-on-primary)}.loops-fab-upload{width:52px;height:52px;background:var(--background-secondary);border:2px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-md)}.loops-fab-record:hover{transform:scale(1.1) rotate(15deg);animation:none;box-shadow:var(--shape-shadow),var(--glow-strong)}.loops-fab-upload:hover{border-color:var(--primary-color);background:var(--accent-light);color:var(--primary-color);transform:scale(1.08)}.loops-fab-record:active,.loops-fab-upload:active{transform:scale(.94)}.fab-icon{display:flex;align-items:center;justify-content:center}.fab-label{font-size:.5rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-display);line-height:1}@keyframes fab-breathe--loopswidget{0%,to{box-shadow:var(--shape-shadow),var(--shape-glow-accent)}50%{box-shadow:var(--shape-shadow),var(--glow-strong);transform:scale(1.04)}}.loops-fab-create{position:fixed;bottom:28px;right:28px;width:68px;height:68px;background:var(--gradient-primary);clip-path:var(--octagon-clip);border:none;cursor:pointer;z-index:var(--z-fab);box-shadow:var(--shape-shadow),var(--shape-glow-accent);transition:var(--transition-smooth);animation:fab-breathe--loopswidget 3s ease-in-out infinite;padding:0;color:var(--text-on-primary)}.fab-oct-inner,.loops-fab-create{display:flex;align-items:center;justify-content:center}.fab-oct-inner{flex-direction:column;gap:3px}.loops-fab-create:hover{transform:scale(1.1) rotate(30deg);filter:drop-shadow(var(--drop-glow-accent));animation:none}.loops-fab-create:active{transform:scale(.95)}.creator-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:var(--overlay);backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:1rem}.creator-picker{width:100%;max-width:500px;background:var(--background-secondary);border-top:2px solid var(--border-color);clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%,0 1rem);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;animation:picker-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes picker-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.creator-picker-header{display:flex;align-items:center;justify-content:space-between}.creator-picker-title{font-size:1.0625rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.creator-picker-close{background:var(--background-hover);width:32px;height:32px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.creator-picker-close:hover{background:var(--error-color);color:#fff}.creator-picker-options{display:flex;gap:1.25rem;align-items:stretch}.creator-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;padding:1.75rem 1rem;background:var(--background-tertiary);clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);border:none;cursor:pointer;transition:var(--transition-fast)}.creator-option:hover{background:var(--gradient-primary);transform:translateY(-2px)}.creator-option:hover .creator-option-label,.creator-option:hover .creator-option-sub{color:var(--text-on-primary)}.creator-option-icon{font-size:2.25rem}.creator-option-label{font-size:.9375rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.creator-option-sub{font-size:.75rem;color:var(--text-muted)}.creator-option-divider{width:1.5px;background:var(--border-color);flex-shrink:0}.creator-upload-hex-wrap{display:flex;justify-content:center;padding:1rem 0}.creator-upload-hex{display:flex;align-items:center;justify-content:center;width:160px;height:184px;clip-path:var(--hexagon-clip);background:var(--gradient-primary);cursor:pointer;transition:var(--transition-fast);filter:drop-shadow(var(--shape-shadow))}.creator-upload-hex:hover{opacity:.88;transform:scale(1.04);filter:drop-shadow(var(--drop-glow-accent))}.upload-hex-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text-on-primary);text-align:center}.upload-hex-icon{font-size:2.5rem}.upload-hex-label{font-size:.75rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-display)}.upload-hex-sub{font-size:.625rem;opacity:.8}.creator-form{width:100%;max-width:500px;max-height:92dvh;background:var(--background-secondary);border-top:2px solid var(--border-color);clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%,0 1rem);display:flex;flex-direction:column;overflow:hidden;animation:picker-slide-up .3s cubic-bezier(.4,0,.2,1)}.creator-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.125rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.creator-form-title{font-size:1.0625rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.creator-form-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);background:var(--background-hover);border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.creator-form-close:hover{background:var(--error-color);color:#fff}.creator-form-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin}.creator-section{display:flex;flex-direction:column;gap:.5rem}.creator-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:800;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.mosaic-layout-picker{display:flex;gap:.5rem;flex-wrap:wrap}.mosaic-layout-btn{flex:1;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem;background:var(--background-tertiary);border:1.5px solid var(--border-color);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);cursor:pointer;transition:var(--transition-fast)}.mosaic-layout-btn:hover{border-color:var(--primary-color);background:var(--accent-light)}.mosaic-layout-btn.active{background:var(--gradient-primary);border-color:transparent}.mosaic-layout-btn.active .mlb-icon,.mosaic-layout-btn.active .mlb-label{color:var(--text-on-primary)}.mlb-icon{font-size:1.125rem;color:var(--text-primary);line-height:1}.mlb-label{font-size:.5625rem;font-weight:800;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.creator-slots{display:grid;gap:.75rem}.creator-slots--1{grid-template-columns:1fr}.creator-slots--2,.creator-slots--3{grid-template-columns:1fr 1fr}.creator-slots--3 .creator-slot:first-child{grid-column:1/-1}.creator-slot{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--background-tertiary);border:1.5px solid var(--border-color);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);transition:border-color .2s}.creator-slot--active-sound{border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 18%,transparent)}.creator-slot-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creator-slot-label{font-size:.6875rem;font-weight:800;color:var(--text-secondary);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase}.creator-slot-sound{border-top:1px solid var(--border-color);padding-top:.5rem;margin-top:.25rem}.sound-source-btn{padding:.25rem .625rem;background:var(--background-secondary);border:1px solid var(--border-color);clip-path:polygon(.25rem 0,calc(100% - .25rem) 0,100% .25rem,100% calc(100% - .25rem),calc(100% - .25rem) 100%,.25rem 100%,0 calc(100% - .25rem),0 .25rem);font-size:.5625rem;font-weight:800;color:var(--text-muted);cursor:pointer;font-family:var(--font-display);letter-spacing:.03em;transition:var(--transition-fast);white-space:nowrap}.sound-source-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.sound-source-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--text-on-primary)}.creator-preview-wrap{position:relative;clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,.5rem 100%,0 calc(100% - .5rem),0 .5rem);overflow:hidden;background:#000;aspect-ratio:9/14;max-height:280px}.creator-preview-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creator-change-video{position:absolute;bottom:10px;right:10px;padding:.375rem .875rem;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);background:rgba(0,0,0,.65);border:none;font-size:.75rem;font-weight:800;color:#fff;cursor:pointer;font-family:var(--font-display)}.creator-input,.creator-select,.creator-textarea{width:100%;background:var(--background-tertiary);border:1.5px solid var(--border-color);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);padding:.75rem 1rem;font-size:.9375rem;color:var(--text-primary);outline:none;font-family:var(--font-primary);transition:var(--transition-fast);box-sizing:border-box}.creator-input:focus,.creator-select:focus,.creator-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--accent-light)}.creator-textarea{resize:vertical;min-height:80px}.creator-select{cursor:pointer}.creator-visibility-row{display:flex;gap:.5rem;flex-wrap:wrap}.creator-vis-btn{flex:1;min-width:90px;padding:.5rem .75rem;background:var(--background-tertiary);border:1.5px solid var(--border-color);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);font-size:.75rem;font-weight:700;color:var(--text-muted);cursor:pointer;font-family:var(--font-display);transition:var(--transition-fast);text-align:center;white-space:nowrap}.creator-vis-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.creator-vis-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--text-on-primary)}.creator-error{padding:.75rem 1rem;background:color-mix(in srgb,var(--error-color) 10%,transparent);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);font-size:.875rem;color:var(--error-color)}.creator-progress-wrap{display:flex;align-items:center;gap:.75rem}.creator-progress-bar{flex:1;height:6px;background:var(--background-tertiary);clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem);overflow:hidden}.creator-progress-fill{height:100%;background:var(--gradient-primary);transition:width .2s ease}.creator-progress-label{font-size:.8125rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;font-family:var(--font-display)}.creator-form-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);flex-shrink:0}.creator-cancel-btn{flex:1;padding:.875rem;background:var(--background-tertiary);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);border:none;font-size:.9375rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-family:var(--font-display)}.creator-cancel-btn:hover:not(:disabled){background:var(--background-hover);color:var(--text-primary)}.creator-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.creator-submit-btn{flex:2;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:var(--gradient-primary);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);border:none;font-size:.9375rem;font-weight:900;color:var(--text-on-primary);cursor:pointer;transition:var(--transition-fast);letter-spacing:.5px;font-family:var(--font-display)}.creator-submit-btn:hover:not(:disabled){opacity:.88;transform:scale(1.01)}.creator-submit-btn:disabled{opacity:.5;cursor:not-allowed}.lvi-root{width:100%}.lvi-dropzone{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;background:var(--background-tertiary);border:1.5px dashed var(--border-color);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);cursor:default}.lvi-drop-label{font-size:.8125rem;color:var(--text-muted);font-weight:600}.lvi-action-row{display:flex;align-items:stretch;background:var(--background-secondary);border:1px solid var(--border-color);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem);overflow:hidden}.lvi-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.875rem 1.25rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.6875rem;font-weight:800;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition-fast)}.lvi-action-btn:hover:not(:disabled){background:var(--gradient-primary);color:var(--text-on-primary)}.lvi-action-btn:disabled{opacity:.4;cursor:not-allowed}.lvi-action-divider{width:1px;background:var(--border-color);flex-shrink:0}.lvi-sub{font-size:.6875rem;color:var(--text-muted);opacity:.7}.lvi-preview{position:relative;width:100%}.lvi-video{width:100%;aspect-ratio:9/16;max-height:320px;-o-object-fit:cover;object-fit:cover;background:#000;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);display:block}.lvi-preview-actions{display:flex;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.lvi-change-btn{padding:.375rem .875rem;background:var(--background-tertiary);border:1px solid var(--border-color);font-size:.75rem;font-weight:700;color:var(--text-secondary)}.lvi-change-btn,.lvi-clear-btn{clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem);cursor:pointer}.lvi-clear-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--error-color) 10%,transparent);border:none;color:var(--error-color)}.lvi-hidden-input{display:none}.lvi-cam-overlay{position:absolute;inset:0;z-index:10;border-radius:inherit;overflow:hidden}.lvi-cam-root{position:relative;width:100%;height:100%;min-height:420px;background:#000;display:flex;align-items:center;justify-content:center}.lvi-cam-preview{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lvi-cam-topbar{position:absolute;top:0;left:0;right:0;z-index:10;justify-content:space-between;padding:.75rem}.lvi-cam-ctrl,.lvi-cam-topbar{display:flex;align-items:center}.lvi-cam-ctrl{width:38px;height:38px;border:1px solid rgba(255,255,255,.15);clip-path:var(--octagon-clip);color:#fff;font-size:.875rem;cursor:pointer;justify-content:center}.lvi-cam-ctrl,.lvi-cam-rec-pill{background:rgba(0,0,0,.94);backdrop-filter:none}.lvi-cam-rec-pill{display:flex;align-items:center;gap:6px;padding:.3rem .75rem;clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem)}.lvi-cam-rec-dot{width:7px;height:7px;background:var(--error-color);border-radius:50%;animation:lvi-blink 1s ease-in-out infinite}@keyframes lvi-blink{0%,to{opacity:1}50%{opacity:.2}}.lvi-cam-rec-time{font-size:.8125rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;font-family:var(--font-display)}.lvi-cam-bottombar{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,transparent)}.lvi-cam-record-btn,.lvi-cam-stop-btn{width:64px;height:64px;border-radius:50%;border:3px solid #fff;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s}.lvi-cam-record-btn:hover,.lvi-cam-stop-btn:hover{transform:scale(1.06)}.lvi-cam-record-inner{width:42px;height:42px;border-radius:50%;background:var(--error-color)}.lvi-cam-stop-inner{width:22px;height:22px;background:var(--error-color);clip-path:polygon(.3rem 0,calc(100% - .3rem) 0,100% .3rem,100% calc(100% - .3rem),calc(100% - .3rem) 100%,.3rem 100%,0 calc(100% - .3rem),0 .3rem)}.lvi-cam-error{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2rem;color:#fff;max-width:300px}.lvi-cam-error-msg{color:var(--error-color);font-size:.875rem;line-height:1.5}.lvi-cam-back-btn{padding:.625rem 1.75rem;background:var(--gradient-primary);border:none;color:#fff;font-weight:800;cursor:pointer;clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);font-family:var(--font-display)}@media (max-width:480px){.loops-fab-create-group{bottom:16px;right:16px}.loops-fab-record{width:54px;height:54px}.loops-fab-upload{width:46px;height:46px}.loops-fab-create{bottom:20px;right:16px;width:60px;height:60px}.creator-option{padding:1.25rem .75rem}.creator-upload-hex{width:130px;height:150px}.creator-slots--2,.creator-slots--3{grid-template-columns:1fr}.creator-slots--3 .creator-slot:first-child{grid-column:auto}}.vibe-overlay{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:none}.vibe-modal{width:100%;max-width:520px;max-height:88vh;background:var(--background-secondary);border-top:2px solid var(--border-color);clip-path:polygon(1rem 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,0 100%,0 1rem);display:flex;flex-direction:column;overflow:hidden;animation:vibe-slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes vibe-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vibe-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.vibe-header-brand{display:flex;align-items:center;gap:.75rem}.vibe-octagon-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);clip-path:var(--octagon-clip);font-size:1rem;filter:drop-shadow(var(--shape-glow-accent))}.vibe-header-title{font-size:1rem;font-weight:900;color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;font-family:var(--font-display)}.vibe-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;clip-path:var(--octagon-clip);background:var(--background-hover);border:none;font-size:1rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.vibe-close:hover{background:var(--error-color);color:var(--color-white)}.vibe-tabs{display:flex;border-bottom:1px solid var(--border-color);flex-shrink:0;overflow-x:auto;scrollbar-width:none}.vibe-tabs::-webkit-scrollbar{display:none}.vibe-tab{padding:.75rem 1rem;font-size:.8125rem;font-weight:800;color:var(--text-muted);background:none;cursor:pointer;border:none;border-bottom:2.5px solid transparent;transition:var(--transition-fast);white-space:nowrap;flex-shrink:0;font-family:var(--font-display)}.vibe-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.vibe-tab:hover:not(.active){color:var(--text-primary)}.vibe-categories{display:flex;gap:.5rem;padding:.75rem 1rem;overflow-x:auto;scrollbar-width:none;flex-shrink:0;border-bottom:1px solid var(--border-color)}.vibe-categories::-webkit-scrollbar{display:none}.vibe-cat-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.5rem .875rem;background:var(--background-tertiary);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);font-size:.75rem;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;flex-shrink:0;border:none;font-family:var(--font-primary)}.vibe-cat-btn:hover{background:var(--background-hover)}.vibe-cat-btn.active{background:var(--gradient-primary);color:var(--text-on-primary)}.vibe-search-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.vibe-search-input{flex:1;background:var(--background-tertiary);border:1.5px solid var(--border-color);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);padding:.625rem .875rem;font-size:.875rem;color:var(--text-primary);outline:none;transition:var(--transition-fast);font-family:var(--font-primary)}.vibe-search-input:focus{border-color:var(--primary-color)}.vibe-search-go{padding:.625rem 1rem;background:var(--gradient-primary);clip-path:polygon(.4rem 0,calc(100% - .4rem) 0,100% .4rem,100% calc(100% - .4rem),calc(100% - .4rem) 100%,.4rem 100%,0 calc(100% - .4rem),0 .4rem);border:none;font-size:.875rem;font-weight:800;color:var(--text-on-primary);cursor:pointer}.vibe-list-wrap{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.vibe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.75rem;color:var(--text-muted)}.vibe-empty-icon{font-size:2.5rem}.vibe-list{display:flex;flex-direction:column}.vibe-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}.vibe-item:hover{background:var(--background-hover)}.vibe-play-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--background-tertiary);clip-path:var(--octagon-clip);font-size:.875rem;color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:var(--transition-fast);border:none}.vibe-play-btn:hover{background:var(--gradient-primary);color:var(--text-on-primary)}.vibe-waveform{width:80px;height:28px;display:flex;align-items:center;gap:2px;flex-shrink:0;overflow:hidden}.vibe-bar{width:3px;background:var(--primary-color);opacity:.5;transition:height .15s ease;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.vibe-bar.playing{opacity:1;animation:vibe-bar-dance .5s ease-in-out infinite alternate}@keyframes vibe-bar-dance{0%{opacity:.7}to{opacity:1;transform:scaleY(1.1)}}.vibe-info{flex:1;min-width:0}.vibe-title{font-size:.8125rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display)}.vibe-meta{margin-top:2px}.vibe-meta,.vibe-stats{display:flex;gap:.625rem;font-size:.6875rem;color:var(--text-muted)}.vibe-stats{align-items:center;margin-top:4px}.vibe-hot{font-size:.625rem;font-weight:800;color:var(--error-color);text-transform:uppercase}.vibe-cat-tag{font-size:.6rem;background:var(--background-tertiary);clip-path:polygon(.2rem 0,calc(100% - .2rem) 0,100% .2rem,100% calc(100% - .2rem),calc(100% - .2rem) 100%,.2rem 100%,0 calc(100% - .2rem),0 .2rem);padding:1px 5px;color:var(--text-muted)}.vibe-use-btn{background:none;border:none;cursor:pointer;flex-shrink:0;padding:0}.vibe-use-octagon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-primary);clip-path:var(--octagon-clip);font-size:.5rem;font-weight:900;color:var(--text-on-primary);letter-spacing:.5px;text-transform:uppercase;font-family:var(--font-display);transition:var(--transition-fast);filter:drop-shadow(var(--shape-glow-accent))}.vibe-use-btn:hover .vibe-use-octagon{background:var(--gradient-gold);color:var(--color-black);transform:scale(1.08);filter:drop-shadow(var(--drop-glow-gold))}.vibe-footer{padding:.875rem 1.25rem;border-top:1px solid var(--border-color);flex-shrink:0}.vibe-footer-tip{font-size:.75rem;color:var(--text-muted)}