.loops-vault{isolation:isolate;color:#e8e9e6;--text-secondary:#a9b1b5;--line-subtle:#ffffff24;background:#101315;flex-direction:column;min-height:100svh;display:flex;position:relative}.loops-fluid{z-index:-2;opacity:.65;position:fixed!important}.loops-vignette{z-index:-1;pointer-events:none;background:radial-gradient(#101315b8 0%,#10131550 60%,#101315c9 100%);position:fixed;inset:0}.loops-header,.loops-footer{justify-content:space-between;align-items:center;gap:20px;padding:28px clamp(22px,5vw,80px);display:flex}.loops-wordmark{letter-spacing:.2em;align-items:center;gap:12px;min-height:44px;font-size:.625rem;display:flex}.loops-wordmark img{width:23px;height:30px}.loops-preview-tag{color:#a9b1b5;align-items:center;gap:7px;font-size:.6875rem;display:flex}.loops-preview-tag i{background:#a1b6bf;border-radius:50%;width:5px;height:5px}.loops-stage{flex:1;align-content:center;align-items:center;width:100%;padding:30px 24px;display:grid}.loops-stage.is-archive{align-content:start}.loops-header{animation:.48s ease-out backwards loops-arrive-fade}.loops-stage{animation:.64s cubic-bezier(.22,1,.36,1) 60ms backwards loops-arrive-rise}.loops-footer{animation:.56s ease-out .16s backwards loops-arrive-fade}.loops-fluid{animation:.9s ease-out backwards loops-arrive-atmosphere}@keyframes loops-arrive-fade{0%{opacity:0}to{opacity:1}}@keyframes loops-arrive-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes loops-arrive-atmosphere{0%{opacity:0}to{opacity:.65}}.loop-entry-panel{width:min(100%,400px);margin:auto}.loops-kicker{text-align:center;letter-spacing:.25em;color:#aab6bc;margin-bottom:20px;font-size:.5625rem}.loops-vault h1{font-family:var(--font-body);letter-spacing:-.065em;white-space:nowrap;font-size:clamp(2.75rem,5vw,4rem);font-weight:400;line-height:1.08}.loop-entry-panel h1{text-align:center;margin-bottom:36px}.loops-vault h1 em{font-family:var(--font-display);letter-spacing:-.035em;color:#c8d4d9;font-weight:400}.loop-email,.loops-toolbar input,.loops-toolbar select{color:#e8e9e6;outline-offset:4px;background:#171d20de;border:1px solid #526067;border-radius:8px;width:100%;min-width:0;min-height:54px;padding:14px 16px;font-size:1rem}.loop-email::placeholder,.loops-toolbar input::placeholder{color:#a2acb1}.loop-consents{gap:3px;margin:18px 0 22px;display:grid}.loop-consents label{cursor:pointer;color:#c0c8cc;align-items:flex-start;gap:12px;min-height:44px;padding:8px 0;font-size:.75rem;line-height:1.55;display:flex}.loop-consents input,.loops-licence input{appearance:auto;accent-color:#d2dfe5;flex:none;width:17px;height:17px;margin:1px 0 0}.loop-submit{color:#172025;background:#dce3e6;border:1px solid #d4dce0;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:54px;padding:14px 18px;font-size:.8125rem;font-weight:500;transition:background .2s,transform .2s;display:flex}.loop-submit:hover{background:#f0f3f4;transform:translateY(-1px)}.loop-form-note{text-align:center;color:#b2bdc3;margin:16px 0 0;font-size:.75rem}.loops-footer{color:#bbc5ca;padding-top:16px;padding-bottom:max(20px,env(safe-area-inset-bottom));font-size:.8125rem}.loops-credit{gap:8px}.loops-credit:hover{color:#edf4f7;text-underline-offset:4px;text-decoration:underline}.loop-return-panel>p{text-align:center;color:#bbc5ca;margin-bottom:24px;font-size:.875rem}.loop-switch-email{color:#bbc5ca;text-underline-offset:4px;background:0 0;border:0;min-height:44px;margin:12px auto 0;padding:8px;font-size:.8125rem;text-decoration:underline;display:block}.loops-footer nav{align-items:center;gap:24px;display:flex}.loops-footer a,.loops-footer button{align-items:center;min-height:44px;display:inline-flex}.loops-footer button,.loop-reset{font:inherit;background:0 0;border:0;padding:0}.loops-vault :focus-visible{outline-offset:5px;outline:2px solid #d1e1e8}.loops-vault h1:focus{outline:none}.loops-vault .field-error,.loop-error{color:#ffbdb5;margin:8px 0;font-size:.75rem;line-height:1.5}.loop-error{max-width:440px;margin:20px auto 0}.loop-session-status{text-align:center;color:#aeb9be;min-height:225px;font-size:.8125rem}.loop-session-status button{margin-top:24px}.loops-archive{width:min(100%,920px);margin:auto}.loops-section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.loops-section-heading .eyebrow{color:#a9b7bd;margin-bottom:15px;font-size:.5625rem}.loops-archive h1{font-size:clamp(2.5rem,4vw,3.5rem)}.loop-reset{color:#b4c0c6;white-space:nowrap;align-items:center;gap:16px;min-height:44px;font-size:.6875rem;display:flex}.loops-toolbar{gap:12px;padding-bottom:26px;display:flex}.loop-search-wrap{flex:1;display:flex;position:relative}.loop-search-wrap .icon{color:#9fadb4;position:absolute;top:17px;left:15px}.loops-toolbar input{padding-left:45px}.loops-toolbar select{width:160px;padding-right:12px;font-size:.75rem}.loops-list-heading,.loop-card{grid-template-columns:minmax(0,1fr) 150px 140px;align-items:center;gap:24px;display:grid}.loops-list-heading{text-transform:uppercase;letter-spacing:.13em;color:#a5b2b9;padding-bottom:12px;font-size:.5625rem}.loops-list-heading span:last-child{text-align:right}.loop-card{border-top:1px solid #ffffff24;padding:22px 0}.loop-card-title{align-items:center;gap:18px;min-width:0;display:flex}.loop-number{color:#9faeb6;font-family:monospace;font-size:.625rem}.loop-play{background:#ffffff08;border:1px solid #ffffff26;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid}.loops-vault button:disabled{cursor:not-allowed;opacity:.65}.loop-card h2{letter-spacing:-.025em;font-size:.875rem;font-weight:400}.loop-card-title p{color:#9eafb8;margin-top:4px;font-size:.625rem}.loop-metadata{color:#b2bec5;gap:22px;font-size:.625rem;display:flex}.loop-row-actions{text-align:right}.loop-row-actions button,.loop-row-actions a{white-space:nowrap;background:#141a1f;border:1px solid #71818b;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:11px 12px;font-size:.625rem;display:inline-flex}.loop-row-actions .icon{width:14px;height:14px;margin-left:14px}.loops-credit .icon,.loop-reset .icon{width:16px;height:16px}.loop-row-actions a:hover{background:#26343c;border-color:#b2c6d1}.loops-archive-note{color:#bac6cc;border-top:1px solid #ffffff24;justify-content:space-between;align-items:flex-start;gap:24px;padding-top:18px;font-size:.75rem;line-height:1.6;display:flex}.loops-archive-note>p>span{display:block}.loops-licence{flex:0 420px;width:min(100%,420px);min-width:0}.loops-licence-toggle{width:100%;min-height:44px;color:inherit;font:inherit;text-align:right;cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:flex}.loops-licence-toggle .icon{width:16px;height:16px;transition:transform .28s cubic-bezier(.22,1,.36,1);transform:rotate(-90deg)}.loops-licence[data-open=true] .loops-licence-toggle .icon{transform:rotate(0)}.loops-licence-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s;display:grid}.loops-licence[data-open=true] .loops-licence-panel{opacity:1;grid-template-rows:1fr}.loops-licence-clip{min-height:0;overflow:hidden}.loops-licence-content{padding:8px 4px 4px}.loops-licence-link{align-items:center;gap:6px;min-height:44px;display:inline-flex}.loops-licence-link .icon{width:16px;height:16px}.loops-licence a:focus-visible{outline-offset:2px}.loops-licence p,.loops-licence label{margin:0 0 14px;line-height:1.7;display:block}.loops-empty{border-top:1px solid #ffffff24;padding:36px 0}.loops-empty h2{font-size:1rem;font-weight:400}.loops-empty button{background:0 0;border:0;min-height:44px;margin-top:8px;font-size:.75rem;text-decoration:underline}@media (width<=600px){.loops-header{padding:16px 22px}.loops-stage{padding:20px 22px}.loops-footer{padding-inline:22px}.loops-footer nav{gap:16px}.loops-vault h1{font-size:clamp(2.3rem,10vw,3.5rem)}.loop-entry-panel h1{margin-bottom:28px}.loops-section-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}.loops-archive .loop-reset{margin-left:auto}.loops-toolbar{gap:8px;padding-bottom:18px}.loops-toolbar input{padding-left:14px;font-size:1rem}.loop-search-wrap .icon{display:none}.loops-toolbar select{width:116px}.loops-list-heading{display:none}.loop-card{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:17px 0}.loop-card-title{gap:10px}.loop-number,.loop-metadata{display:none}.loop-card h2{font-size:.75rem}.loop-play{width:36px;height:36px}.loop-row-actions button,.loop-row-actions a{padding:10px;font-size:.5625rem}.loop-row-actions .icon{margin-left:8px}.loops-archive-note{flex-wrap:wrap;gap:8px}.loops-licence{flex-basis:100%}.loops-licence-toggle{text-align:left;justify-content:flex-start}}@media (height<=680px){.loops-stage{padding-block:12px}.loops-kicker{margin-bottom:12px}.loop-entry-panel h1{margin-bottom:22px}.loops-header{padding-block:12px}.loops-footer{padding-block:8px}}@media (prefers-reduced-motion:reduce){.loops-fluid{display:none}.loop-submit{transition:none}.loops-header,.loops-stage,.loops-footer,.loops-fluid{animation:none}}@media (resolution>=1x){.loops-vault{overflow-wrap:anywhere}}.loop-mobile-meta{display:none}.loops-grid{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#667981 transparent;height:min(48svh,520px);overflow-y:auto}.loop-play[aria-pressed=true]{color:#172025;background:#dce3e6;border-color:#dce3e6}.loop-metadata{flex-wrap:wrap;gap:4px 16px}@media (width<=600px){.loop-mobile-meta{color:#b2bec5;margin-top:4px;font-size:.5625rem;display:block}.loops-grid{height:clamp(140px,100svh - 480px,440px)}.loop-card-title{align-items:flex-start}.loop-card-title h2{overflow-wrap:anywhere}}@media (width>=601px){.loop-card-title h2{overflow-wrap:anywhere}}@media (width<=600px){.loops-vault h1{white-space:normal}.loops-header,.loops-footer{flex-wrap:wrap}}.loops-grid,.loop-card{position:relative}.loop-download-dialog{color:#e8e9e6;background:#151d22;border:1px solid #617480;border-radius:18px;width:min(470px,100% - 32px);max-height:calc(100svh - 32px);margin:auto;padding:30px;overflow-y:auto;box-shadow:0 24px 100px #0009}.loop-download-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05090dc4}.loop-dialog-close{color:#c5d2d9;background:0 0;border:0;place-items:center;width:44px;height:44px;font-size:1.6rem;display:grid;position:absolute;top:12px;right:12px}.loop-dialog-track{color:#a8bcc7;overflow-wrap:anywhere;margin:0 35px 17px 0;font-size:.6875rem}.loop-download-dialog h2{letter-spacing:-.05em;outline:none;margin:0 0 12px;font-size:2rem;font-weight:400;line-height:1.15}.loop-download-dialog h2 em{font-family:var(--font-display);color:#cadce5;font-weight:400}.loop-dialog-intro{color:#c0cdd4;margin-bottom:22px;font-size:.8125rem;line-height:1.6}.loop-dialog-summary{background:#10171b;border:1px solid #344752;border-radius:10px;padding:16px 18px}.loop-dialog-summary>p{text-transform:uppercase;letter-spacing:.12em;color:#a8beca;margin:0 0 10px;font-size:.625rem}.loop-dialog-summary ul{gap:10px;margin:0;padding-left:17px;display:grid}.loop-dialog-summary li{padding-left:3px;font-size:.8125rem;line-height:1.55}.loop-contract-link,.loop-test-download{color:#dae9f1;text-underline-offset:4px;justify-content:space-between;align-items:center;min-height:44px;margin-top:10px;font-size:.75rem;text-decoration:underline;display:flex}.loop-test-download{justify-content:center;margin-top:12px}.loop-dialog-pending{color:#c5d3db;border-left:2px solid #8eaaba;margin:16px 0;padding-left:12px;font-size:.75rem;line-height:1.6}.loop-dialog-consent{align-items:flex-start;gap:12px;min-height:44px;margin-top:4px;padding:14px 0 8px;font-size:.8125rem;line-height:1.5;display:flex}.loop-dialog-consent input{appearance:auto;accent-color:#d2dfe5;flex:none;width:18px;height:18px;margin:1px 0 0}.loop-dialog-remember{color:#aebfc9;margin:0 0 20px 30px;font-size:.6875rem;line-height:1.6}.loop-dialog-error{color:#ffbdb5;margin:12px 0;font-size:.8125rem;line-height:1.5}.loop-dialog-error button{color:inherit;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}@media (width<=600px){.loop-download-dialog{width:100%;max-width:100%;max-height:92svh;padding:26px 22px max(24px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0;margin:auto auto 0}}
