*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono:"IBM Plex Mono","Courier New",monospace;--font-serif:"Playfair Display",Georgia,serif}html,body{overscroll-behavior:none;height:100%;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important}html{touch-action:pan-y;-webkit-overflow-scrolling:touch}body{-webkit-font-smoothing:auto;flex-direction:column;min-height:100vh;display:flex;color:#000!important;background:#fff!important;font-family:IBM Plex Mono,Courier New,monospace!important;font-weight:500!important}@media (prefers-color-scheme:dark){html,body{color:#000!important;background:#fff!important}.next-error-h1{border-right:1px solid #000!important}}*{color:#000}button,a,span,div,p,h1,h2,h3,label,input,select,textarea,option{color:#000!important}.btn-primary,.pill.active,.btn-dark{color:#fff!important}.wm-light{color:#777!important;font-weight:500!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-enter{animation:.18s fadeIn}@keyframes profilePulse{0%{transform:scale(1);box-shadow:0 0 #0006}30%{transform:scale(1.25);box-shadow:0 0 0 8px #0000}50%{transform:scale(1.1)}70%{transform:scale(1.2)}to{transform:scale(1);box-shadow:0 0 #0000}}.profile-pulse{animation:.6s profilePulse}@keyframes clipExit{0%{opacity:1}to{opacity:0}}.clip-exiting{pointer-events:none;animation:.5s forwards clipExit}.accent-rule{background:#000;width:22px;height:1px}.divider{background:#000;flex-shrink:0;height:1px}.btn-primary{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#000;border:none;border-radius:2px;width:100%;padding:14px 24px;font-family:IBM Plex Mono,Courier New,monospace;font-size:13px;font-weight:500;transition:background .15s;color:#fff!important}.btn-primary:hover{background:#333}.tag{letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #000;border-radius:2px;padding:4px 10px;font-family:IBM Plex Mono,Courier New,monospace;font-size:11.5px;font-weight:500;transition:all .15s;color:#000!important}@media (hover:hover){.tag:hover{background:#000;color:#fff!important}}.pill{letter-spacing:.09em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #000;border-radius:2px;padding:5px 12px;font-family:IBM Plex Mono,Courier New,monospace;font-size:12px;font-weight:500;transition:all .15s;color:#000!important}.pill:hover,.pill.active{border-color:#000;color:#000!important}.pill.active{background:#000;color:#fff!important}.meta-label{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600;color:#000!important}video{object-fit:cover;width:100%;height:100%}.clips-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:20px;max-width:1400px;margin:0 auto;display:grid}.clip-portrait{grid-row:span 2}@media (max-width:768px){*{font-size-adjust:none}body{font-size:17px!important}input,select,textarea{font-size:16px!important}.meta-label{font-size:13px!important}.tag{font-size:12.5px!important}.pill{font-size:13px!important}.btn-primary{font-size:14px!important}.clips-sidebar p{font-size:15.5px!important}.clips-sidebar h1{font-size:31px!important}.clips-sidebar .meta-label~span{font-size:15px!important}.site-header{gap:12px!important;padding:14px 16px!important}.header-left{gap:16px!important}.header-right{gap:10px!important}.header-wordmark{font-size:14px!important}.header-join-btn{padding:6px 12px!important;font-size:13px!important}.search-overlay-inner{max-width:560px;width:calc(100% - 32px)!important}.page-padded{padding:28px 16px!important}.form-container{max-width:480px;width:100%!important}.clips-grid{grid-auto-rows:calc(28.125vw + 17.625px);grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.clip-cell{overflow:hidden}.clip-portrait{grid-row:span 2!important}.clip-portrait .feed-card{height:100%}.clip-portrait .feed-media{flex:1;min-height:0;aspect-ratio:unset!important}.clip-title-portrait{max-width:16ch}.grid-3,.saved-grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important}.thumb-portrait{aspect-ratio:9/16!important}.join-outer{padding:32px 16px!important}.profile-container{max-width:420px;width:100%!important}}@media (max-width:500px) and (orientation:portrait){.clips-layout{flex-direction:column!important;gap:20px!important;padding:16px 16px 40px!important}.clip-video-col{flex:none!important;width:100%!important}.clip-video-col .video-player-container{max-width:100%!important;max-height:calc(100dvh - 200px)!important}.clips-sidebar{width:100%!important}}@media (max-width:932px) and (orientation:landscape){.clips-grid{grid-template-columns:repeat(4,1fr)!important;grid-auto-rows:auto!important;gap:10px!important;width:100%!important;max-width:none!important;margin:0!important}.clips-layout{flex-direction:row!important;align-items:flex-start!important;gap:16px!important;padding:12px!important}.clip-video-col{flex:1!important;min-width:0!important;overflow:hidden!important}.clip-video-col .video-player-container{background:0 0!important;border:none!important;max-width:90%!important;max-height:calc(100dvh - 90px)!important}.clips-sidebar{max-height:calc(100vh - 70px);overflow-y:auto;flex-shrink:0!important;width:200px!important;font-size:12px!important}.clips-sidebar h1{font-size:20px!important}.clips-sidebar p{font-size:12px!important}}