:root{--bg: #f5f5f5;--ink: #111113;--dim: #8a8a8c;--micro: #9a9a9c;--gb-paper: #f8f8f0;--gb-ink: #181810;--mono: "Xanh Mono", "Courier New", monospace;--micro-font: "IBM Plex Mono", ui-monospace, monospace;--pixel: "Press Start 2P", monospace;--gutter: 4px;--grain: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='300'%20height='300'%3E%3Cfilter%20id='n'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%201%20%200%200%200%200%201%20%200%200%200%200%201%20%200.1022%200.1022%200.1022%200%20-0.1540'/%3E%3C/filter%3E%3Crect%20width='300'%20height='300'%20filter='url%28%23n%29'/%3E%3C/svg%3E");--paper: var(--grain), var(--bg)}:root[data-theme=dark]{--bg: #0f0f10;--ink: #ececea;--dim: #7c7c7e;--micro: #6e6e70}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}html,body{color:var(--ink)}:root[data-theme=dark]{color-scheme:dark}body{font:400 16px/1.2 var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul{list-style:none}img{display:block}::selection{background:var(--ink);color:var(--bg)}.t-nav{font:400 13px/1 var(--mono);letter-spacing:-.01em}.t-nav.is-active,.u{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.t-micro{font:600 8px/1 var(--micro-font);letter-spacing:.06em;text-transform:uppercase;color:var(--micro)}.t-title{font:400 17px/1.1 var(--mono);letter-spacing:.02em}.title{color:var(--ink)}.subtitle,.dim{color:var(--dim)}.navbar{position:sticky;top:0;z-index:20;background:var(--paper);padding:24px 8px 0}.navbar__box{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.navbar__logo{display:flex;align-items:center;padding:10px 12px;border-right:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.navbar__cluster{display:flex;align-items:center;gap:22px}.navbar__cluster--right{grid-column:3;justify-content:flex-end;gap:18px;padding:0 12px;border-left:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.logo-img{display:block;height:30px;width:auto;-webkit-user-select:none;user-select:none}.logo{display:block;font:400 30px/1 var(--mono);text-transform:uppercase;letter-spacing:-.03em;white-space:nowrap}.site__content{padding-bottom:40px}.home{padding-top:24px}.strip-row{margin-bottom:52px}.strip-cells{display:flex;justify-content:space-between;padding:0 2px;margin-bottom:6px}.strip-cells:last-child{margin:6px 0 0}.cell{white-space:nowrap}.gb-cursor-inline{font:6px/1 var(--pixel);color:var(--ink);margin-right:5px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.strip-title{display:inline-block;padding:0 2px;margin-bottom:5px}.home .strip-row>.strip-title{display:block;margin:0 8px;padding:12px 12px 11px;border:1px solid var(--frame);text-align:left;transition:border-color .15s}.strip-meta{display:block;margin-top:7px;white-space:pre;overflow:hidden;text-overflow:ellipsis}:root{--accent: #f06f38}html,body,a,button,input,textarea,select,label,summary,[role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='10' fill='%23f06f38'/%3E%3C/svg%3E") 11 11,auto}.home .strip-row.is-selected>.strip-title{background:var(--accent);border-color:var(--accent)}.home .strip-row.is-selected>.strip-title .title,.home .strip-row.is-selected>.strip-title .subtitle,.home .strip-row.is-selected>.strip-title .strip-meta,.home .strip-row.is-selected>.strip-title .gb-cursor-inline{color:#fff}.home .strip-row{--frame: color-mix(in srgb, var(--ink) 28%, transparent);--mark: var(--dim)}.home .strip-row.is-selected{--frame: color-mix(in srgb, var(--ink) 55%, transparent);--mark: var(--ink)}.strip-frame{position:relative;border:1px solid var(--frame);margin:-1px 8px 0;padding:12px;transition:border-color .15s}.home .media-item{position:relative;border-radius:0}.home .media-item:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;mix-blend-mode:difference;opacity:.45;--c: linear-gradient(#fff, #fff);background:var(--c) left 6px top 0 / 1px 13px no-repeat,var(--c) left 0 top 6px / 13px 1px no-repeat,var(--c) right 6px top 0 / 1px 13px no-repeat,var(--c) right 0 top 6px / 13px 1px no-repeat,var(--c) left 6px bottom 0 / 1px 13px no-repeat,var(--c) left 0 bottom 6px / 13px 1px no-repeat,var(--c) right 6px bottom 0 / 1px 13px no-repeat,var(--c) right 0 bottom 6px / 13px 1px no-repeat}.strip-row.is-selected .strip-title .title{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.strip-media{display:flex;gap:var(--gutter);height:200px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.strip-media::-webkit-scrollbar{display:none}.media-item{flex:0 0 auto;height:100%;border-radius:3px;overflow:hidden;background:#222}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block}.empty{padding:40px 2px;color:var(--dim)}.site__footer{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-between;padding:4px var(--gutter) 6px;font:400 12px/1 var(--mono);color:var(--dim);background:var(--paper)}.site__footer .last{font-style:italic}.site__footer .last a{color:var(--ink);text-decoration:underline;text-underline-offset:2px;font-style:normal}.work{padding:24px var(--gutter) 40px}.work h1{display:block;margin-bottom:8px}.player{width:100%;aspect-ratio:16 / 9;max-height:calc(100vh - 150px);background:#000;border-radius:3px;overflow:hidden}.player video,.player img{width:100%;height:100%;object-fit:contain;display:block}.player iframe{width:100%;height:100%;border:0;display:block}.credits{display:flex;gap:48px;flex-wrap:wrap;padding:40px 2px}.credits dt{margin-bottom:6px}.credits dd{font-size:15px}.stills{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.stills img,.stills video{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:3px}.pager{display:flex;justify-content:space-between;gap:24px;padding:52px 2px 0;font-size:16px}.pager a{display:flex;flex-direction:column;gap:7px}.pager a.next{text-align:right;align-items:flex-end}.pager a:hover .title{text-decoration:underline;text-underline-offset:3px}.info{padding:24px 0 60px}.info .media-item img{width:auto;height:100%}.info__portrait{filter:grayscale(1) sepia(.25) contrast(1.05)}.info .strip-row{margin-bottom:24px}.info__box{margin:0 8px 24px;border:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.info__text{padding:16px 12px 0}.info__text p{font:400 17px/1.15 var(--mono);letter-spacing:.04em;margin-bottom:20px;white-space:pre-line;max-width:720px}.info__text p.lead{font-style:italic}.info__credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.info__credits>div{padding:12px}.info__credits>div+div{border-left:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.info__credits dt{margin-bottom:8px}@media (max-width: 760px){.navbar{padding-top:12px}.navbar__logo{padding:8px 12px}.navbar__cluster--right{gap:12px}.logo{font-size:24px}.logo-img{height:24px}.cell--hide-mobile{display:none}.strip-media{height:150px}.stills{grid-template-columns:1fr 1fr}.info__credits{grid-template-columns:1fr}.info__credits>div+div{border-left:0;border-top:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}.pager{font-size:14px}}