@layer legacy{.discovery-page{--discovery-accent:#c6f879;background:#0a0b0d;padding:0}.announcement{color:#172111;background:#c6f879;justify-content:center;align-items:center;gap:18px;min-height:42px;padding:9px 54px 9px 24px;font-size:12px;display:flex;position:relative}.announcement-label{letter-spacing:1px;border:1px solid #17211140;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:700}.announcement a{border-bottom:1px solid #17211180;padding-bottom:2px;font-weight:650}.announcement button{color:#172111;cursor:pointer;background:0 0;border:0;width:30px;height:30px;font-size:23px;position:absolute;top:6px;right:18px}.discovery-header{justify-content:space-between;align-items:center;gap:24px;height:86px;padding:0 38px;display:flex}.discovery-header .brand{align-items:center;gap:10px;font-size:24px;font-weight:650;display:flex}.discovery-mark{color:#14200d;background:#c6f879;border-radius:6px;place-items:center;width:30px;height:32px;font-size:25px;font-style:italic;display:grid}.discovery-header nav{color:#bfc1c5;align-items:center;gap:34px;font-size:14px;display:flex}.discovery-header nav a:hover{color:#fff}.discovery-signin{color:#fff;border:1px solid #45474b;border-radius:8px;padding:11px 24px}.release-section{background:#151618;border:1px solid #ffffff05;border-radius:20px;margin:0 22px;padding:32px 0;overflow:hidden}.release-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:0 30px;display:flex}.discovery-page .release-heading h1{letter-spacing:-1.7px;font-size:clamp(30px,3.2vw,46px);font-weight:650;line-height:1.1}.release-heading p{margin:10px 0 0;font-size:13px}.release-controls{align-items:center;gap:8px;display:flex}.release-controls>span{color:#969ba2;margin-right:14px;font-size:11px}.release-controls button{color:#fff;cursor:pointer;background:#232529;border:1px solid #3b3e43;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.release-controls button:disabled{opacity:.3;cursor:default}.release-controls svg{width:18px;height:18px}.release-controls button:first-of-type svg{transform:rotate(180deg)}.release-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:0 30px 12px;scroll-padding-inline:30px;display:flex;overflow-x:auto}.release-track::-webkit-scrollbar{display:none}.release-card{scroll-snap-align:start;flex:0 0 calc(33.3333% - 25.3333px);min-width:0}.release-cover{aspect-ratio:16/10;cursor:pointer;text-align:left;background:#25272b;border:0;border-radius:13px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.release-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.release-cover:hover img{transform:scale(1.035)}.release-tag{color:#fff;letter-spacing:1.5px;background:#080a0bb3;border:1px solid #ffffff30;border-radius:4px;padding:6px 8px;font-size:9px;position:absolute;top:14px;left:14px}.release-still{color:#fff;background:#080a0bb3;border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;bottom:14px;left:14px}.release-open{color:#fff;background:#11171aaa;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:12px;right:12px}.release-open svg{width:16px}.release-card>p{color:#b5b9bf;max-width:95%;min-height:39px;margin:16px 0 10px;font-size:13px;line-height:1.5}.release-name{text-align:left;color:#f5f5f3;letter-spacing:-.5px;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:0;font-size:clamp(16px,1.45vw,23px);font-weight:600;line-height:1.3;display:flex}.release-name svg{color:#c6f879;flex:0 0 18px;width:18px}.release-name:hover{color:#c6f879}.discovery-create-heading{text-align:center;margin:40px 20px 22px}.discovery-page .discovery-create-heading h2{letter-spacing:-.7px;font-size:25px}.discovery-create-heading p{margin:8px 0 0}.discovery-page .create-dock{max-width:960px}.discovery-page .motion-library{margin-top:40px}.showcase-dialog{color:#fff;background:#17191d;border:1px solid #45484e;border-radius:16px;width:min(960px,100% - 32px);max-height:calc(100dvh - 40px);padding:0;overflow:auto}.showcase-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}.showcase-dialog>img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.showcase-dialog>div{padding:24px}.showcase-dialog>div>span{color:#b9bdc4;letter-spacing:1.5px;font-size:10px}.discovery-page .showcase-dialog h2{margin-top:10px}.showcase-dialog p{max-width:680px;margin-bottom:20px}.showcase-dialog .primary-button svg{width:17px}.showcase-close{color:#fff;cursor:pointer;background:#0b0d11cc;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.showcase-close svg{width:18px}@media (width>=1800px){.release-cover{aspect-ratio:16/9}}@media (width<=1000px){.release-card{flex-basis:calc(50% - 23px)}}@media (width<=640px){.discovery-page{padding-bottom:0}.announcement{flex-wrap:wrap;justify-content:start;gap:5px 12px;padding:10px 40px 10px 14px;font-size:10px}.announcement-label{display:none}.announcement button{right:6px}.discovery-header{gap:12px;height:76px;padding:0 16px}.discovery-header .brand{gap:6px;font-size:18px}.discovery-mark{width:23px;height:26px;font-size:20px}.discovery-header nav{gap:13px;font-size:11px}.discovery-signin{padding:9px 10px}.release-section{border-radius:14px;margin:0 10px;padding:24px 0 22px}.release-heading{gap:10px;margin-bottom:21px;padding:0 16px}.discovery-page .release-heading h1{letter-spacing:-1px;font-size:30px}.release-heading p{max-width:185px;font-size:11px}.release-controls{gap:6px}.release-controls>span{display:none}.release-controls button{width:32px;height:32px}.release-track{gap:20px;padding-inline:16px;scroll-padding-inline:16px}.release-card{flex-basis:88%}.release-cover{aspect-ratio:4/3}.release-card>p{min-height:36px;font-size:12px}.release-name{font-size:20px}.discovery-create-heading{margin-top:30px}}@media (prefers-reduced-motion:reduce){.release-cover img{transition:none}.release-cover:hover img{transform:none}}}