.motion-shell{background:#000;color:#f5f5f7}.motion-page{max-width:1440px;margin:auto;padding:150px 48px 84px}.motion-hero{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:40px 0 48px;border-bottom:1px solid #ffffff1a}.motion-kicker{color:#00d4ff;font:600 11px/1.2 monospace;letter-spacing:.14em}.motion-hero h1{margin:16px 0 12px;font-size:clamp(42px,6vw,82px);line-height:.98;letter-spacing:-.07em}.motion-hero p{margin:0;color:#86868b;font-size:18px}.motion-hero-stat{min-width:130px;padding:18px 0;text-align:right;border-top:2px solid #00d4ff}.motion-hero-stat strong{display:block;font-size:36px;line-height:1}.motion-hero-stat span{display:block;margin-top:8px;color:#86868b;font-size:12px}.motion-status{min-height:24px;color:#ffb86b}.motion-pair{margin:20px 0;padding:12px 18px;border:1px solid #00d4ff;border-radius:6px;background:#001a20;color:#00d4ff;cursor:pointer}.motion-layout{display:grid;grid-template-columns:220px 1fr;gap:38px;margin-top:34px}.motion-filters{position:sticky;top:100px;height:max-content;border-top:1px solid #ffffff24;padding-top:18px}.motion-filters summary{cursor:pointer;font-weight:700;list-style:none}.motion-filters summary::-webkit-details-marker{display:none}.motion-filters summary:after{content:'＋';float:right;color:#00d4ff}.motion-filters[open] summary:after{content:'−'}.filter-fields{display:grid;gap:18px;margin-top:24px}.filter-fields label{display:grid;gap:8px;color:#86868b;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.motion-page select,.motion-page input{width:100%;padding:12px;border:1px solid #ffffff24;border-radius:6px;background:#111112;color:#f5f5f7;font:inherit}.motion-page select:focus,.motion-page input:focus{border-color:#00d4ff;outline:none}.ghost-button{padding:10px 12px;border:1px solid #ffffff33;border-radius:6px;background:transparent;color:#f5f5f7;cursor:pointer}.motion-toolbar{display:flex;gap:14px}.search-box{display:flex;align-items:center;gap:10px;flex:1;padding:0 14px;border:1px solid #ffffff24;border-radius:6px;background:#111112;color:#86868b}.search-box input{border:0;padding-left:0;background:transparent}.sort-box{display:flex;align-items:center;gap:10px;color:#86868b;font-size:12px}.sort-box select{width:auto}.results-meta{display:flex;justify-content:space-between;align-items:center;margin:18px 0;color:#86868b;font-size:12px}.results-meta p{margin:0;color:#f5f5f7}.motion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.motion-card{overflow:hidden;border:1px solid #ffffff1a;border-radius:8px;background:#111112;transition:border-color .2s,transform .2s}.motion-card:hover,.motion-card:focus-within{border-color:#00d4ffb3;transform:translateY(-2px)}.motion-media{position:relative;aspect-ratio:4/3;background:#08090b;overflow:hidden}.motion-media img,.motion-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.motion-media button{position:absolute;right:12px;bottom:12px;z-index:2;padding:8px 11px;border:1px solid #ffffff4d;border-radius:5px;background:#000000b8;color:#fff;cursor:pointer}.motion-card-info{padding:16px}.motion-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.motion-card h2{margin:0;font-size:17px;line-height:1.25}.motion-badge{flex:none;color:#00d4ff;font:600 10px monospace;text-transform:uppercase}.motion-card-meta{margin:9px 0 16px;color:#86868b;font-size:12px}.motion-actions{display:flex;gap:8px}.motion-actions button{flex:1;padding:10px;border:1px solid #ffffff33;border-radius:5px;background:#1b1c1f;color:#fff;cursor:pointer}.motion-actions button:last-child{border-color:#00d4ff;background:#00d4ff;color:#001014}.motion-actions button:disabled{opacity:.45;cursor:not-allowed}.motion-page button:focus-visible,.motion-dialog button:focus-visible,.motion-page a:focus-visible{outline:2px solid #00d4ff;outline-offset:3px}.motion-dialog{width:min(860px,92vw);max-height:90vh;overflow:auto;padding:26px;border:1px solid #ffffff33;border-radius:10px;background:#111112;color:#f5f5f7}.motion-dialog::backdrop{background:#000000d6}.motion-dialog .close{float:right;width:34px;height:34px;border:1px solid #ffffff33;border-radius:50%;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer}.motion-dialog .motion-media{margin:18px 0}.motion-dialog .motion-card-info{padding:0}.motion-dialog h2{font-size:28px}.motion-dialog .motion-card-meta{font-size:14px}.motion-dialog .motion-media button{display:none}@media(max-width:800px){.motion-page{padding:120px 20px 60px}.motion-hero{align-items:start;flex-direction:column}.motion-hero-stat{text-align:left}.motion-layout{display:block}.motion-filters{position:static;margin-bottom:24px}.motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.motion-card-info{padding:12px}.motion-card-heading{display:block}.motion-card h2{font-size:15px}.motion-badge{display:block;margin-bottom:8px}.motion-actions{display:block}.motion-actions button{width:100%;margin-top:6px}.results-meta span{display:none}}@media(max-width:420px){.motion-grid{grid-template-columns:1fr}.motion-toolbar{display:block}.sort-box{margin-top:10px}.sort-box select{width:100%}}@media(prefers-reduced-motion:reduce){.motion-card{transition:none}.motion-card:hover{transform:none}}