@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #141414;--fg: #eaeae9;--fg-2: #565656;--hair: #1d1d1d;--fill: rgb(86 86 86 / .14);--skel: rgb(86 86 86 / .28);--skel-lo: rgb(86 86 86 / .13);--blue: #007afd;--green: #55ff5e;--mascot: #fdd900;--pink: #ff5fa8;--text: var(--fg);--sans: "Inter Variable", "Inter", -apple-system, "SF Pro Text", system-ui, sans-serif;--lh: 20px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--s15: 60px;--s20: 80px;--ctl: 30px;--ctl-x: 12px;--ctl-r: 6px;--icon: 14px;--row: 36px;--year: 128px;--rail: 195px;--col: 556px;--edge: clamp(20px, 5.6vw, 82px);--top: 40px;--start: 120px;--well: #191918;--plate-r: 12px;--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-swift: cubic-bezier(.65, 0, .35, 1);--ease-curtain: cubic-bezier(.76, 0, .24, 1);--ease-settle: cubic-bezier(.05, .85, .3, 1);--ease-enter: cubic-bezier(.1, .8, .3, .95);--ease-travel: cubic-bezier(.45, 0, .1, 1);--ease-arrive: cubic-bezier(.25, .8, .25, 1);--ease-spring: linear(0, .137, .269, .394, .512, .617, .711, .792, .86, .916, .959, .992, 1.015, 1.029, 1.035, 1.034, 1.033, 1.031, 1.028, 1.026, 1.023, 1.02, 1.017, 1.014, 1.011, 1.008, 1.006, 1.004, 1.002, 1.001, 1, 1, 1);--ease-pop: linear(0, .137, .267, .39, .504, .608, .703, .788, .863, .927, .98, 1.023, 1.056, 1.079, 1.093, 1.099, 1.097, 1.088, 1.074, 1.059, 1.046, 1.035, 1.026, 1.018, 1.013, 1.008, 1.005, 1.003, 1.002, 1.002, 1.001, 1.001, 1);--ease-glide: linear(0, .307, .523, .681, .799, .886, .949, .993, 1.02, 1.033, 1.035, 1.033, 1.03, 1.025, 1.019, 1.013, 1.006, 1.001, .997, .995, .995, .996, .996, .997, .998, .998, .999, .999, 1, 1, 1, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg)}html,body{overscroll-behavior-y:none}#root{overflow:clip}body{font:500 14px/var(--lh) var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,p{font:inherit}ul,ol{list-style:none}img,svg{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--fg);color:var(--bg)}.site{position:relative;display:grid;grid-template-columns:var(--rail) minmax(var(--s8),1fr) minmax(0,var(--col)) minmax(var(--s8),1fr) var(--rail);min-height:100svh;padding-inline:var(--edge);color:var(--fg)}.muted{color:var(--fg-2)}.rail{position:sticky;top:0;z-index:4;align-self:start;display:flex;flex-direction:column;width:max-content}.rail-l{grid-column:1;padding-top:var(--top)}.logo{width:20px;height:20px;margin-left:calc(var(--ctl-x) + (var(--icon) - 20px) / 2);color:var(--fg)}.logo svg{width:100%;height:100%}.nav{margin-top:calc(var(--start) - var(--top) - 20px)}.btn{position:relative;z-index:1;display:flex;align-items:center;gap:var(--s2);height:var(--ctl);padding-inline:var(--ctl-x);border-radius:var(--ctl-r);color:var(--fg-2);white-space:nowrap;transition:color .25s,background-color .25s}.btn svg{flex:none;width:var(--icon);height:var(--icon);transition:color .3s cubic-bezier(.22,1,.36,1)}.btn[data-on]{color:var(--fg)}.btn:focus-visible{outline:1px solid var(--fg-2);outline-offset:2px}@media(hover:hover){.btn:hover svg{color:var(--tint, currentColor)}}.btn[data-on] svg,.btn:focus-visible svg{color:var(--tint, currentColor)}.btn-solo:hover,.btn-solo:focus-visible{background:var(--fill);color:var(--fg)}.pills{position:relative;display:flex;flex-direction:column}.pill{position:absolute;top:0;left:0;border-radius:var(--ctl-r);background:var(--fill);pointer-events:none}.pills-x{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(42px,1fr);width:max-content}.pills-x .btn{justify-content:center;padding-inline:var(--s2);font-size:13px}.scrim{position:fixed;inset:0 0 auto;z-index:3;height:128px;pointer-events:none}.scrim>i{position:absolute;inset:0;opacity:var(--scrim, 0)}.scrim>i:nth-child(1){-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask-image:linear-gradient(#000 40%,transparent 85%);mask-image:linear-gradient(#000 40%,transparent 85%)}.scrim>i:nth-child(2){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(#000 20%,transparent 55%);mask-image:linear-gradient(#000 20%,transparent 55%)}.scrim>i:nth-child(3){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask-image:linear-gradient(#000,transparent 30%);mask-image:linear-gradient(#000,transparent 30%)}.scrim>i:nth-child(4){background:linear-gradient(#141414 0,#141414bc 19%,#1414148a 34%,#14141461 47%,#14141447 56.5%,#14141431 65%,#14141420 73%,#14141413 80.2%,#1414140b 86.1%,#14141405 91%,#14141402 95.2%,#14141401 98.2%,#14141400)}.col{grid-column:3;position:relative;padding-top:calc(var(--start) + (var(--ctl) - var(--lh)) / 2);padding-bottom:var(--s20)}.page{display:flex;flex-direction:column;gap:var(--s8)}.hello{position:relative;display:flex;flex-direction:column;gap:var(--s2)}.block{display:flex;flex-direction:column;gap:var(--s3)}.skel{display:inline-block;background:var(--skel);animation:skel-in .4s cubic-bezier(.39,.575,.565,1) .15s both,skel-breathe 1.4s cubic-bezier(.37,0,.63,1) calc(.55s + var(--i, 0) * .12s) infinite alternate}.skel-line{height:10px;border-radius:5px;vertical-align:middle}@keyframes skel-in{0%{opacity:0}}@keyframes skel-breathe{to{background-color:var(--skel-lo)}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.u{text-decoration:underline 1px var(--fg-2);text-underline-offset:3px;transition:text-decoration-color .25s}.u:hover{text-decoration-color:var(--fg)}.year{display:grid;grid-template-columns:var(--year) minmax(0,1fr);border-top:1px solid var(--hair)}.y,.items li{display:flex;align-items:center;height:calc(var(--row) - 1px)}.items li+li{height:var(--row);border-top:1px solid var(--hair)}.items .row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);width:100%;height:100%}.row-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items li{transition:color .35s cubic-bezier(.22,1,.36,1) .08s}@media(hover:hover){.years:has(.items li:hover) .items li:not(:hover){color:var(--fg-2);transition-delay:0s}.items li:hover{transition-delay:0s}}@media(max-width:1179px){.site{grid-template-columns:var(--rail) minmax(var(--s8),1fr) minmax(0,var(--col)) minmax(var(--s8),1fr)}}@media(max-width:759px){.site{display:block;padding-inline:var(--s5)}.scrim{height:40px}.rail-l{position:absolute;top:var(--top);left:var(--s5);right:var(--s5);z-index:auto;width:auto;align-items:flex-start;padding:0;gap:var(--s2)}.logo{margin-block:calc((var(--ctl) - 20px) / 2)}.nav{margin:0;flex-direction:row}.nav [data-nav=home]{display:none}.col{padding-top:calc(var(--top) + 2 * var(--ctl) + var(--s2) + var(--s8) + (var(--ctl) - var(--lh)) / 2)}.site{--year: var(--s20) }.items li,.items li+li{height:auto;min-height:var(--row)}.items .row{align-items:flex-start;height:auto;padding-block:var(--s2)}.row-title{overflow:visible;white-space:normal}.items .row>:last-child:not(.row-title){flex:none}}.rail-out{margin-top:var(--s6)}@media(max-width:759px){.rail-out{position:absolute;top:0;right:0;margin:0}}@media(min-width:760px){.col:has(>.page.wide){grid-column:2 / -1;padding-left:var(--s8);max-width:calc(1112px + var(--s8))}}.page.wide{gap:var(--s10)}.label{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s4)}button.row{text-align:left;font:inherit;color:inherit;background:none;border:0;cursor:pointer}.row:focus-visible{outline:1px solid var(--fg-2);outline-offset:2px;border-radius:2px}.y{min-width:0;padding-right:var(--s3)}.y-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.items .row>.muted:last-child{flex:none;white-space:nowrap}@media(hover:hover){.years:has(.items li:hover) .items li:not(:hover) .said{color:var(--fg-2)}}.cover,.chan,.mcard{transition:opacity .35s cubic-bezier(.22,1,.36,1) .08s}@media(hover:hover){.covers:has(.cover:hover) .cover:not(:hover),.chans:has(.chan:hover) .chan:not(:hover),.mgrid:has(.mcard:hover) .mcard:not(:hover){opacity:.45;transition-delay:0s}}.covers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s6) var(--s4)}.cover{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.art{display:block;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--ctl-r);background:var(--well)}.art img{display:block;width:100%;height:100%;object-fit:cover}.art-none{display:flex;align-items:flex-end;height:100%;padding:var(--s3);color:var(--fg-2)}.cover-text{display:flex;flex-direction:column;min-width:0}.cover-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3) var(--s6)}.chan{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-width:0}.chan-main{display:flex;align-items:center;gap:var(--s3);min-width:0}.chan-text{display:flex;flex-direction:column;min-width:0}.chan-name,.chan-text .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--well);color:var(--fg-2)}.avatar img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar[data-live]:after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#eb0400;box-shadow:0 0 0 2px var(--bg)}.avatar.small{width:24px;height:24px}.avatar.small:after{width:7px;height:7px}.avatar.big{width:64px;height:64px}.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s8) var(--s4)}.mcard{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.thumb{position:relative;display:block;aspect-ratio:16 / 9;margin-bottom:var(--s1);overflow:hidden;border-radius:var(--ctl-r);background:var(--well)}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.dur{position:absolute;right:var(--s2);bottom:var(--s2);padding-inline:6px;border-radius:4px;background:#141414cc;font-size:13px;line-height:20px}.mark{position:absolute;top:var(--s2);left:var(--s2);color:var(--mascot);font-size:13px;line-height:16px}.mtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mcard>.muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{overflow:hidden;color:var(--fg-2);font-size:13px;line-height:16px;text-overflow:ellipsis;white-space:nowrap}.cat-head,.chan-head{display:flex;align-items:center;gap:var(--s5)}.cat-head .art.small{flex:none;width:72px}.chan-head .controls{margin-left:auto}.live-row{justify-content:flex-start!important}.live-row .row-title{flex:1}.live-row .row-title>span:first-child{color:var(--fg)}.bar{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4)}.filters{display:flex;flex-direction:column;gap:var(--s2);margin-left:calc(-1 * var(--ctl-x))}.pills-row{flex-direction:row;flex-wrap:wrap}.pills-row .btn{font-size:13px}.pills-x .btn[data-on],.pills-row .btn[data-on]{color:var(--fg)}[hidden]{display:none!important}.moment-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--s10);align-items:start}.moment{display:flex;flex-direction:column;gap:var(--s4);min-width:0}.plate{position:relative;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;border-radius:var(--plate-r);background:var(--well);cursor:pointer}.plate video,.plate img{display:block;width:100%;height:100%;object-fit:cover;background:var(--well)}.plate-note{position:absolute;inset:auto 0 0;padding:var(--s3) var(--s4);background:linear-gradient(transparent,#141414d9);color:var(--fg-2)}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-left:calc(-1 * var(--ctl-x))}.controls .btn[data-on]{background:var(--fill);color:var(--fg)}.fixed{display:inline-grid}.fixed:after{content:attr(data-w);visibility:hidden;height:0}.transcript{display:flex;flex-direction:column;gap:2px;margin-inline:calc(-1 * var(--s2))}.line{padding:var(--s1) var(--s2);border-radius:var(--ctl-r);cursor:pointer;transition:background-color .25s}@media(hover:hover){.line:hover{background:var(--fill)}}.line[data-loop]{background:var(--fill)}.line .w{color:var(--fg-2);transition:color .3s cubic-bezier(.22,1,.36,1)}.line .w[data-said]{color:var(--fg)}.line .w[data-x]{text-decoration:underline 1px var(--fg-2);text-underline-offset:3px}.moment-side{position:sticky;top:var(--s10);display:flex;flex-direction:column;gap:var(--s6)}.said-list{display:flex;flex-direction:column;gap:var(--s4)}.said-list li{display:flex;flex-direction:column}.said-key{text-decoration:underline 1px transparent;text-underline-offset:3px;transition:text-decoration-color .25s}.said-key:hover{text-decoration-color:var(--fg)}.field{width:100%;min-width:0;height:var(--ctl);padding-inline:var(--ctl-x);border-radius:var(--ctl-r);border:0;outline:none;background:var(--fill);color:var(--fg);font:inherit;box-shadow:0 0 0 9px transparent;transition:box-shadow .3s cubic-bezier(.22,1,.36,1)}.field::placeholder{color:var(--fg-2)}.field:focus-visible{box-shadow:0 0 0 3.5px #56565680}.add,.login{display:flex;flex-direction:column;gap:var(--s3)}.add{flex-direction:row;align-items:center}.add .btn,.login .controls{flex:none}.btn-icon{padding-inline:var(--s2)}.ask{display:flex;flex-direction:column;gap:var(--s2)}.path{overflow-wrap:anywhere}.kbd{padding:1px 5px;border-radius:4px;background:var(--well);color:var(--fg);font:400 12.5px ui-monospace,SF Mono,Menlo,monospace}@media(max-width:1179px){.covers{grid-template-columns:repeat(4,minmax(0,1fr))}.chans,.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.moment-wrap{grid-template-columns:minmax(0,1fr)}.moment-side{position:static}}@media(max-width:759px){.covers{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5) var(--s3)}.chans,.mgrid{grid-template-columns:minmax(0,1fr)}.bar{flex-direction:column}.chan-head{flex-wrap:wrap}}
