@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cc9f4252b43d54d2.2b8-3ofyj6jrb.woff2)format("woff2");unicode-range:U+308,U+530-58F,U+2010,U+2024,U+25CC,U+FB13-FB17}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/8bf1ebb1e27cdda8.30gz3vx4o9l1j.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+980-9FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1,U+11DF0-11DF1}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/d4b09e548dc4ba91.26bfncibx0rq_.woff2)format("woff2");unicode-range:U+2C7,U+2D8-2D9,U+2DB,U+307,U+1400-167F,U+18B0-18F5,U+25CC,U+11AB?}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/0ec6c84bef5c67ea.0zi1shyp7ohlb.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/827a210979ea4704.2c3m7wyps-z0s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/2c1e5a639ba254f0.1lsfhac37iy6_.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/775191b843768d35.1vsrgvtsc1r8b.woff2)format("woff2");unicode-range:U+30E,U+1200-1399,U+2D80-2DDE,U+AB01-AB2E,U+1E7E0-1E7E6,U+1E7E8-1E7EB,U+1E7ED-1E7EE,U+1E7F0-1E7FE}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/b71b7ce0d1079b0e.2pdods8crngcg.woff2)format("woff2");unicode-range:U+589,U+10A0-10FF,U+1C90-1CBA,U+1CBD-1CBF,U+205A,U+2D00-2D2F,U+2E31}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/6e6b761138eddc9f.25qivd_myg22f.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/16c7924ea9b676a6.2bkron2stnezl.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/7ac3d695e803369e.1jc2dp9vgfua5.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/258a635de935f01a.258jjlqkyxl91.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+A01-A76,U+200C-200D,U+20B9,U+25CC,U+262C,U+A830-A839}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/6a5ae298b17bbade.2ru2d-z5q4eo9.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/24cccb79abadd5a8.29sggwo1iyppi.woff2)format("woff2");unicode-range:U+1780-17FF,U+19E0-19FF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/22ef3bf585cc4a73.2hz_t9ui8fow3.woff2)format("woff2");unicode-range:U+E81-EDF,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ce0c64423438face.16ujoekxpro6t.woff2)format("woff2");unicode-range:U+307,U+323,U+951-952,U+964-965,U+B83,U+D00-D7F,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC,U+A830-A832}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/37db81cdb796545a.1t36ginrn3s0w.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B01-B77,U+1CDA,U+1CF2,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/cc37ffbdd3319e4b.28-sno9glm2dy.woff2)format("woff2");unicode-range:U+964-965,U+D81-DF4,U+1CF2,U+200C-200D,U+25CC,U+111E1-111F4}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/95ab80c2b18b3804.21jmzs80te0a8.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/f8b71b303845b64e.3kjlxpi9xmrya.woff2)format("woff2");unicode-range:U+964-965,U+B82-BFA,U+200C-200D,U+20B9,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/ee339b0464be7e84.1oqxbyquelq4z.woff2)format("woff2");unicode-range:U+951-952,U+964-965,U+B83,U+C00-C7F,U+1CD5-1CD6,U+1CD8,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/3a09ab19532b9f2b.p.2yyi24davmpxc.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/1876d7d15f459a39.1btg1myzvpoja.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/310b51b799a8cf5c.0grrdcwl004rs.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Google Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/47d6d6c1e6da10b8.p.40-jm68xkzcno.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.google_sans_e5014051-module__35zm-a__className{font-family:Google Sans;font-style:normal}.google_sans_e5014051-module__35zm-a__variable{--font-google-sans:"Google Sans"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.p.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_52a0a780-module__bNEPha__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_52a0a780-module__bNEPha__variable{--font-noto-sans-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root,.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-pill:9999px;--radius:var(--radius-sm);--font-ui:var(--font-google-sans), var(--font-noto-sans-thai), system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans", "Microsoft YaHei", "Noto Sans CJK", "Noto Sans CJK JP", "Noto Sans CJK SC", sans-serif;--font-sans:var(--font-ui);--font-display:var(--font-ui);--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-normal:.2s;--dur-slow:.3s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--background:#080807;--card:#0d0d0f;--popover:#141417;--secondary:#ffffff0f;--accent:#f0b9561f;--muted:#ffffff0a;--input:#ffffff0d;--border:#ffffff17;--foreground:#f4efe5;--secondary-foreground:#c8c1b7;--muted-foreground:#8f887f;--primary:#f0b956;--primary-foreground:#160f08;--destructive:#f16565;--destructive-foreground:#fafafa;--teal:#3dc3c0;--steel:#7e8088;--ghost-border:#ffffff0d;--surface-hover:#ffffff0f;--scrim:#0a0a09b8;--scrim-strong:#0a0a09e6;--shadow-sm:0 2px 8px #0000001f;--primary-soft:#f0b9561a;--primary-border:#f0b9565c;--primary-gradient:linear-gradient(180deg, #f6cf7a, #bc7f25);--shadow-card:0 0 0 transparent;--shadow-popover:0 8px 24px #00000052;--shadow-modal:0 24px 48px #00000080;--backdrop-tint:#080807cc}.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#fafaf8;--card:#fff;--popover:#fff;--secondary:#f2f3f5;--accent:#fff4e0;--muted:#f5f5f2;--input:#fff;--border:#e5e7eb;--foreground:#1e1f23;--secondary-foreground:#3a3a3a;--muted-foreground:#6b7280;--primary:#e8b454;--primary-foreground:#2c2010;--destructive:#d74d2e;--destructive-foreground:#fafafa;--teal:#3dc3c0;--steel:#7e8088;--ghost-border:#0000000f;--surface-hover:#1e1f230e;--scrim:#1e1f237a;--scrim-strong:#1e1f23b8;--primary-soft:#a66b1d1a;--primary-border:#a66b1d52;--primary-gradient:linear-gradient(180deg, #f2c66f, #d89a38);--shadow-sm:0 2px 8px #382a1514;--shadow-card:0 0 0 transparent;--shadow-popover:0 8px 24px #00000014;--shadow-modal:0 24px 48px #0000001f;--backdrop-tint:#fafaf899}:root,.dark,.light{--surface-raised:color-mix(in srgb, var(--foreground) 7%, var(--background));--border-strong:color-mix(in srgb, var(--foreground) 16%, transparent);--media-background:var(--media-background);--media-foreground:#f4efe5;--spring:cubic-bezier(.3, 1.35, .45, 1);--pad:56px;--top-h:68px}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background:var(--background);min-height:100vh;color:var(--foreground);font:400 14px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}.of-ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.of-ic--fill{fill:currentColor;stroke:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.of-nw{white-space:nowrap}.of-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.of-top{z-index:40;height:var(--top-h);padding:0 var(--pad);background:linear-gradient(180deg, color-mix(in srgb, var(--background) 88%, transparent), color-mix(in srgb, var(--background) 0%, transparent));align-items:center;gap:36px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.of-top.is-solid{background:color-mix(in srgb, var(--background) 96%, transparent);box-shadow:0 1px 0 var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.of-brand{flex:none;align-items:center;gap:12px;text-decoration:none;display:flex}.of-brand img{width:30px;height:30px}.of-brand b{font:700 21px/1.1 var(--font-display);letter-spacing:-.02em;display:grid}.of-brand b span{color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.of-nav{align-items:center;gap:6px;min-width:0;display:flex}.of-nav a,.of-nav button{border-radius:var(--radius-pill);height:36px;color:var(--secondary-foreground);font:500 14.5px/1 var(--font-ui);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 12px;text-decoration:none;transition:color .2s,background .2s;display:inline-flex;position:relative}.of-nav a:hover,.of-nav button:hover{color:var(--foreground)}.of-nav a[aria-current=page]{color:var(--foreground);font-weight:700}.of-nav a[aria-current=page]:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:2px;left:12px;right:12px}.of-nav .of-ic{width:14px;height:14px}.of-cats{position:relative}.of-cats-menu{border-radius:var(--radius-md);background:var(--popover);min-width:220px;box-shadow:0 0 0 1px var(--border-strong), 0 24px 50px -10px #000c;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.of-cats-menu[hidden]{display:none}.of-cats-menu a{border-radius:var(--radius-sm);justify-content:space-between;height:40px}.of-cats-menu a:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent)}.of-cats-menu a span{color:var(--muted-foreground);font:600 12px/1 var(--font-ui)}.of-cats-menu small{color:var(--muted-foreground);font:700 10.5px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;padding:10px 12px 4px}.of-cats-menu small:first-child{padding-top:4px}.of-tools{align-items:center;gap:14px;margin-left:auto;display:flex}.of-search{align-items:center;display:flex;position:relative}.of-search input{border-radius:var(--radius-pill);width:0;height:40px;color:var(--foreground);font:500 14.5px/1 var(--font-ui);opacity:0;transition:width .35s var(--ease), background .2s, opacity .2s;background:0 0;border:0;padding:0 0 0 40px}.of-search.is-open input,.of-search input:not(:placeholder-shown){background:color-mix(in srgb, var(--foreground) 8%, transparent);width:260px;box-shadow:inset 0 0 0 1px var(--border-strong);opacity:1;padding-right:14px}.of-search input:focus{box-shadow:inset 0 0 0 1.5px var(--primary);outline:none}.of-search button{width:40px;height:40px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;left:0}.of-by-site{color:var(--muted-foreground);font:700 10px/1 var(--font-ui);letter-spacing:.16em;align-items:center;gap:8px;text-decoration:none;display:flex}.of-by-site img{width:78px;height:auto}.of-hero{isolation:isolate;height:clamp(600px,84vh,800px);position:relative;overflow:hidden}.of-hero-layer{opacity:0;transition:opacity 1s var(--ease);position:absolute;inset:0}.of-hero-layer.is-on{opacity:1}.of-hero-bg{object-fit:cover;filter:blur(46px)saturate(1.3)brightness(.42);width:calc(100% + 120px);max-width:none;height:calc(100% + 120px);position:absolute;inset:-60px}.of-hero-art{width:64%;position:absolute;top:0;bottom:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 36%);mask-image:linear-gradient(90deg,#0000 0,#000 36%)}.of-hero-art img{object-fit:cover;object-position:50% 16%;width:100%;max-width:none;height:100%;transition:transform 9s linear;transform:scale(1.06)}.of-hero-layer.is-on .of-hero-art img{transform:scale(1)}.of-hero-layer--wide .of-hero-art{width:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 46%);mask-image:linear-gradient(90deg,#0000 0,#000 46%)}.of-hero-layer--wide .of-hero-art img{object-position:70% 40%}.of-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--background) 92%, transparent) 0, color-mix(in srgb, var(--background) 55%, transparent) 34%, color-mix(in srgb, var(--background) 0%, transparent) 58%), linear-gradient(0deg, var(--background) 0, var(--background) 13%, color-mix(in srgb, var(--background) 72%, transparent) 30%, color-mix(in srgb, var(--background) 0%, transparent) 52%), linear-gradient(180deg, color-mix(in srgb, var(--background) 50%, transparent), transparent 16%);position:absolute;inset:0}.of-hero-copy{left:var(--pad);z-index:2;justify-items:start;gap:16px;width:min(600px,44%);display:grid;position:absolute;bottom:210px}.of-hero-copy.is-in>*{animation:of-rise .7s var(--spring) both}.of-hero-copy.is-in>:nth-child(2){animation-delay:50ms}.of-hero-copy.is-in>:nth-child(3){animation-delay:.1s}.of-hero-copy.is-in>:nth-child(4){animation-delay:.15s}.of-hero-copy.is-in>:nth-child(5){animation-delay:.2s}.of-hero-copy.is-in>:nth-child(6){animation-delay:.25s}@keyframes of-rise{0%{opacity:0;transform:translateY(18px)}}.of-kicker{color:var(--secondary-foreground);font:600 13px/1 var(--font-ui);align-items:center;gap:10px;margin:0;display:flex}.of-kicker b{border-radius:var(--radius-xs);background:var(--primary-gradient);color:var(--primary-foreground);font:700 11.5px/1 var(--font-display);letter-spacing:.14em;padding:5px 9px 4px}.of-hero h1{font:800 clamp(40px, 4.6vw, 68px)/1.08 var(--font-ui);letter-spacing:-.005em;text-wrap:balance;text-shadow:0 4px 30px #0000008c;margin:0}.of-hero h1 img{filter:drop-shadow(0 6px 24px #0009);width:min(420px,100%);height:auto}.of-quote{color:var(--primary);font:600 19px/1.4 var(--font-ui);text-shadow:0 2px 14px #0009;margin:0}.of-syn{color:var(--secondary-foreground);font:400 16.5px/1.6 var(--font-ui);-webkit-line-clamp:3;text-shadow:0 2px 12px #0009;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.of-meta{color:var(--secondary-foreground);font:500 13.5px/1 var(--font-ui);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.of-meta>span:not(.of-pill):before{content:"·";color:var(--muted-foreground);margin-right:8px}.of-meta>.of-pill+span:not(.of-pill):before,.of-meta>span:first-child:before{content:none}.of-pill{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--foreground) 9%, transparent);height:24px;color:var(--foreground);font:700 12px/1 var(--font-ui);box-shadow:inset 0 0 0 1px var(--border-strong);align-items:center;padding:0 9px;display:inline-flex}.of-pill--part{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent)}.of-acts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.of-btn,.of-round,.of-ep,.of-chip{text-decoration:none}.of-btn{border-radius:var(--radius-pill);height:52px;font:700 16px/1 var(--font-ui);white-space:nowrap;cursor:pointer;transition:transform .2s var(--spring), background .2s, box-shadow .2s;border:0;justify-content:center;align-items:center;gap:10px;padding:0 26px 0 20px;display:inline-flex}.of-btn:active{transform:scale(.97)}.of-btn--play{background:var(--primary-gradient);color:var(--primary-foreground);box-shadow:0 14px 34px -12px color-mix(in srgb, var(--primary) 65%, transparent)}.of-btn--play:hover{box-shadow:0 16px 40px -10px color-mix(in srgb, var(--primary) 80%, transparent);transform:translateY(-1px)}.of-btn--ghost{background:color-mix(in srgb, var(--foreground) 10%, transparent);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.of-btn--ghost:hover{background:color-mix(in srgb, var(--foreground) 17%, transparent)}.of-btn--ghost[aria-pressed=true]{color:var(--primary)}.of-round{background:color-mix(in srgb, var(--foreground) 10%, transparent);width:52px;height:52px;color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border-strong);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s;display:grid}.of-round:hover{background:color-mix(in srgb, var(--foreground) 18%, transparent)}.of-round[aria-pressed=true]{color:var(--primary);box-shadow:inset 0 0 0 1.5px var(--primary)}.of-picks{right:var(--pad);z-index:2;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:176px}.of-pick{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--popover);cursor:pointer;opacity:.55;width:62px;box-shadow:0 0 0 1px var(--border-strong), 0 10px 24px -8px #000c;transition:opacity .3s, transform .3s var(--spring), box-shadow .3s;border:0;padding:0;display:block;position:relative;overflow:hidden}.of-pick img{object-fit:cover;width:100%;height:100%}.of-pick:hover{opacity:.9;transform:translateY(-3px)}.of-pick[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--primary), 0 14px 30px -8px #000000e6;transform:translateY(-6px)}.of-pick i{background:var(--primary);width:0;height:3px;position:absolute;bottom:0;left:0}.of-hero.is-running .of-pick[aria-current=true] i{animation:of-fill var(--rot,8s) linear forwards}@keyframes of-fill{to{width:100%}}.of-hero-dots,.of-hero-stage{display:none}.of-search-m input{border-radius:var(--radius-md);background:var(--popover);width:min(560px,100%);height:50px;color:var(--foreground);font:500 16px/1 var(--font-ui);box-shadow:inset 0 0 0 1px var(--border-strong);border:0;padding:0 18px}.of-search-m input:focus{box-shadow:inset 0 0 0 1.5px var(--primary);outline:none}.of-main{z-index:3;gap:44px;margin-top:-150px;padding-bottom:40px;display:grid;position:relative}.of-page .of-main{padding-top:calc(var(--top-h) + 36px);margin-top:0}.of-row{gap:14px;min-width:0;display:grid;position:relative}.of-row-h{padding:0 var(--pad);align-items:baseline;gap:14px;margin:0;display:flex}.of-row-h h2{font:700 22px/1.3 var(--font-ui);margin:0}.of-row-h small{color:var(--muted-foreground);font:500 13.5px/1 var(--font-ui)}.of-row-h a{color:var(--secondary-foreground);font:600 13.5px/1 var(--font-ui);align-items:center;gap:4px;margin-left:auto;text-decoration:none;display:inline-flex}.of-row-h a:hover{color:var(--primary)}.of-row-h a .of-ic{width:16px;height:16px}.of-track{--per:6.6;--gap:14px;gap:var(--gap);padding:16px var(--pad) 22px;scroll-snap-type:x mandatory;scroll-padding:0 var(--pad);scrollbar-width:none;overscroll-behavior-x:contain;margin:0;list-style:none;display:flex;overflow:auto hidden}.of-track::-webkit-scrollbar{display:none}.of-track>li{flex:0 0 calc((100% - var(--pad) * 2 - (var(--per) - 1) * var(--gap)) / var(--per) + var(--pad) * 0);scroll-snap-align:start;min-width:0}.of-row--big .of-track{--per:4.4}.of-row--rank .of-track{--per:5.4}.of-arrow{z-index:4;background:color-mix(in srgb, var(--background) 62%, transparent);width:46px;color:var(--foreground);opacity:0;cursor:pointer;border:0;place-items:center;padding:0;transition:opacity .25s,background .2s;display:grid;position:absolute;top:58px;bottom:74px}.of-arrow--l{border-radius:0 12px 12px 0;left:0}.of-arrow--r{border-radius:12px 0 0 12px;right:0}.of-arrow .of-ic{width:28px;height:28px}.of-row:hover .of-arrow:not([disabled]){opacity:1}.of-arrow:hover{background:color-mix(in srgb, var(--background) 85%, transparent)}.of-arrow[disabled]{display:none}.of-card{min-width:0;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;gap:10px;padding:0;text-decoration:none;display:grid;position:relative}.of-art{aspect-ratio:2/3;border-radius:var(--radius-md);background:var(--popover);box-shadow:0 0 0 1px var(--border), 0 18px 30px -18px #000000e6;transition:transform .4s var(--spring), box-shadow .3s;display:block;position:relative;overflow:hidden}.of-row--big .of-art{aspect-ratio:3/4;border-radius:var(--radius-md)}.of-art img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;transition:opacity .6s var(--ease), transform 3s ease-out;position:absolute;inset:0}.of-art img.of-ip{object-position:50% 84%}.of-art img.of-slide{opacity:0}.of-art img.of-slide.is-on{opacity:1;transform:scale(1.04)}.of-card:hover .of-art,.of-card:focus-visible .of-art{box-shadow:0 0 0 2px var(--primary), 0 26px 40px -16px #000000f2, 0 0 40px -12px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-6px)scale(1.035)}.of-card:focus-visible{outline:none}.of-mark,.of-art img.of-mark{z-index:2;object-fit:contain;opacity:1;pointer-events:none;filter:drop-shadow(0 1px 2px #000000b3)drop-shadow(0 0 6px #00000059);width:19px;height:auto;transition:none;position:absolute;inset:9px 9px auto auto;transform:none}.of-row--big .of-art img.of-mark{width:24px;inset:12px 12px auto auto}.of-mark--in{filter:none;width:20px;position:static}.of-kicker .of-mark--in{width:22px}.of-wtx .of-mark--in{width:20px;margin-bottom:2px}.of-chead-mark{width:56px;height:auto}.of-mark--cr{background:var(--teal);width:24px;height:24px;color:var(--primary-foreground);font:700 9.5px/1 var(--font-display);letter-spacing:.02em;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--foreground) 85%, transparent), 0 2px 8px #0000008c;filter:none;border-radius:50%;place-items:center;display:grid;inset:8px 8px auto auto}.of-row--big .of-mark--cr{width:30px;height:30px;font-size:11.5px;inset:11px 11px auto auto}.of-mark--cr.of-mark--in{width:20px;height:20px;box-shadow:none;font-size:8.5px;display:inline-grid;position:static}.of-by--og{color:var(--primary)}.of-by--cr{color:var(--teal)!important}.of-byname.is-og{color:var(--primary)}.of-byname.is-cr,.of-byname.is-cr .of-ic{color:var(--teal)}.of-hmark{vertical-align:-3px;width:22px;height:auto;margin-right:10px;display:inline-block}.of-row--cr .of-cr-chips{padding:0 var(--pad);margin:-2px 0 2px}.of-row--cr .of-row-h h2:before{width:9px;height:9px}.of-nav-og img{width:15px;height:auto;margin-right:2px}.of-nav-cr i{background:var(--teal);width:9px;height:9px;box-shadow:0 0 8px color-mix(in srgb, var(--teal) 70%, transparent);border-radius:50%;margin-right:2px}.of-card-t em{font-style:normal}.of-by,.of-by--cr{color:var(--secondary-foreground)}.of-card-t i{font-style:normal}.of-byline{color:var(--secondary-foreground);font:500 14.5px/1.3 var(--font-ui);margin:-4px 0 0}.of-byname,.of-factlink{color:var(--foreground);align-items:center;gap:5px;font-weight:700;text-decoration:none;display:inline-flex}.of-byname:hover,.of-factlink:hover{color:var(--primary)}.of-byname .of-ic,.of-factlink .of-ic{width:15px;height:15px;color:var(--secondary-foreground)}.of-kicker--cr b{background:var(--teal);color:var(--primary-foreground)}.of-wby{color:var(--secondary-foreground)!important}.of-ava{background:var(--teal);width:64px;height:64px;color:var(--primary-foreground);font:700 22px/1 var(--font-display);letter-spacing:.02em;box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 25%, transparent);border-radius:50%;flex:none;place-items:center;font-style:normal;display:inline-grid}.of-ava--og{background:var(--primary-gradient);color:var(--primary-foreground);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent)}.of-ava--s{width:24px;height:24px;box-shadow:none;margin-left:-8px;font-size:10.5px}.of-chip--cr[aria-current=page] .of-ava--s{background:var(--primary-foreground);color:var(--primary)}.of-chead{padding:0 var(--pad);align-items:center;gap:16px;margin-bottom:-8px;display:flex}.of-cr-chips{margin-top:-4px}.of-row--cr .of-row-h h2:before{content:"";background:var(--teal);width:8px;height:8px;box-shadow:0 0 12px var(--teal);border-radius:50%;margin:0 10px 3px 0;display:inline-block}.of-dlg-top.of-dlg-top--cr .of-hero-art{aspect-ratio:2/3;border-radius:var(--radius-md);width:auto;box-shadow:0 0 0 1px var(--border-strong), 0 30px 60px -20px #000000e6;top:40px;bottom:40px;right:56px;overflow:hidden;-webkit-mask-image:none;mask-image:none}.of-dlg-top.of-dlg-top--cr .of-hero-art img{object-position:50% 50%;transform:none}.of-real{z-index:2;border-radius:var(--radius-xs);background:color-mix(in srgb, var(--background) 62%, transparent);color:var(--foreground);font:700 10px/1.2 var(--font-display);letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 7px;position:absolute;top:9px;right:9px}.of-hover{z-index:2;background:linear-gradient(0deg, color-mix(in srgb, var(--background) 95%, transparent), color-mix(in srgb, var(--background) 0%, transparent));opacity:0;transition:opacity .25s, transform .3s var(--ease);align-items:center;gap:8px;padding:40px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.of-card:hover .of-hover,.of-card:focus-visible .of-hover{opacity:1;transform:none}.of-hover>span{background:var(--primary-gradient);width:34px;height:34px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.of-hover>span .of-ic{width:16px;height:16px}.of-hover small{color:var(--foreground);font:600 12.5px/1.3 var(--font-ui)}.of-prog{z-index:3;border-radius:var(--radius-xs);background:color-mix(in srgb, var(--foreground) 22%, transparent);height:4px;position:absolute;bottom:10px;left:10px;right:10px}.of-prog i{border-radius:inherit;background:var(--primary);height:100%;display:block}.of-card-t{gap:3px;min-width:0;display:grid}.of-card-t b{font:600 15px/1.35 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-card-t span{color:var(--muted-foreground);font:500 12.5px/1.3 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.of-row--big .of-card-t b{font-size:16.5px}.of-row--wide .of-track{--per:3.15}.of-wcard{isolation:isolate;aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--popover);color:var(--foreground);box-shadow:0 0 0 1px var(--border), 0 22px 40px -22px #000000e6;transition:transform .4s var(--spring), box-shadow .3s;text-decoration:none;display:block;position:relative;overflow:hidden}.of-wbg{z-index:-2;object-fit:cover;filter:blur(26px)saturate(1.3)brightness(.5);width:calc(100% + 80px);max-width:none;height:calc(100% + 80px);position:absolute;inset:-40px}.of-wcard:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--background) 80%, transparent), color-mix(in srgb, var(--background) 20%, transparent) 70%);position:absolute;inset:0}.of-wcv{aspect-ratio:3/4;border-radius:var(--radius-sm);box-shadow:0 0 0 1px color-mix(in srgb, var(--foreground) 18%, transparent), 0 20px 34px -10px #000000e6;transition:transform .45s var(--spring);position:absolute;top:9%;bottom:9%;right:6%;overflow:hidden;transform:rotate(3deg)}.of-wcv img{object-fit:cover;width:100%;height:100%}.of-wtx{justify-items:start;gap:8px;display:grid;position:absolute;top:50%;left:6%;right:46%;transform:translateY(-50%)}.of-wtx>b{font:800 clamp(18px, 1.6vw, 24px)/1.2 var(--font-ui);-webkit-line-clamp:2;text-shadow:0 2px 14px #0009;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.of-wtx>i{color:var(--primary);font:500 13.5px/1.4 var(--font-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal;display:-webkit-box;overflow:hidden}.of-wtx .of-kicker b{padding:4px 7px 3px;font-size:10px}.of-wtx .of-meta{font-size:12.5px}.of-wtx .of-pill{height:22px;font-size:11.5px}.of-wcard:hover,.of-wcard:focus-visible{box-shadow:0 0 0 2px var(--primary), 0 28px 44px -20px #000000f2, 0 0 46px -14px color-mix(in srgb, var(--primary) 45%, transparent);transform:translateY(-5px)}.of-wcard:hover .of-wcv,.of-wcard:focus-visible .of-wcv{transform:rotate(0)scale(1.05)}.of-wcard:focus-visible{outline:none}.of-prog--wide{background:color-mix(in srgb, var(--foreground) 16%, transparent);border-radius:0;height:4px;bottom:0;left:0;right:0}.of-wtx .of-pill .of-ic{width:11px;height:11px;margin-right:5px}.of-cat-tabs{padding:0 var(--pad);margin-top:-2px}.of-cat-tabs .of-chip{height:36px;font-size:13.5px}.of-head{padding:0 var(--pad);gap:10px;display:grid}.of-head h1{font:800 clamp(30px, 3.4vw, 44px)/1.15 var(--font-ui);margin:0}.of-head p{color:var(--secondary-foreground);margin:0}.of-filters{padding:0 var(--pad);flex-wrap:wrap;gap:8px;display:flex}.of-chip{border-radius:var(--radius-pill);background:var(--popover);height:38px;color:var(--secondary-foreground);font:600 14px/1 var(--font-ui);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.of-chip:hover{color:var(--foreground);background:var(--surface-raised)}.of-chip[aria-pressed=true],.of-chip[aria-current=page]{background:var(--primary-gradient);color:var(--primary-foreground);box-shadow:none}.of-chip span{font:600 12px/1 var(--font-ui);opacity:.7}.of-grid{padding:0 var(--pad);grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:30px 16px;margin:0;list-style:none;display:grid}.of-empty{margin:30px var(--pad);border-radius:var(--radius-md);background:var(--card);box-shadow:inset 0 0 0 1px var(--border);text-align:center;color:var(--secondary-foreground);justify-items:center;gap:12px;padding:54px 24px;display:grid}.of-empty b{color:var(--foreground);font:700 20px/1.3 var(--font-ui)}.of-empty .of-ic{width:40px;height:40px;color:var(--primary)}.of-modal{z-index:60;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050505bd;animation:.25s both of-fade;position:fixed;inset:0;overflow-y:auto}.of-modal[hidden]{display:none}@keyframes of-fade{0%{opacity:0}}.of-dlg{border-radius:var(--radius-md);background:var(--card);width:min(1060px,100% - 48px);box-shadow:0 0 0 1px var(--border-strong), 0 40px 100px #000c;animation:of-pop .4s var(--spring) both;margin:40px auto 60px;position:relative;overflow:hidden}@keyframes of-pop{0%{opacity:0;transform:translateY(26px)scale(.98)}}.of-dlg-x{z-index:5;background:color-mix(in srgb, var(--background) 60%, transparent);width:44px;height:44px;position:absolute;top:16px;right:16px}.of-dlg-top{isolation:isolate;height:500px;position:relative;overflow:hidden}.of-dlg-top .of-hero-bg{filter:blur(40px)saturate(1.3)brightness(.45)}.of-dlg-top .of-hero-art{width:60%}.of-dlg-top:after{content:"";z-index:1;background:linear-gradient(90deg, var(--card) 0, #0d0d0f99 36%, transparent 62%), linear-gradient(0deg, var(--card) 0, #0d0d0f00 42%);position:absolute;inset:0}.of-dlg-top .of-hero-copy{gap:14px;width:min(560px,56%);bottom:34px;left:44px}.of-dlg-top h2{font:800 clamp(32px, 3.6vw, 52px)/1.1 var(--font-ui);text-wrap:balance;text-shadow:0 4px 24px #00000080;margin:0}.of-dlg-top h2 img{width:min(360px,100%);height:auto}.of-dlg-body{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:34px;padding:10px 44px 6px;display:grid}.of-dlg-body .of-syn{-webkit-line-clamp:unset;color:var(--foreground);text-shadow:none;font-size:16px}.of-facts{gap:10px;margin:0;font-size:14px;display:grid}.of-facts div{grid-template-columns:84px minmax(0,1fr);gap:10px;display:grid}.of-facts dt{color:var(--muted-foreground)}.of-facts dd{color:var(--secondary-foreground);margin:0}.of-facts dd a{color:var(--foreground);text-decoration:none}.of-facts dd a:hover{color:var(--primary)}.of-tabs{border-bottom:1px solid var(--border);gap:6px;margin:26px 44px 0;padding-bottom:0;display:flex}.of-tabs button{height:46px;color:var(--secondary-foreground);font:600 15px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:0 16px;position:relative}.of-tabs button[aria-selected=true]{color:var(--foreground)}.of-tabs button[aria-selected=true]:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.of-tabs button span{color:var(--muted-foreground);font:600 12px/1 var(--font-ui);margin-left:6px}.of-pane{padding:24px 44px 44px}.of-pane[hidden]{display:none}.of-ranges{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.of-ranges .of-chip{height:34px;padding:0 14px;font-size:13px}.of-eps{grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.of-ep{aspect-ratio:1;border-radius:var(--radius-md);background:var(--popover);width:100%;color:var(--foreground);font:600 16px/1 var(--font-ui);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;transition:background .2s, box-shadow .2s, transform .2s var(--spring);font-variant-numeric:tabular-nums;border:0;place-items:center;padding:0;display:grid;position:relative}.of-ep:hover{background:var(--surface-raised);box-shadow:inset 0 0 0 1.5px var(--primary);transform:translateY(-2px)}.of-ep.is-seen{color:var(--primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 35%, transparent)}.of-ep.is-now{background:var(--primary-gradient);color:var(--primary-foreground);box-shadow:none}.of-ep-note{color:var(--muted-foreground);margin:16px 0 0;font-size:13px}.of-gallery{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}.of-gallery h3{color:var(--secondary-foreground);font:700 13px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin:6px 0 -6px}.of-gallery h3 b{color:var(--primary)}.of-shot{gap:8px;margin:0;display:grid}.of-shot button{border-radius:var(--radius-md);background:var(--popover);cursor:zoom-in;width:100%;box-shadow:0 0 0 1px var(--border);border:0;padding:0;display:block;position:relative;overflow:hidden}.of-shot button img{width:100%;height:auto;transition:transform .5s var(--ease)}.of-shot button:hover img{transform:scale(1.04)}.of-shot figcaption{color:var(--muted-foreground);gap:3px;font-size:13px;display:grid}.of-shot figcaption b{color:var(--foreground);font:600 14px/1.35 var(--font-ui)}.of-more{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 14px;margin:0;padding:0;list-style:none;display:grid}.of-lb{z-index:90;cursor:zoom-out;background:#040404f0;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:14px;padding:24px;animation:.2s both of-fade;display:grid;position:fixed;inset:0}.of-lb[hidden]{display:none}.of-lb img{border-radius:var(--radius-sm);max-width:100%;max-height:100%;box-shadow:0 30px 80px #000c}.of-lb p{max-width:680px;color:var(--secondary-foreground);font:500 14.5px/1.55 var(--font-ui);text-align:center;margin:0}.of-lb p b{color:var(--foreground);font-size:16px;display:block}.of-player{z-index:80;background:var(--media-background);color:var(--foreground);grid-template-columns:minmax(0,1fr) 400px;animation:.25s both of-fade;display:grid;position:fixed;inset:0}.of-player[hidden]{display:none}.of-pl-stage{isolation:isolate;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.of-pl-stage .of-hero-bg{filter:blur(50px)saturate(1.2)brightness(.32)}.of-pl-wrap{align-items:flex-end;gap:16px;display:flex;position:relative}.of-screen{aspect-ratio:9/16;border-radius:var(--radius-md);background:var(--media-background);max-width:calc(100vw - 32px);height:min(100vh - 40px,880px);box-shadow:0 0 0 1px color-mix(in srgb, var(--foreground) 10%, transparent), 0 40px 90px #000c;touch-action:pan-x;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}@keyframes of-kb{0%{transform:scale(1.02)}to{transform:scale(1.14)translate(-2%,-2.5%)}}@keyframes of-up{0%{opacity:.2;transform:translateY(42%)}}@keyframes of-down{0%{opacity:.2;transform:translateY(-42%)}}.of-screen:after{content:"";pointer-events:none;background:linear-gradient(#000000a6,#0000 20% 52%,#000c 76%,#000000f0);position:absolute;inset:0}.of-pl-top{z-index:3;align-items:center;gap:10px;padding:14px;display:flex;position:absolute;top:0;left:0;right:0}.of-pl-top>div{flex:1;min-width:0}.of-pl-top b{font:700 15px/1.3 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.of-pl-top span{color:var(--secondary-foreground);font-size:12.5px}.of-pl-top .of-round,.of-ctl .of-round{width:42px;height:42px;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073}.of-proto{z-index:3;border-radius:var(--radius-pill);color:color-mix(in srgb, var(--foreground) 80%, transparent);background:#0000008c;padding:4px 10px;font-size:11px;position:absolute;top:66px;left:14px}.of-pl-bot{z-index:3;gap:10px;padding:14px 16px 16px;display:grid;position:absolute;bottom:0;left:0;right:0}.of-pl-cap b{font:700 17px/1.35 var(--font-ui);display:block}.of-pl-cap span{color:var(--secondary-foreground);font:500 13.5px/1.45 var(--font-ui);display:block}.of-seek{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--foreground) 22%, transparent);cursor:pointer;height:4px;position:relative}.of-seek:before{content:"";position:absolute;inset:-10px 0}.of-seek i{border-radius:inherit;background:var(--primary);width:0;position:absolute;inset:0 auto 0 0}.of-ctl{align-items:center;gap:8px;display:flex}.of-time{color:var(--secondary-foreground);font:500 12px/1 var(--font-ui);font-variant-numeric:tabular-nums;margin-left:auto}.of-tap{z-index:2;cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;inset:70px 0 130px}.of-tap span{width:76px;height:76px;color:var(--media-foreground);opacity:0;background:#00000073;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;transform:scale(.8)}.of-tap span .of-ic{width:30px;height:30px}.of-player.is-paused .of-tap span{opacity:1;transform:none}.of-side-acts{gap:14px;padding-bottom:130px;display:grid}.of-act{color:var(--secondary-foreground);font:500 11.5px/1 var(--font-ui);cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;padding:0;display:grid}.of-act>span:first-child{background:color-mix(in srgb, var(--foreground) 10%, transparent);width:48px;height:48px;color:var(--foreground);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.of-act:hover>span:first-child{background:color-mix(in srgb, var(--primary) 20%, transparent);color:var(--primary)}.of-act[aria-pressed=true]>span:first-child{background:color-mix(in srgb, var(--primary) 22%, transparent);color:var(--primary)}.of-next{z-index:4;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 40%, transparent);white-space:nowrap;font:500 14px/1 var(--font-ui);animation:of-rise .3s var(--spring) both;background:#0e0d0ce6;align-items:center;gap:12px;padding:10px 10px 10px 14px;display:flex;position:absolute;bottom:132px;left:50%;transform:translate(-50%)}.of-next[hidden]{display:none}.of-next b{color:var(--primary);font-variant-numeric:tabular-nums}.of-next button{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--foreground) 10%, transparent);height:32px;color:var(--foreground);font:600 12.5px/1 var(--font-ui);cursor:pointer;border:0;padding:0 12px}.of-pl-panel{background:var(--card);min-width:0;box-shadow:inset 1px 0 0 var(--border);flex-direction:column;gap:16px;padding:26px 24px;display:flex;overflow-y:auto}.of-pl-panel h3{font:800 24px/1.25 var(--font-ui);margin:0}.of-pl-panel .of-eps{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.of-pl-panel .of-ep{border-radius:var(--radius-sm);font-size:14px}.of-auto{border-radius:var(--radius-md);background:color-mix(in srgb, var(--foreground) 4%, transparent);color:var(--secondary-foreground);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.of-switch{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--foreground) 18%, transparent);cursor:pointer;border:0;width:42px;height:24px;transition:background .2s;position:relative}.of-switch:after{content:"";background:var(--media-foreground);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.of-switch[aria-checked=true]{background:var(--primary)}.of-switch[aria-checked=true]:after{transform:translate(18px)}.of-hint{color:var(--muted-foreground);margin:0;font-size:12.5px}.of-sheet-btn{display:none!important}.of-foot{margin:30px var(--pad) 0;border-top:1px solid var(--border);color:var(--muted-foreground);gap:10px;padding:30px 0 50px;font-size:13px;display:grid}.of-foot div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.of-foot img{width:96px;height:auto}.of-toast{z-index:100;border-radius:var(--radius-md);color:var(--foreground);font:500 14px/1.3 var(--font-ui);box-shadow:0 0 0 1px var(--border-strong), 0 20px 40px #0009;opacity:0;pointer-events:none;transition:opacity .25s, transform .3s var(--ease);background:#141417f5;padding:12px 18px;position:fixed;bottom:30px;left:50%;transform:translate(-50%,12px)}.of-toast.is-on{opacity:1;transform:translate(-50%)}.of-tabbar{display:none}@media (max-width:1180px){:root{--pad:36px}.of-nav .of-hide-m{display:none}.of-track{--per:5.4}.of-row--big .of-track{--per:3.6}.of-row--wide .of-track{--per:2.5}.of-hero-copy{width:min(560px,52%)}.of-picks li:nth-child(n+6){display:none}.of-player{grid-template-columns:minmax(0,1fr) 340px}}@media (max-width:960px){.of-nav{display:none}.of-track{--per:4.3}.of-row--big .of-track{--per:2.8}.of-row--wide .of-track{--per:1.8}.of-picks{display:none}.of-hero-copy{width:auto;right:var(--pad)}.of-hero-art{width:80%}.of-dlg-body{grid-template-columns:minmax(0,1fr)}.of-eps{grid-template-columns:repeat(8,minmax(0,1fr))}.of-player{grid-template-columns:minmax(0,1fr)}.of-pl-panel{z-index:6;max-height:72vh;transition:transform .35s var(--spring);border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -20px 50px #000000b3}.of-player.is-sheet .of-pl-panel{transform:none}.of-sheet-btn{display:grid!important}}@media (max-width:760px){:root{--pad:16px;--top-h:56px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px));font-size:14.5px}.of-top{gap:12px}.of-brand img{width:26px;height:26px}.of-brand b{font-size:18px}.of-by-site{display:none}.of-search.is-open input,.of-search input:not(:placeholder-shown){width:calc(100vw - 190px)}.of-hero{height:auto;padding:calc(var(--top-h) + 6px) 0 6px}.of-hero:after{background:linear-gradient(0deg, var(--background) 0, color-mix(in srgb, var(--background) 0%, transparent) 40%)}.of-hero-layer .of-hero-art{display:none}.of-hero-stage{z-index:2;aspect-ratio:3/4;border-radius:var(--radius-md);touch-action:pan-y;width:min(78vw,330px);box-shadow:0 0 0 1px var(--border-strong), 0 30px 60px -20px #000000e6;margin:0 auto;display:block;position:relative;overflow:hidden}.of-hero-stage img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);position:absolute;inset:0}.of-hero-stage img.is-on{opacity:1}.of-hero-copy{width:auto;margin:16px var(--pad) 0;text-align:center;justify-items:center;gap:10px;position:relative;bottom:auto;left:auto;right:auto}.of-hero-copy .of-kicker,.of-hero-copy h1,.of-hero-copy .of-syn{display:none}.of-hero-copy .of-quote{font-size:15px}.of-hero-copy .of-meta{justify-content:center}.of-acts{justify-content:center;gap:10px}.of-btn{height:46px;padding:0 20px 0 16px;font-size:15px}.of-round{width:46px;height:46px}.of-hero-copy .of-btn--ghost{display:none}.of-hero-dots{z-index:2;justify-content:center;gap:6px;margin:14px 0 0;display:flex;position:relative}.of-hero-dots i{border-radius:var(--radius-xs);background:color-mix(in srgb, var(--foreground) 28%, transparent);width:6px;height:6px;transition:width .3s,background .3s}.of-hero-dots i.is-on{background:var(--primary);width:20px}.of-main{gap:30px;margin-top:26px}.of-row-h h2{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:18px;overflow:hidden}.of-row-h small{display:none}.of-row-h a{white-space:nowrap;flex:none}.of-track{--per:2.7;--gap:10px;padding-top:10px;padding-bottom:12px}.of-row--big .of-track{--per:1.9}.of-row--wide .of-track{--per:1.12}.of-cat-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.of-cat-tabs .of-chip{flex:none;height:34px;padding:0 13px}.of-arrow{display:none}.of-card-t b{font-size:13.5px}.of-card-t span{font-size:11.5px}.of-card:hover .of-art{box-shadow:0 0 0 1px var(--border), 0 18px 30px -18px #000000e6;transform:none}.of-hover,.of-real{display:none}.of-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.of-modal{background:var(--card)}.of-dlg{width:100%;box-shadow:none;border-radius:0;margin:0;animation:none}.of-dlg-top{height:auto}.of-dlg-top .of-hero-art{aspect-ratio:5/4;width:100%;height:auto;position:relative;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 42%);mask-image:linear-gradient(0deg,#0000 0,#000 42%)}.of-dlg-top .of-hero-art img{object-position:50% 10%;transform:none}.of-dlg-top.of-dlg-top--cr .of-hero-art{aspect-ratio:2/3;border-radius:var(--radius-md);width:58%;margin:56px auto 0;top:auto;bottom:auto;right:auto;-webkit-mask-image:none;mask-image:none}.of-dlg-top.of-dlg-top--cr .of-hero-copy{margin-top:18px}.of-art img.of-mark{width:16px;inset:7px 7px auto auto}.of-mark--cr{width:20px;height:20px;font-size:8px;inset:6px 6px auto auto}.of-row--big .of-mark--cr{width:24px;height:24px;font-size:9.5px;inset:8px 8px auto auto}.of-row--cr .of-cr-chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.of-row--cr .of-cr-chips .of-chip{flex:none;height:34px;font-size:13px}.of-row--big .of-art img.of-mark{width:19px;inset:9px 9px auto auto}.of-chead .of-ava{width:52px;height:52px;font-size:18px}.of-dlg-top.of-hero-layer--wide .of-hero-art{aspect-ratio:16/10}.of-dlg-top:after{content:none}.of-dlg-top .of-hero-copy{text-align:left;justify-items:start;width:auto;margin:-56px 16px 0;position:relative;bottom:auto;left:auto}.of-dlg-top .of-hero-copy h2{font-size:28px}.of-dlg-top .of-hero-copy .of-acts{justify-content:flex-start}.of-dlg-top .of-hero-copy .of-btn--play{flex:auto}.of-dlg-body{gap:18px;padding:18px 16px 0}.of-tabs{scrollbar-width:none;margin:22px 16px 0;overflow-x:auto}.of-tabs button{white-space:nowrap;padding:0 10px;font-size:14px}.of-pane{padding:18px 16px 36px}.of-eps{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.of-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.of-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.of-screen{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}.of-pl-wrap{position:absolute;inset:0}.of-side-acts{z-index:4;padding:0;position:absolute;bottom:150px;right:10px}.of-act>span:first-child{background:#0006;width:44px;height:44px}.of-proto{top:64px}.of-foot{margin-top:10px}.of-toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.of-tabbar{z-index:45;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -1px 0 var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a09f5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.of-tabbar a{border-radius:var(--radius-md);color:var(--muted-foreground);font:600 11px/1 var(--font-ui);justify-items:center;gap:4px;padding:6px 0;text-decoration:none;display:grid}.of-tabbar a .of-ic{width:22px;height:22px}.of-tabbar a[aria-current=page]{color:var(--primary)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.of-acct{display:flex;position:relative}.of-signin{border-radius:var(--radius-pill);background:var(--primary-gradient);height:38px;color:var(--primary-foreground);font:700 14px/1 var(--font-ui);cursor:pointer;white-space:nowrap;border:0;align-items:center;gap:8px;padding:0 16px 0 12px;display:inline-flex}.of-signin .of-ic{width:18px;height:18px}.of-avatar{background:var(--primary-gradient);width:38px;height:38px;color:var(--primary-foreground);font:700 16px/1 var(--font-ui);cursor:pointer;box-shadow:0 0 0 2px var(--background), 0 0 0 3.5px color-mix(in srgb, var(--primary) 50%, transparent);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.of-acct-menu{z-index:50;border-radius:var(--radius-md);background:var(--popover);min-width:230px;box-shadow:inset 0 0 0 1px var(--border-strong), 0 24px 50px -20px #000000e6;gap:2px;padding:14px 8px 8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.of-acct-menu[hidden]{display:none}.of-acct-menu>b{font:700 15px/1.3 var(--font-ui);padding:0 10px}.of-acct-menu>small{border-bottom:1px solid var(--border);color:var(--muted-foreground);font:500 12.5px/1.3 var(--font-ui);margin-bottom:6px;padding:0 10px 10px}.of-acct-menu a,.of-acct-menu button{border-radius:var(--radius-sm);height:40px;color:var(--secondary-foreground);font:500 14px/1 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.of-acct-menu a:hover,.of-acct-menu button:hover{background:color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--foreground)}.of-acct-menu .of-ic{width:18px;height:18px}.of-sign{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050505c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.of-sign[hidden]{display:none}.of-sign-box{background:var(--card);text-align:center;width:min(420px,100%);box-shadow:inset 0 0 0 1px var(--border-strong), 0 40px 90px -40px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:22px;justify-items:center;gap:14px;padding:40px 30px 28px;display:grid;position:relative}.of-sign-box>img{width:46px;height:46px}.of-sign-box h2{font:700 22px/1.3 var(--font-ui);text-wrap:balance;margin:0}.of-sign-box p{color:var(--secondary-foreground);margin:0;font-size:14.5px}.of-sign-box .of-btn{width:100%;height:50px}.of-sign-box small{color:var(--muted-foreground);font:500 12px/1.5 var(--font-ui)}.of-act[aria-pressed=true] .of-ic{fill:currentColor}@media (max-width:760px){.of-signin{height:34px;padding:0 12px 0 10px;font-size:13px}.of-avatar{width:34px;height:34px}}.of-frame.is-cr img{width:100%;height:100%;top:0;left:0}.of-frame{position:absolute;inset:0}.of-frame img{object-fit:cover;width:140%;max-width:none;height:140%;animation:22s ease-in-out infinite alternate of-kb;position:absolute;top:-7%;left:-20%}.of-frame.is-up{animation:of-up .45s var(--spring) both}.of-frame.is-down{animation:of-down .45s var(--spring) both}dialog{color:var(--foreground);font:inherit;border:0;max-width:none;max-height:none;margin:0;padding:0}dialog.of-modal,dialog.of-sign,dialog.of-lb,dialog.of-player,dialog.of-sheet-dialog{width:100%;height:100dvh}dialog:not([open]){display:none}dialog::backdrop{background:#00000080}.of-app{min-width:0;max-width:100%}.of-skip{top:8px;left:var(--pad);z-index:150;background:var(--primary);color:var(--primary-foreground);padding:10px 16px;position:fixed;transform:translateY(-200%)}.of-skip:focus{transform:none}.of-language{border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--popover);width:78px;height:34px;color:var(--foreground);font:500 12px var(--font-ui);padding:0 7px}details>summary{cursor:pointer;list-style:none}details>summary::-webkit-details-marker{display:none}.of-cats>summary{white-space:nowrap;align-items:center;gap:5px;padding:8px 12px;display:flex}.of-cats:not([open]) .of-cats-menu,.of-acct:not([open]) .of-acct-menu{display:none}.of-acct-menu{text-align:left}.of-hero-controls{z-index:3;right:var(--pad);top:calc(var(--top-h) + 18px);gap:6px;display:flex;position:absolute}.of-hero-controls .of-round{width:34px;height:34px}.of-row:focus-within .of-arrow:not([disabled]){opacity:1}.of-card-t .of-byname{font-size:inherit}.of-wtx .of-byname{font-size:12px}.of-track:focus-visible{outline-offset:-3px}.of-detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.of-detail-actions .of-acts{margin:0}.of-gallery{list-style:none}.of-creator-head{justify-items:start}.of-pl-panel h4{margin:0}.of-range{width:100%;height:16px;accent-color:var(--primary);cursor:pointer;margin:0}.of-ctl button:disabled{opacity:.35;cursor:default}.of-screen:focus-visible{outline-offset:-3px}.of-video{z-index:2;object-fit:contain;width:100%;height:100%;position:relative}.of-sheet-dialog{background:#00000080;position:fixed;inset:0}.of-sheet-dialog .of-pl-panel{max-height:78dvh;padding-top:64px;transform:none}.of-lb{padding-top:70px}.of-lb>img{object-fit:contain;min-height:0}.of-toast{max-width:calc(100vw - 32px)}.of-unavailable{max-width:700px;margin:auto;padding:100px 24px}.of-unavailable a{color:var(--primary)}.of-hero-dots{pointer-events:none}@media (min-width:961px) and (max-width:1440px){.of-top{gap:18px}.of-tools{gap:9px}.of-nav a,.of-nav button{padding-left:9px;padding-right:9px}.of-search.is-open input,.of-search input:not(:placeholder-shown){width:200px}}@media (max-width:960px){.of-pl-stage{height:100%}.of-player>.of-pl-panel{display:none}}@media (max-width:760px){.of-top{gap:10px}.of-tools{gap:8px;min-width:0}.of-tools>.of-search{display:none}.of-language{width:65px;height:32px;padding:0 4px;font-size:11px}.of-brand{gap:8px}.of-signin .of-ic{display:none}.of-hero-controls{top:calc(var(--top-h) + 14px);right:calc(50vw - min(78vw,330px)/2 + 8px)}.of-hero-controls .of-round{background:#0000008c;width:30px;height:30px}.of-hero-copy h1{clip-path:inset(50%);width:1px;height:1px;display:block;position:absolute;overflow:hidden}.of-dlg .of-hero-copy .of-kicker{display:flex}.of-detail-actions{width:100%}.of-detail-actions .of-acts{flex:1}.of-pl-bot{padding-bottom:max(16px, env(safe-area-inset-bottom))}.of-pl-cap{padding-right:44px}.of-pl-cap span{font-size:12px}.of-side-acts .of-round{width:44px;height:44px}.of-next{bottom:175px}.of-toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.of-frame img{animation:none}}.of-by-prefix{color:var(--muted-foreground);font-style:normal;font-weight:400}@media (min-width:961px) and (max-width:1200px){.of-by-site{display:none}}.of-credit{align-items:center;gap:.3em;display:inline-flex}.of-credit .of-byname{font-style:normal}.clips-shell{background:var(--background);min-height:100vh}.clips-sidebar{background:var(--card);z-index:35;border:0;flex-direction:column;gap:24px;width:248px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.clips-sidebar .of-brand{padding:0 8px}.clips-search{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.clips-search input{width:100%;min-width:0;color:var(--foreground);font:inherit;background:0 0;border:0;outline:none}.clips-search:focus-within{border-color:var(--primary)}.clips-nav{flex-direction:column;gap:4px;display:flex}.clips-nav a,.clips-nav a:visited{min-height:46px;color:var(--muted-foreground);border-radius:var(--radius-md);align-items:center;gap:14px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.clips-nav a:hover{background:var(--surface-hover);color:var(--foreground)}.clips-nav a[aria-current=page]{background:var(--accent);color:var(--foreground)}.clips-nav .of-ic{color:currentColor}.clips-nav a[aria-current=page] .of-ic{color:var(--primary)}.clips-submit,.clips-signin{border-radius:var(--radius-sm);background:var(--primary-gradient);color:var(--primary-foreground);font:700 14px/1.5 var(--font-ui);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;display:inline-flex}.clips-signin{background:var(--primary-soft);color:var(--primary);border:0}.clips-signin:disabled{border-color:var(--border-strong);color:var(--muted-foreground);cursor:not-allowed}.clips-submit:hover{filter:brightness(1.08)}.clips-account{flex-shrink:0;align-items:center;gap:8px;margin-top:auto;padding-top:24px;display:flex}.clips-account-name{min-width:0;color:var(--foreground);font:500 13px/1.3 var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:4px 0;display:flex}.clips-account-name>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clips-account>.clips-signin{flex:1;padding:10px}.clips-body{min-width:0;margin-left:248px}.clips-main{flex-direction:column;gap:28px;max-width:1600px;margin:auto;padding:32px clamp(20px,3vw,48px) 64px;display:flex}.clips-main section{min-width:0}.clips-section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.clips-section-head h1,.clips-section-head h2{margin:0;font-size:20px;line-height:1.3}.clips-section-head h1:not(:has(small)){font-size:28px;line-height:1.2}.clips-section-head h1 small{font:400 13px var(--font-ui);color:var(--muted-foreground);margin-left:12px}.clips-section-head a{color:var(--primary);white-space:nowrap;font-size:13px;text-decoration:none}.clips-section-head>span{color:var(--muted-foreground);font-size:13px}.clips-events{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.clips-event-card{isolation:isolate;border-radius:var(--radius-md);background:var(--card);border:0;flex-direction:column;justify-content:flex-end;min-height:210px;padding:18px;text-decoration:none;display:flex;position:relative;overflow:hidden}.clips-event-card:after{content:"";z-index:-1;background:linear-gradient(180deg,transparent 10%,var(--scrim-strong) 95%);position:absolute;inset:0}.clips-event-card>img{object-fit:cover;z-index:-2;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.clips-event-card h3{font:700 22px/1.25 var(--font-display);text-transform:uppercase;margin:0 0 8px}.clips-event-card p{color:var(--secondary-foreground);margin:0;font-size:13px}.clips-badge{border-radius:var(--radius-pill);background:var(--scrim-strong);color:var(--secondary-foreground);padding:5px 10px;font-size:12.5px;position:absolute;top:16px;left:16px}.clips-badge.is-open{background:var(--primary);color:var(--primary-foreground)}.clips-event-pending{background:radial-gradient(ellipse at top right,var(--primary-soft),var(--card) 65%)}.clips-event-future{background:var(--card);border:0;justify-content:center}.clips-event-future small{color:var(--muted-foreground);margin-bottom:10px}.clips-event-future h3{font:600 20px var(--font-ui)}.clips-creators{gap:12px;padding:3px 3px 8px;display:flex;overflow:auto}.clips-creators-all{flex-wrap:wrap;overflow:visible}.clips-creator{border-radius:var(--radius-pill);background:var(--card);white-space:nowrap;border:0;flex:none;align-items:center;gap:10px;padding:9px 16px 9px 9px;text-decoration:none;display:flex}.clips-creator b{font-size:13px;display:block}.clips-creator small{color:var(--muted-foreground);font-size:12.5px;display:block}.clips-filters{justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.clips-filters>div{flex-wrap:wrap;gap:6px;display:flex}.clips-filters button,.clips-parts button{border-radius:var(--radius-sm);color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;padding:7px 12px;font-size:13px}.clips-filters button[aria-pressed=true],.clips-parts button[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary)}.clips-filters label,.clips-round-filter{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.clips-filters select,.clips-round-filter select{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);font:inherit;padding:7px 10px}.clips-round-filter{margin-bottom:20px}.clips-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;display:grid}.clips-card{min-width:0}.clips-art{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--secondary);text-decoration:none;display:block;position:relative;overflow:hidden}.clips-art>img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.clips-card:hover .clips-art>img{transform:scale(1.04)}.clips-art-empty{background:linear-gradient(130deg,var(--secondary),var(--card));height:100%;color:var(--primary);place-items:center;display:grid}.clips-art-empty .of-ic{width:40px;height:40px}.clips-card-type,.clips-duration{background:var(--scrim-strong);border-radius:var(--radius-xs);padding:3px 7px;font-size:12px;position:absolute;bottom:8px}.clips-card-type{color:var(--primary);left:8px}.clips-duration{font-family:var(--font-ui);right:8px}.clips-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 6px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.clips-card h3 a{text-decoration:none}.clips-by{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12.5px;display:flex}.clips-by>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clips-by a{text-decoration:none}.clips-originals{border-top:1px solid var(--border);padding-top:24px}.clips-originals .clips-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.clips-more{border-radius:var(--radius-sm);background:var(--input);color:var(--foreground);cursor:pointer;border:0;margin:28px auto 0;padding:10px 28px;display:block}.clips-empty{min-height:180px;color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex}.clips-empty h2{font-size:20px}.clips-footer{color:var(--muted-foreground);border:0;justify-content:space-between;gap:20px;padding:24px 40px;font-size:13px;display:flex}.clips-footer a{color:var(--primary);text-decoration:none}.clips-event-header{border-radius:var(--radius-md);background:radial-gradient(ellipse at top right,var(--primary-soft),var(--card) 68%);border:0;padding:32px}.clips-eyebrow{text-transform:uppercase;color:var(--primary);font:600 11px var(--font-ui);letter-spacing:.08em}.clips-event-header h1{font:700 28px/1.2 var(--font-display);margin:14px 0}.clips-event-header p{max-width:620px;color:var(--secondary-foreground)}.clips-event-header>.clips-submit{margin-top:10px}.clips-rounds{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.clips-rounds>div{border-radius:var(--radius-sm);background:var(--secondary);border:0;flex:1;min-width:180px;padding:18px}.clips-rounds h3{margin:8px 0 0;font-size:16px}.clips-status{color:var(--muted-foreground);font-size:12.5px}.clips-status.is-open{color:var(--primary)}.clips-dialog{border-radius:var(--radius-md);background:var(--card);width:min(960px,100vw - 40px);max-height:90dvh;color:var(--foreground);box-shadow:var(--shadow-modal);border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.clips-dialog::backdrop{background:var(--backdrop-tint);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.clips-dialog-inner{padding:32px;position:relative}.clips-dialog h1{margin:12px 44px 18px 0;font-size:28px;line-height:1.2}.clips-dialog p{color:var(--secondary-foreground)}.clips-submit-dialog{max-width:960px}.clips-submit-rounds{border:0;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;min-width:0;margin:26px 0 16px;padding:0;display:grid}.clips-submit-round{border-radius:var(--radius-md);background:var(--secondary);cursor:pointer;border:0;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.clips-submit-round.is-selected{border-color:var(--primary);background:var(--primary-soft)}.clips-submit-round:focus-within{outline:2px solid var(--primary);outline-offset:3px}.clips-round-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.clips-round-top input{accent-color:var(--primary);width:20px;height:20px;margin:0}.clips-round-top .clips-status{background:var(--accent);border-radius:var(--radius-pill);padding:5px 10px;font-size:13px}.clips-submit-round>small{color:var(--muted-foreground);font-size:13px}.clips-submit-round h2{font:600 20px/1.3 var(--font-display);margin:0}.clips-submit-round .clips-round-theme{margin:0;font-size:14px;line-height:1.6}.clips-type-chips{flex-wrap:wrap;gap:6px;display:flex}.clips-type-chips>span{background:var(--secondary);border-radius:var(--radius-xs);color:var(--secondary-foreground);border:0;padding:4px 8px;font-size:13px}.clips-round-bottom{color:var(--muted-foreground);border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;font-size:13px;display:flex}.clips-round-bottom b{color:var(--primary);font-size:13px}.clips-community-soon{background:var(--secondary);border-radius:var(--radius-sm);color:var(--muted-foreground);border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}.clips-community-soon>span:last-child{border-radius:var(--radius-xs);border:0;padding:4px 8px;font-size:12.5px}.clips-closed-rounds{color:var(--muted-foreground);border:0;margin-top:22px;padding-top:16px;font-size:13px}.clips-closed-rounds h2{margin:0 0 8px;font-size:13px;font-weight:500}.clips-closed-rounds ul{opacity:.7;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none;display:flex}.clips-submit-actions{justify-content:flex-end;margin-top:26px;display:flex}.clips-submit:disabled{background:var(--border);color:var(--muted-foreground);cursor:not-allowed;filter:none}.clips-no-open{text-align:center;color:var(--muted-foreground);padding:30px 16px}.clips-no-open h2{color:var(--secondary-foreground);font-size:18px}.clips-no-open p{font-size:13px}.clips-work-creators{flex-wrap:wrap;gap:16px;margin-bottom:18px;display:flex}.clips-work-creators a{color:var(--teal);font-size:13px}.clips-player-stage{background:var(--media-background);aspect-ratio:16/9;border-radius:var(--radius-sm);place-items:center;display:grid;position:relative;overflow:hidden}.clips-player-stage video{object-fit:contain;width:100%;height:100%;max-height:65dvh}.clips-player-stage.is-image{aspect-ratio:auto;min-height:300px}.clips-player-stage.is-image img{object-fit:contain;width:auto;max-height:65dvh}.clips-play{background:var(--primary-gradient);width:66px;height:66px;color:var(--primary-foreground);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clips-play .of-ic{width:28px;height:28px}.clips-parts{gap:8px;padding:14px 0;display:flex;overflow:auto}.clips-parts button{background:var(--secondary);flex:none}.clips-parts img{object-fit:cover;border-radius:var(--radius-xs);width:72px;height:44px;margin-bottom:6px}.clips-work-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.clips-mobile-nav{display:none}.clips-body>.of-main{--pad:36px;padding-top:36px}.clips-shell .of-pagehead{padding-top:0}@media (min-width:1700px){.clips-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1150px){.clips-sidebar{width:220px;padding:24px 16px}.clips-body{margin-left:220px}.clips-events{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-event-future{display:none}.clips-grid,.clips-originals .clips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-section-head h1 small{margin:6px 0 0;display:block}.clips-filters{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.clips-sidebar{border:0;border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:18px;width:100%;padding:20px 18px 12px;display:grid;position:relative;inset:auto}.clips-sidebar .of-brand{padding:0}.clips-sidebar .of-brand b{font-size:20px}.clips-sidebar .of-brand img{width:26px;height:26px}.clips-search{grid-area:2/1/auto/-1;min-height:42px}.clips-nav{flex-direction:row;grid-column:1/-1;gap:4px;overflow:auto}.clips-nav a,.clips-nav a:visited{flex:none;gap:6px;padding:8px 10px;font-size:14px}.clips-nav .of-ic{width:15px;height:15px}.clips-account{border:0;grid-area:1/2;align-items:center;gap:8px;padding:0;display:flex}.clips-account p,.clips-account-name{display:none}.clips-account .clips-signin{padding:7px 8px;font-size:12.5px}.clips-account .of-language{width:52px;padding:5px;font-size:12.5px}.clips-sidebar>.clips-submit{display:none}.clips-body{margin-left:0;padding-bottom:70px}.clips-main{gap:28px;padding:24px 18px 36px}.clips-section-head{flex-wrap:wrap;gap:10px}.clips-section-head h1,.clips-section-head h2{font-size:20px}.clips-section-head a{font-size:13px}.clips-events{scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.clips-event-card{scroll-snap-align:start;flex:0 0 85%;min-height:205px}.clips-event-card h3{font-size:22px}.clips-event-future{display:flex}.clips-grid{grid-template-columns:1fr;gap:26px}.clips-originals .clips-grid{gap:14px;display:flex;overflow:auto}.clips-originals .clips-card{flex:0 0 68%}.clips-filters>div{gap:2px}.clips-filters button{padding:7px 9px;font-size:13px}.clips-filters{gap:12px}.clips-card h3{font-size:15px}.clips-by{font-size:13px}.clips-dialog{border-radius:var(--radius-md);width:calc(100vw - 16px);max-height:94dvh}.clips-dialog-inner{padding:24px 16px}.clips-dialog h1{font-size:22px}.clips-work-actions .of-btn{padding:9px 12px;font-size:13px}.clips-event-header{padding:24px 20px}.clips-event-header h1{font-size:28px}.clips-rounds>div{min-width:130px;padding:12px}.clips-footer{flex-direction:column;padding:22px 18px;font-size:12.5px}.clips-mobile-nav{z-index:40;background:var(--card);padding:10px 8px calc(10px + env(safe-area-inset-bottom));border:0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.clips-mobile-nav a{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:flex}.clips-mobile-nav a[aria-current=page],.clips-mobile-nav a:last-child{color:var(--primary)}.clips-body>.of-main{--pad:18px;padding-top:24px}.clips-play{width:54px;height:54px}}@media (prefers-reduced-motion:reduce){.clips-art>img{transition:none}.clips-card:hover .clips-art>img{transform:none}}.clips-event-card:not(.clips-event-pending):not(.clips-event-future),.clips-event-card:not(.clips-event-pending):not(.clips-event-future) p{color:var(--media-foreground)}.clips-event-pending:after,.clips-event-future:after{content:none}.clips-badge:not(.is-open),.clips-duration{color:var(--media-foreground)}.clips-avatar{--avatar-tone:var(--primary);background:color-mix(in srgb, var(--avatar-tone) 14%, var(--card));width:32px;height:32px;color:color-mix(in srgb, var(--avatar-tone) 70%, var(--foreground));font:600 11px/1 var(--font-ui);letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;display:inline-grid;overflow:hidden}.clips-avatar[data-tone=teal]{--avatar-tone:var(--teal)}.clips-avatar[data-tone=steel]{--avatar-tone:var(--steel)}.clips-avatar[data-tone=sage]{--avatar-tone:color-mix(in srgb, var(--teal) 60%, var(--primary))}.clips-avatar[data-tone=sand]{--avatar-tone:color-mix(in srgb, var(--primary) 50%, var(--secondary-foreground))}.clips-avatar[data-size="22"]{width:22px;height:22px;font-size:8px}.clips-avatar[data-size="40"]{width:40px;height:40px;font-size:13px}.clips-avatar img{object-fit:cover;width:100%;height:100%}.clips-nav-icon,.clips-nav-mark{object-fit:contain;width:24px;height:24px;color:var(--muted-foreground);flex:none}.clips-nav a[aria-current=page] .clips-nav-icon,.clips-mobile-nav a[aria-current=page] .clips-nav-icon{color:var(--primary)}.clips-nav-mark{opacity:.65}.clips-nav a[aria-current=page] .clips-nav-mark{opacity:1}.clips-overflow{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.clips-overflow:hover{background:var(--surface-hover);color:var(--foreground)}.clips-ellipsis{font:700 15px/24px var(--font-ui);letter-spacing:2px;display:inline-block}.clips-account-menu{background:var(--popover);width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);color:var(--foreground);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);border:0;margin:0;padding:20px;position:fixed;inset:auto auto 24px 20px;overflow:auto}.clips-account-menu::backdrop{background:0 0}.clips-account-menu h2{margin:0 32px 18px 0;font-size:15px;line-height:1.3}.clips-account-menu .of-dlg-x{width:30px;height:30px;position:absolute;top:10px;right:10px}.clips-account-menu>a,.clips-menu-signout{border-radius:var(--radius-sm);width:100%;color:var(--foreground);font:400 14px/1.3 var(--font-ui);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.clips-account-menu>a:hover,.clips-menu-signout:hover{background:var(--surface-hover)}.clips-menu-identity{overflow-wrap:anywhere;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.clips-menu-language{align-items:center;gap:6px;margin:16px 0;font-size:13px;display:flex}.clips-menu-language>span{flex:1}.clips-menu-language button{border-radius:var(--radius-sm);background:var(--secondary);color:var(--muted-foreground);cursor:pointer;border:0;padding:8px}.clips-menu-language button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}.clips-chapters{margin-top:24px}.clips-chapter-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.clips-chapter-heading h2{margin:0;font-size:20px;line-height:1.3}.clips-chapters button{border-radius:var(--radius-sm);background:var(--secondary);color:var(--secondary-foreground);font:500 13px/1.3 var(--font-ui);cursor:pointer;border:0;padding:10px 12px}.clips-chapters button:hover{background:var(--surface-hover)}.clips-chapters button[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}.clips-fighter{margin-top:20px}.clips-fighter h3{margin:0 0 10px;font-size:15px;line-height:1.35}.clips-chapter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.clips-chapter-grid button{text-align:left;gap:8px;min-height:56px;display:flex}.clips-chapter-grid button>span{color:var(--muted-foreground);font-size:12.5px}.clips-chapter-grid button[aria-pressed=true]>span{color:var(--primary)}.clips-now-playing,.clips-matched-chapter{color:var(--muted-foreground);margin:8px 0;font-size:12.5px;line-height:1.4}.clips-round-tabs{padding-bottom:14px}.clips-shell .of-pagehead h1{font-size:28px;line-height:1.2}@media (max-width:760px){.clips-sidebar{grid-template-columns:1fr;gap:14px}.clips-sidebar .clips-account,.clips-sidebar .clips-nav{display:none}.clips-sidebar .clips-search{grid-area:auto/1}.clips-nav-icon,.clips-nav-mark{width:22px;height:22px}.clips-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid}.clips-mobile-nav a,.clips-mobile-account{min-width:0;color:var(--muted-foreground);font:400 11px/1.3 var(--font-ui);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 0;display:flex}.clips-mobile-nav a[href=\/submit],.clips-mobile-account[aria-expanded=true]{color:var(--primary)}.clips-account-menu{left:16px;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-height:calc(100dvh - 110px)}.clips-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clips-chapter-heading h2{font-size:18px}.clips-dialog h1{font-size:24px}}.clips-rank{color:var(--muted);margin:0 0 8px;font-size:12.5px}.clips-rank b{color:var(--gold);margin-right:6px;font-size:20px}.clips-profile h1{margin:12px 0 8px;font-size:28px;line-height:1.2}.clips-profile p{max-width:640px}.clips-watch{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:28px;max-width:1800px;margin:auto;padding:32px clamp(18px,2.5vw,40px) 56px;display:grid}.clips-watch-main,.clips-watch-side{min-width:0}.clips-watch-main>h1{overflow-wrap:anywhere;margin:20px 0 14px;font-size:28px;line-height:1.25}.clips-watch .clips-player-stage video{max-height:none}.clips-watch-identity{flex-wrap:wrap;gap:16px;display:flex}.clips-watch-creator{color:var(--foreground);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:flex}.clips-watch .clips-work-actions{margin:16px 0}.clips-watch .clips-work-actions .of-btn{background:var(--secondary);border:0;padding:10px 14px;font-size:13px}.clips-watch-description{background:var(--card);border-radius:var(--radius-sm);padding:16px;font-size:14px;line-height:1.55}.clips-watch-description>p{white-space:pre-wrap;overflow-wrap:anywhere}.clips-watch-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.clips-watch-description .clips-campaign-badge{color:var(--primary);margin-top:8px;font-size:13px;text-decoration:none;display:inline-block}.clips-watch-side{flex-direction:column;gap:24px;display:flex}.clips-watch-side h2{margin:0 0 14px;font-size:20px;line-height:1.3}.clips-playlist{background:var(--card);border-radius:var(--radius-sm);overflow:hidden}.clips-playlist-head{padding:16px 16px 8px}.clips-playlist-head h2{margin-bottom:8px;font-size:15px}.clips-playlist-head>span{color:var(--muted-foreground);font-size:12.5px}.clips-playlist-controls{align-items:center;gap:8px;padding:0 16px 12px;display:flex}.clips-playlist-controls button{background:var(--secondary);color:var(--foreground);cursor:pointer;border:0;border-radius:6px;padding:7px}.clips-playlist-controls button:disabled{opacity:.35;cursor:default}.clips-playlist-controls label{align-items:center;gap:6px;margin-left:auto;font-size:12px;display:flex}.clips-playlist-controls input{accent-color:var(--primary)}.clips-playlist ol{max-height:340px;margin:0;padding:0;list-style:none;overflow:auto}.clips-playlist li a{color:var(--foreground);align-items:center;gap:8px;padding:10px;text-decoration:none;display:flex}.clips-playlist li a[aria-current=true]{background:var(--accent)}.clips-playlist li a>span{width:18px;color:var(--muted-foreground);text-align:center;flex:none;font-size:12px}.clips-playlist li img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;flex:none;width:72px}.clips-playlist li b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.clips-watch-promo a{background:var(--card);border-radius:var(--radius-sm);color:var(--foreground);min-height:170px;text-decoration:none;display:block;position:relative;overflow:hidden}.clips-watch-promo img{object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute}.clips-watch-promo a>div{background:linear-gradient(#0000,#000000a6);padding:22px;position:relative}.clips-watch-promo span{color:var(--primary);font-size:12px}.clips-watch-promo h2{margin:8px 0 16px}.clips-watch-promo b{color:var(--primary);font-size:13px}.clips-recommendation{color:var(--foreground);grid-template-columns:42% minmax(0,1fr);gap:12px;margin-bottom:16px;text-decoration:none;display:grid}.clips-recommendation>img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;width:100%}.clips-recommendation b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.clips-recommendation small{color:var(--muted-foreground);margin-top:6px;font-size:12px;display:block}.clips-watch .clips-chapters{margin-top:24px}.clips-watch :focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:1200px){.clips-watch{grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding:24px 20px}.clips-watch .clips-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.clips-watch{grid-template-columns:1fr}.clips-watch-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.clips-recommendations{grid-column:1/-1}.clips-recommendation{grid-template-columns:160px minmax(0,1fr)}}@media (max-width:760px){.clips-watch{gap:28px;padding:18px 18px 36px}.clips-watch-main>h1{font-size:22px}.clips-watch-side{display:flex}.clips-recommendation{grid-template-columns:40% minmax(0,1fr)}.clips-watch-description{padding:14px}.clips-watch .clips-work-actions{gap:6px}.clips-watch .clips-work-actions .of-btn{padding:9px 11px}.clips-playlist ol{max-height:290px}}