.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.portrait-list-trigger{display:none}@media screen and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){body:not([data-wide]){position:relative;grid-template-columns:11rem minmax(0,1fr)}body:not([data-wide])>.side{grid-column:1;grid-row:1}body:not([data-wide])>main{grid-column:2;grid-row:1}body:not([data-wide])>.portrait-list-trigger{display:block;position:absolute;top:0;bottom:0;left:12.5rem;width:2rem;z-index:11;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}body:not([data-wide])>.list-pane{position:absolute;top:0;bottom:0;left:12.5rem;width:17.5rem;height:100vh;z-index:12;background:var(--bg);box-shadow:var(--stack),18px 0 28px -22px var(--fg);visibility:hidden;pointer-events:none;transform:translate(-100%);clip-path:inset(0 -3rem 0 100%);transition:transform .52s cubic-bezier(.4,0,.2,1),clip-path .52s cubic-bezier(.4,0,.2,1),visibility 0s linear .52s;animation:none!important}body[data-portrait-list-open]>.list-pane,body:not([data-portrait-list-ready]):not([data-wide])>.portrait-list-trigger:is(:hover,:focus-visible)+.list-pane,body:not([data-portrait-list-ready]):not([data-wide])>.list-pane:is(:hover,:focus-within){visibility:visible;pointer-events:auto;transform:none;clip-path:inset(0 -3rem 0 0);transition:transform .68s cubic-bezier(.22,1,.36,1),clip-path .68s cubic-bezier(.22,1,.36,1),visibility 0s}@media(prefers-reduced-motion:reduce){body:not([data-wide])>.list-pane{transition:none}}}article.serif .post-head.book-tp{display:grid;grid-template-columns:17rem minmax(0,1fr);column-gap:1.25rem;align-items:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--line)}.book-tp .tp-body{min-width:0}.book-tp h1{font-family:BookkMyungjo,serif;font-size:2rem;line-height:1.25;margin-top:.25rem}.book-tp .bk-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin:1.25rem 0 0;padding-top:1rem;border-top:1px solid var(--fg);font-family:Asta Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.book-tp .bk-spec div{min-width:0}.book-tp .bk-spec dt{font:700 .6875rem/1.4 Asta Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif;letter-spacing:.04em;color:var(--muted)}.book-tp .bk-spec dd{margin:.125rem 0 0;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}.book-tp .b3-stage{position:relative;display:grid;place-items:center;min-height:18rem}.b3{--k: 1;--w: calc(var(--bw, 150px) * var(--k));--h: calc(var(--bh, 225px) * var(--k));--d: calc(var(--bd, 24px) * var(--k));--cover: #f3ecda;--edge: #dcd3bf;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;width:var(--w);height:var(--h);perspective:1400px;perspective-origin:50% 40%}.b3-book{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(32deg) rotateX(7deg);transition:transform .9s cubic-bezier(.3,.7,.2,1)}.b3-face{position:absolute;left:0;top:0;width:var(--w);height:var(--h);backface-visibility:hidden}.b3-cover{position:absolute;left:0;top:0;width:var(--w);height:var(--h);transform-style:preserve-3d;transform-origin:left center;transform:translateZ(calc(var(--d) / 2));transition:transform .9s cubic-bezier(.3,.7,.2,1)}.b3-cover-out{transform:translateZ(.5px);display:grid;grid-template-rows:auto 1fr auto auto;padding:0 0 1rem;background:var(--cover);background-image:var(--grain);box-shadow:inset 0 0 0 1px #00000014}.b3-cover-out:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#ffffff59,#fff0 38%,#00000012 85%),linear-gradient(to right,#00000038,#0000 8%);pointer-events:none}.b3-cover-in{transform:rotateY(180deg) translateZ(.5px);background:#ebe3cf;background-image:var(--grain)}.b3-band{display:block;height:calc(var(--h) / 5.625);background:var(--cat)}.b3-band i{position:absolute;left:calc(var(--w) * .107);top:calc(var(--h) * .053);width:calc(var(--h) * .036);height:calc(var(--h) * .036);background:#00000059}.b3-t{padding:calc(var(--h) * .078) calc(var(--w) * .107) 0 calc(var(--w) * .133);font-family:BookkMyungjo,serif;font-size:calc(var(--h) * .0844);font-weight:700;line-height:1.3;color:#1c1a17;overflow-wrap:anywhere}.b3-a{padding:0 calc(var(--w) * .107) 0 calc(var(--w) * .133);font-family:BookkMyungjo,serif;font-size:calc(var(--h) * .049);line-height:1.4;color:#2a2723}.b3-p{padding:calc(var(--h) * .053) calc(var(--w) * .107) 0 calc(var(--w) * .133);font:500 calc(var(--h) * .0444) / 1 "Asta Sans","Apple SD Gothic Neo","Malgun Gothic",sans-serif;letter-spacing:.06em;color:#6b665c}.b3-page1{transform:translateZ(calc(var(--d) / 2 - 1px));display:grid;align-content:center;gap:calc(var(--h) * .033);padding:calc(var(--h) * .055) calc(var(--w) * .067) calc(var(--h) * .055) calc(var(--w) * .083);overflow:hidden;background:#fbf7ec;background-image:var(--grain);box-shadow:inset 0 0 0 1px #0000000f,inset 8px 0 12px -8px #00000040}.b3-pq{font-family:BookkMyungjo,serif;font-size:calc(var(--h) * .0427);line-height:1.7;color:#1c1a17;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;line-clamp:11;overflow:hidden}.b3-pq.b3-half{font-size:calc(var(--h) * .062);font-weight:700;text-align:center}.b3-pp{font:500 calc(var(--h) * .0356) / 1 "IBM Plex Mono",ui-monospace,Consolas,monospace;letter-spacing:.08em;color:#6b665c}.b3-back{transform:rotateY(180deg) translateZ(calc(var(--d) / 2));background:#e6dfcc}.b3-spine{width:var(--d);left:calc(50% - var(--d) / 2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:linear-gradient(to right,#d6cdb7,#efe7d4 45%,#cfc6b0);display:grid;align-content:start;justify-items:center;overflow:hidden}.b3-st{writing-mode:vertical-rl;margin-top:calc(var(--h) * .06);max-height:calc(var(--h) * .86);overflow:hidden;font-family:BookkMyungjo,serif;font-size:calc(var(--d) * .5);font-weight:700;line-height:1;letter-spacing:.06em;color:#1c1a17;white-space:nowrap}.b3-pages{width:calc(var(--d) - 4px);height:calc(var(--h) - 6px);left:calc(50% - var(--d) / 2 + 2px);top:3px;transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 2px));background:repeating-linear-gradient(to right,#f9f4e6 0 1px,var(--edge) 1px 2px)}.b3-top,.b3-bottom{width:calc(var(--w) - 4px);height:calc(var(--d) - 4px);left:2px;top:calc(50% - var(--d) / 2 + 2px);background:repeating-linear-gradient(to bottom,#f9f4e6 0 1px,var(--edge) 1px 2px)}.b3-top{transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 1px))}.b3-bottom{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2 - 1px))}.b3-shadow{position:absolute;left:-14%;right:4%;bottom:-16px;height:22px;background:#0000006b;filter:blur(12px);transform:skew(30deg);transition:transform .9s cubic-bezier(.3,.7,.2,1),opacity .9s}.b3-face.b3-front{transform:translateZ(calc(var(--d) / 2))}.b3.can-open:hover .b3-book{transform:rotateY(-14deg) rotateX(4deg) translate(3rem)}.b3.can-open:hover .b3-cover{transform:translateZ(calc(var(--d) / 2)) rotateY(-152deg)}.b3.can-open:hover .b3-shadow{transform:skew(-16deg) scaleX(1.2) translate(2.5rem)}.b3.can-open:hover .b3-leaf{transform:translateZ(calc(var(--d) / 2 - .2px * var(--i))) rotateY(calc(-150deg + 3deg * var(--i)));transition-delay:calc(.35s + .1s * var(--i))}:root[data-theme=dark] .b3{--cover: #ece4d0;--edge: #cfc6b0}:root[data-theme=dark] .b3-shadow{background:#000000e6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .b3{--cover: #ece4d0;--edge: #cfc6b0}:root:not([data-theme=light]) .b3-shadow{background:#000000e6}}@media(prefers-reduced-motion:reduce){.b3-book,.b3-cover,.b3-shadow{transition:none}}@media(max-width:60rem){article.serif .post-head.book-tp{grid-template-columns:minmax(0,1fr);row-gap:1rem}.book-tp .b3-stage{min-height:15rem}.book-tp .b3{--k: .8}.b3-t{font-size:1rem}.book-tp h1{font-size:1.5rem}.b3.can-open:hover .b3-book{transform:rotateY(-14deg) rotateX(4deg) translate(2rem)}}.b3.has-cover .b3-cover-out{padding:0;background:var(--kc)}.b3-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.b3.has-cover .b3-spine{background:linear-gradient(to right,color-mix(in srgb,var(--kc) 78%,#000),color-mix(in srgb,var(--kc) 92%,#fff) 45%,color-mix(in srgb,var(--kc) 72%,#000))}.b3.has-cover .b3-st{color:var(--kt)}.b3.has-cover .b3-back{background:color-mix(in srgb,var(--kc) 85%,#000)}.b3.has-cover .b3-cover-in{background:color-mix(in srgb,var(--kc) 22%,#ebe3cf);background-image:var(--grain)}.b3.has-spine .b3-spine{background:var(--kc, #d9d0bb)}.b3-spine-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block}.b3.has-spine .b3-spine:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#00000047,#ffffff0f 45%,#00000038);pointer-events:none}.book-shelf{max-width:46rem;padding-top:1rem;padding-right:3rem}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));align-items:end;list-style:none;margin:0;padding:0}.shelf-cell{position:relative;display:flex;justify-content:center;padding:2.25rem .5rem 0}.shelf-cell:after{content:"";position:absolute;left:0;right:0;bottom:3.75rem;border-top:1px solid var(--fg)}.shelf-item{position:relative;z-index:1;display:grid;justify-items:center;gap:.75rem;padding-bottom:0;color:var(--fg);text-decoration:none}.shelf-item .b3{margin-bottom:.25rem}.shelf-item .b3-book{transform:translate(0) translateY(0) rotateY(28deg) rotateX(5deg);transition:transform 2.4s cubic-bezier(.25,.8,.25,1)}.shelf-item:hover .b3.can-open,.shelf-item:focus-visible .b3.can-open,.shelf-item.is-open .b3.can-open{animation:b3-shake .6s linear both}@keyframes b3-shake{0%,to{transform:none}10%{transform:translate(-.4px) rotate(-.15deg)}20%{transform:translate(.6px) rotate(.2deg)}30%{transform:translate(-.9px) rotate(-.3deg)}40%{transform:translate(1.2px) rotate(.4deg)}50%{transform:translate(-1.5px) rotate(-.5deg)}60%{transform:translate(1.8px) rotate(.6deg)}70%{transform:translate(-2.1px) rotate(-.7deg)}80%{transform:translate(2.4px) rotate(.8deg)}90%{transform:translate(-2.6px) rotate(-.9deg)}}.shelf-item .b3-shadow{left:-12%;right:6%;bottom:-10px;height:16px;transform:skew(26deg);transition:transform 2.4s cubic-bezier(.25,.8,.25,1),opacity 2.4s,filter 2.4s}.shelf-cell:hover,.shelf-cell:focus-within,.shelf-cell:has(.is-open){z-index:3}.shelf-item:hover .b3.can-open .b3-book,.shelf-item:focus-visible .b3.can-open .b3-book,.shelf-item.is-open .b3.can-open .b3-book{transform:translate(3rem) translateY(-1.6rem) rotateY(-372deg) rotateX(3deg);transition-delay:.6s}.shelf-item .b3.can-open .b3-cover{transition:transform 2.4s cubic-bezier(.25,.8,.25,1)}.shelf-item:hover .b3.can-open .b3-cover,.shelf-item:focus-visible .b3.can-open .b3-cover,.shelf-item.is-open .b3.can-open .b3-cover{transform:translateZ(calc(var(--d) / 2)) rotateY(-152deg);transition-delay:.6s}.b3-leaf{position:absolute;left:0;top:2px;width:calc(var(--w) - 3px);height:calc(var(--h) - 4px);transform-origin:left center;transform:translateZ(calc(var(--d) / 2 - .2px * var(--i)));background:#fbf7ec;background-image:var(--grain);box-shadow:inset 0 0 0 1px #0000000d,inset 6px 0 8px -6px #0003;transition:transform 1.9s cubic-bezier(.25,.8,.25,1);transition-delay:calc(.08s * (4 - var(--i)))}.shelf-item:hover .b3.can-open .b3-leaf,.shelf-item:focus-visible .b3.can-open .b3-leaf,.shelf-item.is-open .b3.can-open .b3-leaf{transform:translateZ(calc(var(--d) / 2 - .2px * var(--i))) rotateY(calc(-150deg + 3deg * var(--i)));transition-delay:calc(.6s + .15s * var(--i))}.shelf-item:hover .b3.can-open .b3-shadow,.shelf-item:focus-visible .b3.can-open .b3-shadow,.shelf-item.is-open .b3.can-open .b3-shadow{transform:skew(-10deg) scale(.8) translate(1.2rem) translateY(.5rem);opacity:.4;filter:blur(16px);transition-delay:.6s}.shelf-cap{display:grid;justify-items:center;align-content:start;height:3.75rem;padding:.75rem .25rem 0;text-align:center}.shelf-cap b{font-family:BookkMyungjo,serif;font-size:.8125rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.shelf-item:hover .shelf-cap b,.shelf-item:focus-visible .shelf-cap b{color:var(--cat)}.shelf-item:focus-visible{outline:2px solid var(--cat);outline-offset:4px}.shelf-note{margin:2rem 0 0;font:400 .75rem/1.5 Asta Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:var(--muted)}:root[data-theme=dark] .shelf-item:hover .shelf-cap b{text-shadow:0 0 .45em color-mix(in srgb,var(--cat) 70%,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .shelf-item:hover .shelf-cap b{text-shadow:0 0 .45em color-mix(in srgb,var(--cat) 70%,transparent)}}@media(prefers-reduced-motion:reduce){.shelf-item .b3-book,.shelf-item .b3-shadow,.shelf-item .b3.can-open .b3-cover,.b3-leaf{transition:none}.shelf-item:hover .b3.can-open,.shelf-item:focus-visible .b3.can-open,.shelf-item.is-open .b3.can-open{animation:none}.shelf-item:hover .b3.can-open .b3-book,.shelf-item:focus-visible .b3.can-open .b3-book,.shelf-item.is-open .b3.can-open .b3-book{transform:translate(3rem) translateY(-1.6rem) rotateY(-12deg) rotateX(3deg)}}.book-shelf.hs{--rows: 4;--pad: 1.5rem;--cell: calc((var(--ph) - 2 * var(--pad)) / var(--rows));--kk: 1.1;--kk: tan(atan2(calc(var(--cell) - 1rem), 204px));max-width:none;height:var(--ph);padding:var(--pad) 3rem var(--pad) 2.75rem;display:grid;grid-template-rows:minmax(0,1fr)}.book-shelf.hs .shelf-grid{height:100%;width:max-content;min-width:100%;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),var(--cell));grid-auto-columns:var(--cell);column-gap:0;row-gap:0;align-items:stretch}.book-shelf.hs .shelf-cell{padding:.5rem;align-items:end}.book-shelf.hs .shelf-cell:after{display:none}.book-shelf.hs .shelf-item{gap:0}.book-shelf.hs .shelf-item .b3{--k: var(--kk);margin-bottom:0}.book-shelf.hs .shelf-note{display:none}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.book-shelf.hs{--rows: 3;--pad: 1rem;--kk: 1.1;--kk: tan(atan2(calc(var(--cell) - .75rem), 204px));padding:var(--pad) 1rem}@media(max-height:560px){.book-shelf.hs{--rows: 2}}}}.b3.no-cover{--pc: #161616;--pt: #f4f1ea}:root[data-theme=dark] .b3.no-cover{--pc: #f2efe8;--pt: #161616}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .b3.no-cover{--pc: #f2efe8;--pt: #161616}}.b3.no-cover .b3-cover-out{display:grid;place-items:center;padding:calc(var(--h) * .08) calc(var(--w) * .1);background:var(--pc);background-image:none;box-shadow:none}.b3.no-cover .b3-cover-out:after{background:linear-gradient(100deg,#ffffff29,#fff0 40%,#00000024 85%),linear-gradient(to right,#00000059,#0000 8%)}.b3.no-cover .b3-t{padding:0;text-align:center;font-size:calc(var(--h) * .09);line-height:1.35;color:var(--pt)}.b3.no-cover .b3-spine{background:var(--pc)}.b3.no-cover .b3-st{color:var(--pt)}.b3.no-cover .b3-back{background:var(--pc)}body .pane-list a.is-peer .t{color:var(--cat, var(--fg));font-weight:900;scale:1 1.15;filter:var(--hover-icon-glow)}.shelf-item.is-peer .b3-book{transform:rotateY(22deg) rotateX(5deg) translateY(-8px)}.shelf-item.is-peer .b3-shadow{opacity:.75}.shelf-item.is-peer .shelf-cap b{color:var(--cat)}@property --pw-s{syntax: "<number>"; inherits: true; initial-value: 0;}.photo-wall{margin:-3rem 0 0 -2.75rem;--pw-font: "Asta Sans", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--pw-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--pw-soft: color-mix(in srgb, var(--fg) 6%, var(--bg))}.photo-wall *,.photo-wall *:before,.photo-wall *:after{box-sizing:border-box}.pw-list,.pw-rows{display:grid;gap:1px;margin:0;padding:0;list-style:none}.pw-list{grid-template-columns:repeat(4,minmax(0,1fr))}.pw-cell,.pw-row{margin:0;min-width:0}.pw-item{position:relative;display:block;overflow:hidden;background:var(--pw-soft);color:var(--fg);text-decoration:none;-webkit-tap-highlight-color:transparent}.pw-item img{cursor:pointer}.pw-cell .pw-item{aspect-ratio:1}.pw-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1),opacity .4s,filter .4s}.pw-xs{position:absolute;inset:0;display:none}.pw-x{position:absolute;inset:0;background:center / cover no-repeat;opacity:clamp(0,min(calc((var(--pw-s) - var(--i) + .25) * 4),calc((var(--n) - var(--pw-s)) * 4)),1)}.pw-item:hover .pw-xs,.pw-item.is-open .pw-xs,.pw-item:focus-visible .pw-xs{display:block}.pw-item[style*=--n]:hover,.pw-item[style*=--n].is-open,.pw-item[style*=--n]:focus-visible{animation:pw-cycle calc(var(--n) * 1.1s) linear infinite}@keyframes pw-cycle{0%{--pw-s: 0}to{--pw-s: var(--n, 1)}}.pw-item:hover .pw-img,.pw-item.is-open .pw-img,.pw-item:focus-visible .pw-img,.pw-item.is-peer .pw-img{transform:scale(1.04)}.pw-list:has(.pw-item:hover) .pw-item:not(:hover,.is-kin) .pw-img,.pw-rows:has(.pw-item:hover) .pw-item:not(:hover) .pw-img{opacity:.82}.pw-tag,.pw-date,.pw-num{position:absolute;z-index:1;max-width:calc(100% - 2rem);padding:.6rem .9rem;background:var(--bg);color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.2,.6,.2,1),color .2s}.pw-tag{left:50%;bottom:1.1rem;transform:translate(-50%,6px);font:600 .6875rem/1 var(--pw-font);letter-spacing:.06em}.pw-cell .pw-tag{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;width:max-content;white-space:normal;text-align:center;line-height:1.35;max-width:calc(100% - 1.5rem)}.pw-date,.pw-num{top:.9rem;padding:.45rem .6rem;font:500 .625rem/1 var(--pw-mono);letter-spacing:.1em;transform:translateY(-6px)}.pw-date{left:.9rem}.pw-num{right:.9rem;font-family:var(--pw-font);letter-spacing:.06em}.pw-item:hover .pw-tag,.pw-item.is-open .pw-tag,.pw-item:focus-visible .pw-tag,.pw-item.is-peer .pw-tag,.pw-item.is-kin .pw-tag,.pw-item:hover .pw-date,.pw-item.is-open .pw-date,.pw-item:focus-visible .pw-date,.pw-item.is-peer .pw-date,.pw-item:hover .pw-num,.pw-item.is-open .pw-num,.pw-item:focus-visible .pw-num,.pw-item.is-peer .pw-num,.pw-tag.pw-on{opacity:1}.pw-item:hover .pw-tag,.pw-item.is-open .pw-tag,.pw-item:focus-visible .pw-tag,.pw-item.is-peer .pw-tag,.pw-item.is-kin .pw-tag,.pw-tag.pw-on{transform:translate(-50%)}.pw-item:hover .pw-tag,.pw-item.is-open .pw-tag,.pw-item:focus-visible .pw-tag,.pw-item.is-peer .pw-tag{color:var(--cat)}.pw-item:hover .pw-date,.pw-item.is-open .pw-date,.pw-item:focus-visible .pw-date,.pw-item.is-peer .pw-date,.pw-item:hover .pw-num,.pw-item.is-open .pw-num,.pw-item:focus-visible .pw-num,.pw-item.is-peer .pw-num{transform:translateY(0)}.pw-item:focus-visible{outline:2px solid var(--cat);outline-offset:-2px}.pw-blank{display:grid;place-items:center;padding:1.25rem;background:var(--fg);color:var(--bg);text-align:center;transition:background-color .2s,color .2s}.pw-bt{font:500 .8125rem/1.45 var(--pw-font)}.pw-blank:hover,.pw-blank.is-open,.pw-blank:focus-visible,.pw-blank.is-peer{background:var(--cat);color:var(--cat-text, var(--bg))}.pw-img,.pw-x{filter:grayscale(var(--g, 0))}.pw-cell .pw-item{container-type:inline-size}.pw-ymd{position:absolute;inset:0;z-index:1;display:grid;place-content:center;row-gap:.08em;text-align:center;font:500 30cqw/1 var(--pw-font);letter-spacing:.05em;font-variant-numeric:tabular-nums;color:#fff;opacity:0;transform:scale(.92);transition:opacity .25s,transform .35s cubic-bezier(.2,.6,.2,1);pointer-events:none}.pw-ymd b{display:block;font-weight:inherit}.pw-name{row-gap:.4em;padding:8%;font:700 9cqw/1.2 var(--pw-font);letter-spacing:-.01em;text-transform:none}.pw-name small{display:block;font:500 5.5cqw/1.3 var(--pw-font);letter-spacing:.08em;text-transform:uppercase;opacity:.8;overflow-wrap:anywhere}.pw-name b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.pw-cell .pw-item:hover .pw-ymd,.pw-cell .pw-item.is-open .pw-ymd,.pw-cell .pw-item:focus-visible .pw-ymd,.pw-cell .pw-item.is-peer .pw-ymd{opacity:1;transform:none}.pw-x{transition:filter .4s}:root .photo-wall .pw-cell .pw-item:hover .pw-img,:root .photo-wall .pw-cell .pw-item.is-open .pw-img,:root .photo-wall .pw-cell .pw-item:focus-visible .pw-img,:root .photo-wall .pw-cell .pw-item.is-peer .pw-img,:root .photo-wall .pw-cell .pw-item:hover .pw-x,:root .photo-wall .pw-cell .pw-item.is-open .pw-x,:root .photo-wall .pw-cell .pw-item:focus-visible .pw-x,:root .photo-wall .pw-cell .pw-item.is-peer .pw-x{filter:grayscale(var(--g, 0)) blur(10px) brightness(.7)}:root .photo-wall .pw-cell .pw-item:hover .pw-img,:root .photo-wall .pw-cell .pw-item.is-open .pw-img,:root .photo-wall .pw-cell .pw-item:focus-visible .pw-img,:root .photo-wall .pw-cell .pw-item.is-peer .pw-img{transform:scale(1.08)}.pw-cell .pw-item:hover .pw-tag.pw-on,.pw-cell .pw-item.is-open .pw-tag.pw-on,.pw-cell .pw-item:focus-visible .pw-tag.pw-on,.pw-cell .pw-item.is-peer .pw-tag.pw-on{opacity:0}.pw-cell .pw-blank .pw-bt{transition:opacity .2s}.pw-cell .pw-blank:hover .pw-bt,.pw-cell .pw-blank.is-open .pw-bt,.pw-cell .pw-blank:focus-visible .pw-bt,.pw-cell .pw-blank.is-peer .pw-bt{opacity:0}.pw-cell .pw-blank .pw-ymd{color:var(--cat-text, var(--bg))}.pw-spread.pw-item{display:grid;grid-template-columns:var(--c, 1fr);gap:1px;aspect-ratio:var(--r, 4 / 3);max-height:32rem;background:var(--bg)}.pw-spread .pw-img{position:static}.pw-spread.pw-blank{aspect-ratio:auto;height:12rem}.pw-spread .pw-tag{left:1.25rem;bottom:1.25rem;max-width:calc(100% - 2.5rem)}.pw-spread .pw-tag,.pw-spread.pw-item:hover .pw-tag,.pw-spread.pw-item.is-open .pw-tag,.pw-spread.pw-item:focus-visible .pw-tag,.pw-spread.pw-item.is-peer .pw-tag{transform:none}:root[data-theme=dark] .pw-img{filter:grayscale(var(--g, 0)) brightness(.9)}:root[data-theme=dark] .pw-item:hover .pw-img,:root[data-theme=dark] .pw-item.is-open .pw-img,:root[data-theme=dark] .pw-item:focus-visible .pw-img,:root[data-theme=dark] .pw-item.is-peer .pw-img,:root[data-theme=dark] .pw-item.is-kin .pw-img{filter:grayscale(var(--g, 0)) brightness(1)}:root[data-theme=dark] .pw-item:hover .pw-tag,:root[data-theme=dark] .pw-item.is-open .pw-tag,:root[data-theme=dark] .pw-item.is-peer .pw-tag{text-shadow:0 0 .45em color-mix(in srgb,var(--cat) 70%,transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pw-img{filter:grayscale(var(--g, 0)) brightness(.9)}:root:not([data-theme=light]) .pw-item:hover .pw-img,:root:not([data-theme=light]) .pw-item.is-open .pw-img,:root:not([data-theme=light]) .pw-item:focus-visible .pw-img,:root:not([data-theme=light]) .pw-item.is-peer .pw-img,:root:not([data-theme=light]) .pw-item.is-kin .pw-img{filter:grayscale(var(--g, 0)) brightness(1)}:root:not([data-theme=light]) .pw-item:hover .pw-tag,:root:not([data-theme=light]) .pw-item.is-open .pw-tag,:root:not([data-theme=light]) .pw-item.is-peer .pw-tag{text-shadow:0 0 .45em color-mix(in srgb,var(--cat) 70%,transparent)}}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.pw-all .pw-tag,.pw-all .pw-date{display:none}}}.photo-wall.hs{--rows: 5;--cell: calc((var(--ph) - (var(--rows) - 1) * 1px) / var(--rows));margin:0;height:var(--ph)}@media(max-height:560px){.photo-wall.hs{--rows: 3}}@media(min-height:561px)and (max-height:760px){.photo-wall.hs{--rows: 4}}@media(min-height:1000px){.photo-wall.hs{--rows: 6}}@media(min-height:1250px){.photo-wall.hs{--rows: 7}}@media(min-height:1500px){.photo-wall.hs{--rows: 8}}.photo-wall.hs .pw-list{height:100%;width:max-content;grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),var(--cell));grid-auto-columns:var(--cell)}.photo-wall.hs .pw-cell .pw-item{aspect-ratio:auto;height:100%}.photo-wall.hs .pw-rows{--prows: 2;--rowh: calc((var(--ph) - (var(--prows) - 1) * 1px) / var(--prows));height:100%;width:max-content;grid-auto-flow:column;grid-template-rows:repeat(var(--prows),var(--rowh));grid-auto-columns:max-content}@media(min-height:900px){.photo-wall.hs .pw-rows{--prows: 3}}@media(min-height:1300px){.photo-wall.hs .pw-rows{--prows: 4}}.photo-wall.hs .pw-spread.pw-item{height:var(--rowh);width:calc(var(--rowh) * var(--r, 1.333));max-height:none}.photo-wall.hs .pw-spread.pw-blank{width:16rem}@media(prefers-reduced-motion:reduce){.pw-item,.pw-item[style*=--n]:hover,.pw-item[style*=--n].is-open,.pw-item[style*=--n]:focus-visible{animation:none}.pw-xs{display:none!important}.pw-img,.pw-tag,.pw-date,.pw-num,.pw-ymd,.pw-blank{transition:none}.pw-ymd{transform:none}.pw-item:hover .pw-img,.pw-item.is-open .pw-img,.pw-item:focus-visible .pw-img,.pw-item.is-peer .pw-img{transform:none}}.post.rd-book{--n: 2;--gap: 3rem;--padx: 2.75rem;--padt: 3rem;--padb: 3.25rem;--colh: calc(var(--ph) - var(--padt) - var(--padb));position:relative;box-sizing:border-box;width:100%;min-width:0;max-width:none;height:var(--ph);margin:0;padding:var(--padt) var(--padx) var(--padb);columns:var(--n);column-gap:var(--gap);column-fill:auto}.post.cur.rd-book{view-timeline:--post inline;view-timeline-inset:0 0}@media(min-width:1700px){.post.rd-book{--n: 3}}main:has(>.post.rd-book){scroll-timeline:--read x}main:has(>.post.rd-book article.serif),.post.rd-book:has(article.serif){background:var(--paper)}.post.rd-book>article{display:contents}.post.rd-book article:after{display:none}.post.rd-book *,.post.rd-book *:before,.post.rd-book *:after{box-sizing:border-box}.post.rd-book .post-head{margin:0 0 1.75rem;padding-bottom:1.25rem;break-after:avoid;break-inside:avoid}.post.rd-book .post-head h1{margin:.6rem 0 0;font-size:2.25rem;line-height:1.15;letter-spacing:-.02em}.post.rd-book .post-head .post-meta{margin:0}.post.rd-book article.serif .post-head.book-tp{display:block}.post.rd-book .post-head.book-tp h1{font-size:2rem}.post.rd-book .post-head.book-tp .b3-stage{margin-bottom:1.5rem}.post.rd-book article :is(p,blockquote,h2,h3,h4,ul,ol){max-width:none;orphans:2;widows:2}.post.rd-book article p{margin:0 0 1.1rem}.post.rd-book article :is(blockquote,figure,pre,table,.yt,.song-player,.callout),.post.rd-book article p:has(>img){break-inside:avoid}.post.rd-book article :is(p,figure)>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--colh) - 1.5rem);margin:0 auto 1.1rem}.post.rd-book .reactions{margin:0;max-width:none;padding-right:var(--padx);break-before:column;break-inside:avoid}.post.rd-book .post-nav{margin:0;padding-right:var(--padx);break-inside:avoid}.post.rd-book .post-head,.post.rd-book article :is(h2,h3,blockquote,pre,hr,.song-player,.sp-head),.post.rd-book .reactions,.post.rd-book .post-nav{animation:none}.post.rd-book .rd-pages{position:absolute;left:0;bottom:1.1rem;display:flex;pointer-events:none}.post.rd-book .rd-pages span{flex:none;box-sizing:border-box;padding-left:var(--padx);font:500 .625rem/1 IBM Plex Mono,ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.post.rd-book{--n: 1;--padx: 1.25rem;--gap: calc(2 * var(--padx));--padt: 1.5rem;--padb: 2.5rem}main:has(>.post.rd-book){scroll-snap-type:x mandatory}.post.rd-book .rd-pages span{scroll-snap-align:start}.post.rd-book .rd-pages{bottom:.9rem}.post.rd-book .post-head h1{font-size:1.75rem}.post.rd-book .post-head.book-tp h1{font-size:1.5rem}}}.rd-pages{display:none}.post.song-st{--st-text: var(--st-ink-l, var(--fg));--st-bb: 1.08;--st-wash: var(--cv-color, var(--cat));--st-wash-mode: multiply;--st-wash-o: .5;--st-tr: var(--st-tr-l, var(--cat));--st-tr-glow: var(--st-glow-l, none)}:root[data-theme=dark] .post.song-st{--st-text: var(--st-ink-d, var(--fg));--st-bb: .5;--st-wash: #000;--st-wash-mode: normal;--st-wash-o: .22;--st-tr: var(--st-tr-d, var(--cat));--st-tr-glow: var(--st-glow-d, 0 0 12px color-mix(in srgb, var(--cat) 55%, transparent))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .post.song-st{--st-text: var(--st-ink-d, var(--fg));--st-bb: .5;--st-wash: #000;--st-wash-mode: normal;--st-wash-o: .22;--st-tr: var(--st-tr-d, var(--cat));--st-tr-glow: var(--st-glow-d, 0 0 12px color-mix(in srgb, var(--cat) 55%, transparent))}}.post.song-st:not(.st-live) .st-bg{display:none}.post.song-st:not(.st-live) .cv-fallback{display:block;width:240px;height:240px;margin:1rem 0 .5rem}.post.song-st:not(.st-live) .st-ly .l{margin:0 0 .9rem}.post.song-st:not(.st-live) .st-ly .o{display:block;font-weight:700}.post.song-st:not(.st-live) .st-ly .t,.post.song-st:not(.st-live) .st-ly .sub{display:block;color:var(--muted)}.post.song-st.st-live{background:color-mix(in srgb,var(--cv-color, var(--cat)) 32%,var(--bg));display:grid;grid-template-columns:max-content 26rem;grid-template-rows:minmax(0,1fr) auto;height:var(--ph);max-width:none;margin:0;padding:0}.post.song-st.st-live>article{grid-row:1 / span 2;position:relative;height:var(--ph);max-width:none;margin:0;padding:2.5rem 2.75rem 0;display:flex;flex-direction:column;color:var(--st-text)}.post.song-st.st-live>article:after{display:none}.post.song-st.st-live>article>:not(.st-bg){position:relative;z-index:1}.post.song-st.st-live .st-bg{order:-1;position:sticky;left:0;top:0;z-index:0;flex:none;width:var(--mw, 100%);height:var(--ph);margin:-2.5rem -2.75rem calc(-1 * var(--ph) + 2.5rem);overflow:hidden;pointer-events:none}.post.song-st.st-live .st-bg img{position:absolute;left:-10%;top:-10%;width:120%;height:120%;object-fit:cover;filter:blur(26px) saturate(1.5) brightness(var(--st-bb));transform:scale(1.1)}.post.song-st.st-live .st-bg i{position:absolute;inset:0;background:var(--st-wash);mix-blend-mode:var(--st-wash-mode);opacity:var(--st-wash-o)}:root .post.song-st.st-live .post-head{animation:none;margin:0;padding:0;border:0}:root .post.song-st.st-live .post-head .post-meta{margin:0;color:inherit;font:500 12px/1 IBM Plex Mono,Pretendard,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}:root .post.song-st.st-live .post-head .post-meta a{color:inherit}.song-st.st-live .st-top{display:flex;gap:2.5rem;align-items:flex-start;margin-top:1.4rem}.song-st.st-live .tt{margin:0;font:800 var(--tt, 110px) / .86 "Pretendard",sans-serif;letter-spacing:-.05em;white-space:nowrap;color:inherit}.song-st.st-live .ar{margin:1.1rem 0 0;font:700 36px/1 Pretendard,sans-serif;letter-spacing:-.02em}.song-st.st-live .spec{margin:1.4rem 0 0;font:500 12px/1.4 IBM Plex Mono,Pretendard,monospace;letter-spacing:.08em;text-transform:uppercase}.song-st.st-live .spec span+span:before{content:"/";margin:0 .7em}.song-st.st-live .st-vslot{flex:none;width:var(--vw, 380px);aspect-ratio:16 / 9}.song-st.st-live .st-vslot>*{display:none}.song-st.st-live .st-ly{flex:1;min-height:0;margin:2.25rem 0 3rem;width:var(--lyw, 872px);columns:340px;column-gap:40px;column-fill:auto;counter-reset:ly}.song-st.st-live .v:before{content:"";display:block;width:1.5rem;height:2px;margin:0 0 14px 2.25rem;background:var(--st-tr);box-shadow:var(--st-tr-glow);break-after:avoid}.song-st.st-live .v+.v{margin-top:36px}.song-st.st-live .l{position:relative;break-inside:avoid;padding:0 0 0 2.25rem;counter-increment:ly}.song-st.st-live .l+.l{margin-top:14px}.song-st.st-live .l:before{content:counter(ly,decimal-leading-zero);position:absolute;left:0;top:.5em;font:500 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.06em;opacity:.5}.song-st.st-live .l .o{display:block;font:700 20px/1.3 Pretendard,sans-serif;letter-spacing:-.01em}.song-st.st-live .l .sub{display:block;font:400 13px/1.35 Pretendard,sans-serif;margin-top:1px;opacity:.72}.song-st.st-live .l .t{display:block;font:400 14px/1.45 Pretendard,sans-serif;margin-top:3px;color:var(--st-tr);text-shadow:var(--st-tr-glow)}.song-st.st-live .l:hover:before,.song-st.st-live .l:hover .o{color:var(--st-tr);text-shadow:var(--st-tr-glow);opacity:1}.song-st.st-live .l:hover .t{color:var(--st-text);text-shadow:none}.song-st.st-live .l:has(.t) .o{font:600 15px/1.35 Pretendard,sans-serif;opacity:.78}.song-st.st-live .l .sub{white-space:pre-line}.song-st.st-live .l:has(.t) .sub{font-size:12px;opacity:.6}.song-st.st-live .l .t{font:700 20px/1.3 Pretendard,sans-serif;letter-spacing:-.01em;margin-top:4px;color:var(--st-text);text-shadow:none}.song-st.st-live .l:has(.t):hover .o{color:var(--st-text);text-shadow:none;opacity:.78}.song-st.st-live .l:has(.t):hover .t{color:var(--st-tr);text-shadow:var(--st-tr-glow)}.song-st.st-live .note{break-before:column;margin:0;font:400 13px/1.7 Pretendard,sans-serif}.song-st.st-live .note b{display:block;margin-bottom:18px;font:800 44px/.95 Pretendard,sans-serif;letter-spacing:-.04em;overflow-wrap:break-word}.post.song-st.st-live>.reactions{grid-column:2;grid-row:1 / span 2;min-height:0;overflow-y:auto;margin:0;max-width:none;padding:2.5rem 2rem calc(168.75px + 4rem) 2.25rem}.st-video{position:fixed;left:0;top:0;z-index:7;background:#000;overflow:hidden;box-shadow:0 10px 40px rgb(0 0 0 / calc(.35 * var(--pip, 0)))}.st-video iframe,.st-video .st-thumb{position:absolute;inset:0;width:100%;height:100%;border:0}.st-video .st-thumb{padding:0;margin:0;background:#000 center / cover no-repeat;cursor:pointer}.st-video .st-thumb i{position:absolute;left:50%;top:50%;width:clamp(36px,20%,76px);aspect-ratio:1;translate:-50% -50%;border:2px solid #fff;background:#00000059;transition:background .2s,border-color .2s}.st-video .st-thumb i:before{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;width:30%;height:36%;background:#fff;clip-path:polygon(10% 0,100% 50%,10% 100%)}.st-video .st-thumb:hover i,.st-video .st-thumb:focus-visible i{background:var(--cat);border-color:var(--cat)}.st-video .st-thumb:focus-visible{outline:2px solid var(--cat);outline-offset:-2px}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.post.song-st.st-live>article{padding:1.5rem 1.25rem 0}.post.song-st.st-live .st-bg{margin:-1.5rem -1.25rem calc(-1 * var(--ph) + 1.5rem)}.song-st.st-live .tt{font-size:min(var(--tt, 110px),18vw)}.song-st.st-live .ar{font-size:24px}.song-st.st-live .st-top{flex-direction:column;gap:1rem}.song-st.st-live .st-vslot{--vw: min(22rem, calc(100vw - 2.5rem) )}.song-st.st-live .st-ly{margin:1.5rem 0 2rem}.post.song-st.st-live{grid-template-columns:max-content min(26rem,100vw)}.post.song-st.st-live>.post-nav{padding-bottom:calc(28.125vw + 24px)}}}.post.song-st:not(.st-live) .st-cr{display:none}.song-st.st-live .st-ly .note{display:none}.post.song-st.st-live>article>.st-cr{--cr-ink: var(--st-text);--cr-sub: color-mix(in srgb, var(--st-text) 58%, transparent);--cr-rule: color-mix(in srgb, var(--st-text) 28%, transparent);position:absolute;z-index:1;top:var(--cr-top, 2.5rem);left:var(--cr-left, 100%);height:var(--cr-h, 280px);display:flex;border-top:2px solid var(--cr-ink);color:var(--cr-ink)}.st-cr:before,.st-cr:after{position:absolute;top:-16px;font:600 10px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.3em}.st-cr:before{content:"CREDITS";left:0}.st-cr:after{content:"END";right:0}.st-cr .cr-c{position:relative;flex:none;height:100%;margin:0;padding:0 22px;border-left:1px solid var(--cr-rule);display:flex;flex-direction:column}.st-cr .cr-c:first-of-type{border-left:0;padding-left:0}.st-cr header{display:flex;gap:10px;height:32px;padding-top:10px;font:600 10px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;color:var(--cr-sub)}.st-cr header span:first-child{color:var(--cr-ink)}.st-cr .cr-b{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.st-cr .cr-b b{font-weight:800;letter-spacing:-.05em;line-height:.82}.st-cr .cr-b p{margin:10px 0 0;font:500 12px/1.4 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.st-cr .cr-cover .cr-b img{display:block;width:calc(var(--cr-h, 280px) - 32px);height:calc(var(--cr-h, 280px) - 32px);object-fit:cover}.st-cr .cr-album b{font:800 var(--fs, 76px) / .86 "Pretendard",sans-serif;letter-spacing:-.05em;white-space:nowrap}.st-cr .cr-album .cr-sub{font:600 20px/1.2 Pretendard,sans-serif;letter-spacing:-.01em;text-transform:none;margin-top:12px}.st-cr .cr-album dl{display:flex;gap:14px;align-items:baseline;margin:20px 0 0;padding-top:9px;border-top:1px solid var(--cr-rule)}.st-cr .cr-album dt{font:500 10px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;color:var(--cr-sub)}.st-cr .cr-album dd{margin:0;font:700 22px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:-.02em}.st-cr .cr-track b{display:flex;align-items:flex-end;font:700 calc(var(--cr-h, 280px) * .62) / .78 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:-.08em}.st-cr .cr-track small{margin:0 0 6px 10px;font:600 26px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:0;color:var(--cr-sub)}.st-cr .cr-boxes{display:flex;gap:4px;margin-top:18px}.st-cr .cr-boxes i{width:16px;height:16px;border:1px solid var(--cr-ink)}.st-cr .cr-boxes i.on{background:var(--st-tr);border-color:var(--st-tr);box-shadow:0 0 0 2px var(--cr-ink)}.st-cr .cr-genre b{align-self:flex-start;margin-top:14px;font:800 var(--fs, 84px) / .8 "Pretendard",sans-serif;writing-mode:vertical-rl;transform:rotate(180deg);max-height:calc(var(--cr-h, 280px) - 60px);overflow:hidden}.st-cr .cr-dur b{font:700 calc(var(--cr-h, 280px) * .5) / .78 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:-.08em}.st-cr .cr-meter{height:8px;margin-top:18px;border:1px solid var(--cr-ink)}.st-cr .cr-meter i{display:block;width:0;height:100%;background:var(--cr-ink)}.st-cr .cr-note{width:400px}.st-cr .cr-note p{margin:0;font:500 15px/1.6 Pretendard,sans-serif;letter-spacing:-.01em;text-transform:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;line-clamp:9}.st-cr .cr-th{position:relative;display:block;width:calc((var(--cr-h, 280px) - 70px) * 16 / 9);aspect-ratio:16 / 9;padding:0;border:0;background:#000;overflow:hidden;cursor:pointer}.st-cr .cr-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);transition:filter .4s}.st-cr .cr-th i{position:absolute;left:50%;top:50%;width:56px;aspect-ratio:1;translate:-50% -50%;border:2px solid #fff;background:#00000059}.st-cr .cr-th i:before{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;width:30%;height:36%;background:#fff;clip-path:polygon(10% 0,100% 50%,10% 100%)}.st-cr .cr-th:hover img,.st-cr .cr-th:focus-visible img{filter:none}.st-cr .cr-th:hover i,.st-cr .cr-th:focus-visible i{background:var(--st-tr);border-color:var(--st-tr)}.st-cr .cr-th:focus-visible{outline:2px solid var(--st-tr);outline-offset:2px}.st-cr .cr-replay p{font-size:11px}.st-cr.cr-js .cr-c{clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.7,0,.2,1) calc(var(--d, 0) * 1ms)}.st-cr.cr-js .cr-c .cr-b>*{opacity:0;translate:0 26px;transition:opacity .35s calc(var(--d, 0) * 1ms + .18s),translate .5s cubic-bezier(.2,.8,.2,1) calc(var(--d, 0) * 1ms + .18s)}.st-cr.cr-js .cr-c.in{clip-path:inset(0 0 0 0)}.st-cr.cr-js .cr-c.in .cr-b>*{opacity:1;translate:0 0}.st-cr.cr-js .cr-c.in .cr-meter i{width:100%;transition:width 1.4s linear calc(var(--d, 0) * 1ms + .5s)}.st-cr .cr-cur{position:absolute;top:-3px;height:4px;width:0;background:var(--st-tr);box-shadow:var(--st-tr-glow);opacity:0;transition:left .45s cubic-bezier(.7,0,.2,1),width .45s cubic-bezier(.7,0,.2,1),opacity .3s}@media(prefers-reduced-motion:reduce){.st-cr.cr-js .cr-c,.st-cr.cr-js .cr-c .cr-b>*,.st-cr.cr-js .cr-c.in .cr-meter i,.st-cr .cr-cur{transition:none}}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){:root main:has(>.hs){overflow:hidden auto;overscroll-behavior-x:auto}:root .hs{height:auto;width:auto;min-width:0}:root .photo-wall.hs{height:auto;margin:0}:root .photo-wall.hs .pw-list{height:auto;width:auto;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;grid-auto-columns:auto}:root .photo-wall.hs .pw-cell .pw-item{aspect-ratio:1;height:auto}:root .book-shelf.hs{--cell: calc((100vw - 2rem)/2) ;--kk: .95;--kk: tan(atan2(calc(var(--cell) * 1.15 - 1rem), 204px));display:block;height:auto;padding:1rem 1rem 2rem}:root .book-shelf.hs .shelf-grid{height:auto;width:auto;min-width:0;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:calc(var(--cell) * 1.15);grid-auto-columns:auto}:root .essay-gallery.hs{height:auto;padding:1rem 1.25rem 2rem}:root .essay-gallery.hs .eg-wall{height:auto;width:auto;min-width:0;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-columns:auto}:root .post.rd-book{height:auto;columns:auto;column-count:auto;column-width:auto;padding:1.75rem 1.25rem 5.5rem}:root main:has(>.post.rd-book){scroll-snap-type:none;scroll-timeline:--read y}:root .post.cur.rd-book{view-timeline:--post block;view-timeline-inset:1.75rem 0}:root .post.rd-book .rd-pages{display:none}:root .post.rd-book article :is(p,figure)>img{max-height:none}:root .post.song-st.st-live{display:block;height:auto;padding-bottom:calc(28.125vw + 24px + 3rem)}:root .post.song-st.st-live>article{height:auto;min-height:var(--ph);min-width:0!important;padding-bottom:2rem}:root .post.song-st.st-live .st-bg{left:auto;top:0;width:var(--mw, 100vw)}body:not([data-mview=article])>.st-video{visibility:hidden;pointer-events:none}:root .song-st.st-live .st-ly{flex:none;width:auto;columns:auto;column-count:auto;column-width:auto;margin:1.5rem 0 1rem}:root .post.song-st.st-live>article>.st-cr{display:none}:root .song-st.st-live .st-ly{display:flex;flex-direction:column}:root .song-st.st-live .st-ly .note{display:block;order:-1;margin:0 0 2rem}:root .song-st.st-live .tt{white-space:normal;overflow-wrap:anywhere}:root .song-st.st-live .note b{font-size:40px}:root .post.song-st.st-live>.reactions{padding:1.5rem 1.25rem}}}@view-transition{navigation:auto}.post.cur{view-timeline:--post block;view-timeline-inset:3rem 0}main{view-transition-name:content;scroll-timeline:--read y;--ph: 100vh}main:has(>.hs){padding:0;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none}.hs{height:var(--ph);width:max-content;min-width:100%}::view-transition-old(content),::view-transition-new(content){mix-blend-mode:normal}::view-transition-new(content){background:var(--bg);z-index:2}::view-transition-old(content){z-index:1}@keyframes vt-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes vt-out{to{transform:translate(14%);opacity:.82}}::view-transition-old(content){animation:vt-out .72s var(--vt-ease) both}::view-transition-new(content){animation:vt-slide-in .72s var(--vt-ease) both}:root{--vt-p: calc(10% + 24% * var(--vt-k, 0));--vt-dur: calc(.7s + .45s * var(--vt-k, 0));--vt-ease: cubic-bezier(.45, 0, .15, 1)}@keyframes vt-up-out{to{transform:translateY(calc(-1 * var(--vt-p)));opacity:.82}}@keyframes vt-up-in{0%{transform:translateY(100%)}}@keyframes vt-down-out{to{transform:translateY(var(--vt-p));opacity:.82}}@keyframes vt-down-in{0%{transform:translateY(-100%)}}html[data-vt-dir=older]::view-transition-old(content){animation:vt-up-out var(--vt-dur) var(--vt-ease) both}html[data-vt-dir=older]::view-transition-new(content){animation:vt-up-in var(--vt-dur) var(--vt-ease) both}html[data-vt-dir=newer]::view-transition-old(content){animation:vt-down-out var(--vt-dur) var(--vt-ease) both}html[data-vt-dir=newer]::view-transition-new(content){animation:vt-down-in var(--vt-dur) var(--vt-ease) both}::view-transition-group(content){overflow:clip}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400-latin.woff2) format("woff2");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400-latin-ext.woff2) format("woff2");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:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-mono-700-latin.woff2) format("woff2");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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-mono-700-latin-ext.woff2) format("woff2");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:Pretendard;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/pretendard-400.woff2) format("woff2")}@font-face{font-family:Pretendard;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/pretendard-700.woff2) format("woff2")}@font-face{font-family:BookkMyungjo;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/bookkmyungjo-bold.woff2) format("woff2")}:root{--fg: #111;--bg: #fff;--muted: #767676;--line: color-mix(in srgb, #767676 35%, transparent);--paper: #f6f2e9;--glow-f: none;--glow-b: none;--glow-strong: none;--stack: inset 34px 0 44px -22px rgba(0, 0, 0, .42)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--fg: #e8e8e8;--bg: #000;--muted: #8a8a8a;--paper: #1b1814;--glow-f: drop-shadow(0 0 5px var(--cat, transparent));--glow-b: 0 0 9px var(--cat, transparent);--glow-strong: 0 0 18px var(--cat, transparent);--stack: inset 34px 0 44px -24px rgba(255, 255, 255, .14)}}:root[data-theme=dark]{--fg: #e8e8e8;--bg: #000;--muted: #8a8a8a;--paper: #1b1814;--glow-f: drop-shadow(0 0 5px var(--cat, transparent));--glow-b: 0 0 9px var(--cat, transparent);--glow-strong: 0 0 18px var(--cat, transparent);--stack: inset 34px 0 44px -24px rgba(255, 255, 255, .14)}:root,.side nav a,.cat-link,.pane-list a,.list-pane{--cat: var(--cat-l);--cat-text: var(--cat-text-l)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:root:not([data-theme=light]) .side nav a,:root:not([data-theme=light]) .cat-link,:root:not([data-theme=light]) .pane-list a,:root:not([data-theme=light]) .list-pane{--cat: var(--cat-d);--cat-text: var(--cat-text-d)}}:root[data-theme=dark],:root[data-theme=dark] .side nav a,:root[data-theme=dark] .cat-link,:root[data-theme=dark] .pane-list a,:root[data-theme=dark] .list-pane{--cat: var(--cat-d);--cat-text: var(--cat-text-d)}.post{--cat: var(--cat-l);--cat-text: var(--cat-text-l)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .post{--cat: var(--cat-d);--cat-text: var(--cat-text-d)}}:root[data-theme=dark] .post{--cat: var(--cat-d);--cat-text: var(--cat-text-d)}.post-nav a{--cat: var(--cat-l);--cat-text: var(--cat-text-l)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .post-nav a{--cat: var(--cat-d);--cat-text: var(--cat-text-d)}}:root[data-theme=dark] .post-nav a{--cat: var(--cat-d);--cat-text: var(--cat-text-d)}*{box-sizing:border-box}::selection{background:var(--cat, var(--fg));color:var(--cat-text, var(--bg))}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--cat, var(--fg));outline-offset:2px}html{background:var(--bg);scrollbar-gutter:stable}body{margin:0;max-width:none;padding:0 0 0 1.5rem;display:grid;grid-template-columns:11rem 17.5rem minmax(0,1fr);timeline-scope:--read,--post;height:100vh;overflow:hidden;color:var(--fg);background:var(--bg);font-family:Pretendard,Asta Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:1.0625rem;line-height:1.75;word-break:keep-all}.side nav .count,.side-links,.pane-label,.pane-list .d,.g-year,.g-month,.post-meta,.cat-link,.sp-time,.mbar button{font-family:Asta Sans,Apple SD Gothic Neo,Malgun Gothic,sans-serif}body[data-wide]{grid-template-columns:11rem minmax(0,1fr)}body[data-wide] .list-pane{display:none}a{color:inherit}.side{border-right:1px solid var(--line)}.side-inner{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:3rem 1.5rem 2rem .5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cat, var(--fg)) 35%,transparent)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--cat, var(--fg)) 60%,transparent)}.side-inner::-webkit-scrollbar,.pane-inner::-webkit-scrollbar{width:5px}.pane-inner:has(.pane-list.mixed){scrollbar-width:none}.pane-inner:has(.pane-list.mixed)::-webkit-scrollbar{display:none}.side-inner::-webkit-scrollbar-thumb,.pane-inner::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cat, var(--fg)) 55%,transparent);border:1px solid var(--line)}.side-inner:hover::-webkit-scrollbar-thumb,.pane-inner:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--cat, var(--fg)) 85%,transparent)}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cat, var(--fg)) 40%,transparent) transparent}.side-inner,.pane-inner{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cat, var(--fg)) 55%,transparent) transparent}}.logo{display:block;width:100%}.logo svg{display:block;width:100%;height:auto}.logo path{fill:var(--cat, var(--fg))}.logo svg,.ab-logo svg{filter:var(--glow-f)}.side nav{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--line)}.side-list{view-transition-name:category-labels;list-style:none;margin:0;padding:0}.side-list li{margin:0}.side-list a{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.22rem .6rem;margin:0 -.5rem;border-left:4px solid var(--cat, var(--fg));color:var(--muted);text-decoration:none;font-size:.875rem;line-height:1.45}.side-list .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-list .count{flex:none;font-size:.78rem;font-variant-numeric:tabular-nums}.side-list a:hover{color:var(--fg)}.side-list a:hover .t{font-weight:700}.side-selection{position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--cat, var(--fg));box-shadow:var(--glow-b);view-transition-name:category-selection}::view-transition-group(category-selection){z-index:1;animation-duration:.56s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(category-selection),::view-transition-new(category-selection){animation-duration:.56s;mix-blend-mode:normal}::view-transition-group(category-labels){z-index:2;animation:none}::view-transition-old(category-labels){display:none}::view-transition-new(category-labels){animation:none;mix-blend-mode:normal}:root.sort-vt .side-selection,:root.sort-vt .side-list{view-transition-name:none}@media(prefers-reduced-motion:no-preference){.side-selection{animation:glow-pulse 2.8s ease-in-out infinite}@keyframes glow-pulse{50%{box-shadow:var(--glow-strong, var(--glow-b))}}}.side-list a.active .t{color:var(--cat-text, var(--bg));font-weight:700}.side-list a.active .count{color:var(--cat-text, var(--bg))}.side-links{display:flex;flex-direction:column;gap:.4rem;margin-top:1.25rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.side-links a{color:var(--muted);text-decoration:none}.side-links a:hover{color:var(--fg)}.side-account{--tk-yes: #29ab87;--tk-no: #e5484d}.side-links>a[href*="github.com"]{--cat: var(--fg)}.side-links>a[href*="linkedin.com"]{--cat: #0a66c2}.side-links>a[href*="youtube.com"]{--cat: #ff0000}.side-account :is(.acc-login-toggle,.acc-login-menu),.rx-login{--cat: var(--tk-yes, #29ab87)}.side-account .acc-logout,.rx-logout{--cat: var(--tk-no, #e5484d)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .side-account{--tk-yes: #40d1a7;--tk-no: #ff6b6b}:root:not([data-theme=light]) .side-links>a[href*="linkedin.com"]{--cat: #70b5f9}}:root[data-theme=dark] .side-account{--tk-yes: #40d1a7;--tk-no: #ff6b6b}:root[data-theme=dark] .side-links>a[href*="linkedin.com"]{--cat: #70b5f9}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.rx-login,.rx-logout){--tk-yes: #40d1a7;--tk-no: #ff6b6b}}:root[data-theme=dark] :is(.rx-login,.rx-logout){--tk-yes: #40d1a7;--tk-no: #ff6b6b}.side-account{display:flex;flex-direction:column;gap:.375rem}.side-account:empty{display:none}.acc-btn{padding:0;border:0;background:none;color:var(--muted);font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.acc-btn:hover{color:var(--fg)}.acc-status{display:inline-flex;align-items:center;color:#29ab87;font-weight:600;text-shadow:0 0 5px rgba(41,171,135,.85),0 0 14px rgba(41,171,135,.5)}.acc-status:hover{color:#40d1a7;text-shadow:0 0 6px rgba(64,209,167,.95),0 0 18px rgba(64,209,167,.6)}@media(prefers-reduced-motion:no-preference){.acc-status.has-notif{animation:acc-blink .6s ease-in-out infinite}@keyframes acc-blink{50%{opacity:.1}}}@media(prefers-reduced-motion:reduce){.acc-status.has-notif{font-weight:800;text-decoration:underline;text-underline-offset:3px}}.acc-detail{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;max-height:0;margin-top:0;overflow:hidden;transition:max-height .25s ease,margin-top .25s ease}.acc-detail.open{max-height:6rem;margin-top:.35rem}.acc-new{text-decoration:none;color:var(--muted)}.acc-new:hover{color:var(--fg)}.acc-name{color:var(--fg);font-weight:600;font-size:.74rem;text-transform:none;letter-spacing:0;word-break:break-all}.acc-logout{flex:none;font-size:.62rem}.side-account :is(.acc-login-toggle,.acc-login-menu){--dc-glow: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .side-account :is(.acc-login-toggle,.acc-login-menu){--dc-glow: 0 0 6px var(--cat, var(--fg)), 0 0 16px var(--cat, var(--fg))}}:root[data-theme=dark] .side-account :is(.acc-login-toggle,.acc-login-menu){--dc-glow: 0 0 6px var(--cat, var(--fg)), 0 0 16px var(--cat, var(--fg))}.acc-login-toggle[aria-expanded=true]{color:var(--cat, var(--fg));font-weight:700;text-shadow:var(--dc-glow)}.acc-login-menu{display:none;flex-direction:column;gap:.3rem;margin-top:.4rem}.acc-login-menu.open,.acc-login-menu.dc-out{display:flex}.side-account .prov-link{display:flex;align-items:center;gap:.55rem;padding:.2rem 0;color:var(--fg);font:700 .875rem/1.25 IBM Plex Mono,ui-monospace,Consolas,monospace;text-decoration:none}.side-account .prov-link:hover{color:var(--cat, var(--fg));text-shadow:var(--dc-glow)}.side-account .prov-link .prov-logo{width:16px;height:16px}.prov-word{display:inline-flex;gap:.1em;letter-spacing:0}.prov-word i{width:1ch;font-style:normal;text-align:center}.prov-word i.x{color:var(--muted);font-weight:400;text-shadow:none}.prov-word i.h{color:var(--cat, var(--fg));font-weight:700;text-shadow:var(--dc-glow)}@media(prefers-reduced-motion:no-preference){.prov-word i.on{animation:dc-lock .34s cubic-bezier(.2,1,.3,1)}.acc-login-menu.open .prov-logo{animation:dc-logo .26s steps(1,end) both}.acc-login-menu.open .prov-link+.prov-link .prov-logo{animation-delay:90ms}.acc-login-menu.dc-out .prov-logo{animation:dc-off .16s steps(1,end) both}.acc-login-toggle[aria-expanded=true]{animation:dc-kick .21s steps(1,end)}@keyframes dc-lock{0%{color:var(--cat, var(--fg));text-shadow:var(--dc-glow);transform:translateY(-.22em) scale(1.5)}}@keyframes dc-logo{0%{opacity:0}25%{opacity:1;clip-path:inset(0 0 55% 0);transform:translate(-3px)}50%{clip-path:inset(45% 0 0 0);transform:translate(3px)}75%{clip-path:inset(25% 0 30% 0);transform:translate(-1px)}}@keyframes dc-off{0%{clip-path:inset(40% 0 0 0);transform:translate(2px)}50%{clip-path:inset(0 0 60% 0);transform:translate(-2px)}to{opacity:0}}@keyframes dc-kick{0%{clip-path:inset(0 0 50% 0);transform:translate(2px)}33%{clip-path:inset(50% 0 0 0);transform:translate(-2px)}66%{clip-path:none;transform:none}}}.prov-logo{width:14px;height:14px;flex:none}.notif-panel{max-height:0;margin-top:0;overflow:hidden;transition:max-height .28s ease,margin-top .28s ease}.notif-panel.open{max-height:16rem;margin-top:.5rem;overflow-y:auto;border:1px solid var(--line)}.notif-item{display:block;padding:.45rem .5rem;border-bottom:1px solid var(--line);color:var(--fg);text-decoration:none;text-transform:none;letter-spacing:0;font-size:.72rem;line-height:1.4}.notif-item:last-child{border-bottom:0}.notif-item.unread{border-left:2px solid var(--fg)}.notif-item b{font-weight:700}.notif-item time{display:block;margin-top:.1rem;font-size:.62rem;color:var(--muted)}.notif-empty{padding:.6rem .5rem;color:var(--muted);font-size:.72rem;text-transform:none;letter-spacing:0}.side footer{margin-top:.875rem;font-size:.6875rem;color:var(--muted)}.list-pane{border-right:1px solid var(--line);min-width:0}.mbar,.appbar{display:none}.pane-inner{position:sticky;top:0;max-height:100vh;overflow-y:auto;overflow-anchor:none;padding:0 0 2rem}.pane-body{padding-top:3rem}.pane-inner.np-on .pane-body{padding-top:.5rem}.side-search{margin-top:1.25rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.side-search:focus-within{border-color:var(--cat, var(--fg))}.pane-search{width:100%;padding:.25rem 0;border:0;background:transparent;color:var(--fg);font:inherit;font-size:.8125rem;appearance:none;caret-color:var(--fg);caret-shape:bar;-webkit-tap-highlight-color:transparent}.pane-search:focus,.pane-search:focus-visible{box-shadow:none}.pane-search::-webkit-search-cancel-button,.pane-search::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}.pane-search:focus{outline:1px solid var(--fg);outline-offset:-1px}.pane-search::placeholder{color:var(--muted)}.pane-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:0 1.125rem .625rem;font-size:.75rem}.sort-options{display:inline-flex;flex:none;gap:.65rem}.sort-btn{flex:none;border:0;background:none;padding:0 0 .1rem;font:inherit;font-size:.72rem;letter-spacing:.02em;color:var(--muted);cursor:pointer;white-space:nowrap}.sort-btn:hover{color:var(--fg)}.sort-btn[aria-disabled=true]{cursor:default}:root:not([data-sort=old]) .sort-btn[data-sort=new],:root[data-sort=old] .sort-btn[data-sort=old]{color:var(--cat, var(--fg));font-weight:800}:root.sort-vt main{view-transition-name:none}:root.sort-vt .list-pane{view-transition-name:sort-list;background:var(--bg)}:root.sort-vt .pane-label{view-transition-name:sort-label}:root.sort-vt .np-chip:not([hidden]){view-transition-name:sort-player}:root.sort-vt::view-transition-group(*),:root.sort-vt::view-transition-old(*),:root.sort-vt::view-transition-new(*){animation:none;mix-blend-mode:normal}:root.sort-vt::view-transition-old(root),:root.sort-vt::view-transition-old(sort-label),:root.sort-vt::view-transition-old(sort-player){display:none}:root.sort-vt::view-transition-old(sort-list){z-index:1;animation:sort-shutter-up .6s cubic-bezier(.65,0,.35,1) both}:root.sort-vt[data-sort=old]::view-transition-old(sort-list){animation-name:sort-shutter-down}@keyframes sort-shutter-down{0%{clip-path:inset(0);filter:brightness(1)}15%{filter:brightness(.82)}to{clip-path:inset(100% 0 0);filter:brightness(.82)}}@keyframes sort-shutter-up{0%{clip-path:inset(0);filter:brightness(1)}15%{filter:brightness(.82)}to{clip-path:inset(0 0 100%);filter:brightness(.82)}}.pane-list{list-style:none;margin:0;padding:0}:root[data-sort=old] .pane-list{display:flex;flex-direction:column}:root[data-sort=old] .pane-list>li{order:var(--asc, 0)}:root[data-sort=old] .pane-list>.g-year:first-child{margin-top:1.75rem}:root[data-sort=old] .pane-list>[data-asc-first]{margin-top:0}.g-year{margin-top:1.75rem;padding:0 1.125rem .125rem;font-size:.9375rem;font-weight:700;font-variant-numeric:tabular-nums}.pane-list>.g-year:first-child{margin-top:0}.g-month{margin-top:.875rem;padding:0 1.125rem .125rem;font-size:.6875rem}.pane-list.mixed .g-year,.pane-list.mixed .g-month{padding-left:calc(1.125rem + 5px)}.pane-list a{display:flex;align-items:center;padding:.17rem 1.125rem;text-decoration:none;scroll-margin-block:35vh}.pane-text{flex:1 1 auto;min-width:0}.pane-cover{flex:none;width:0;height:1.55rem;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden;transition:width .24s ease,margin-right .24s ease}.pane-list a:hover .pane-cover{width:1.55rem;margin-right:.5rem;background-image:var(--pane-cover);box-shadow:0 1px 7px #00000047}@media(prefers-reduced-motion:reduce){.pane-cover{transition:none}}.pane-list.mixed a{border-right:5px solid var(--cat, var(--fg))}.pane-list a:focus{outline:none}.pane-list a:focus-visible{outline:1px solid var(--fg);outline-offset:-1px}.pane-list a:hover .t{font-weight:700}.pane-list a.active{background:var(--cat, var(--fg));box-shadow:var(--glow-b)}.pane-list a.active .t{color:var(--cat-text, var(--bg));font-weight:700}.pane-list a.active .d{color:var(--cat-text, var(--bg));opacity:.7}.pane-list .t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.4}.pane-list .t.is-mq{text-overflow:clip}.pane-list .t.is-mq .mq-track{display:inline-flex;white-space:nowrap;animation:mq-scroll var(--mq-dur, 8s) linear infinite}.pane-list .t.is-mq .mq-track>span{padding-right:2rem}@keyframes mq-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.pane-list .t.is-mq .mq-track{animation:none}}.pane-list .d{flex:none;width:2.7rem;font-size:.66rem;line-height:1.4;font-variant-numeric:tabular-nums}.np-dock{position:fixed;left:0;bottom:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}.np-chip{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.5rem;padding:.4rem 1.125rem;background:var(--cat, var(--fg));color:var(--cat-text, var(--bg));box-shadow:0 0 16px -1px color-mix(in srgb,var(--cat, var(--fg)) 75%,transparent),0 4px 12px -5px #00000073}.np-chip[hidden]{display:none}@property --np-scan{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.np-chip.np-playing:before,.np-mobile.np-playing:before,.song-player.sp-playing:before{content:"";position:absolute;inset:0;padding:1.5px;background:conic-gradient(from var(--np-scan),transparent 0%,color-mix(in srgb,var(--cat-text, #fff) 95%,transparent) 6%,transparent 15%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:np-scan 2.6s linear infinite;pointer-events:none}@keyframes np-scan{to{--np-scan: 360deg}}@media(prefers-reduced-motion:reduce){.np-chip.np-playing:before,.np-mobile.np-playing:before,.song-player.sp-playing:before{animation:none;background:none}}.np-mobile{display:none}.np-link{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--cat-text, var(--bg))}.np-cover{flex:none;width:2rem;height:2rem;background-position:center;background-size:cover;background-repeat:no-repeat;background-color:color-mix(in srgb,var(--cat-text, #fff) 18%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--cat-text, #fff) 30%,transparent)}.np-info{flex:1 1 auto;min-width:0}.np-t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1.3}.np-bar{display:block;margin-top:.25rem;height:3px;background:color-mix(in srgb,var(--cat-text, #fff) 28%,transparent)}.np-fill{display:block;width:0;height:100%;background:var(--cat-text, var(--bg))}.np-toggle{flex:none;width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--cat-text, #fff) 55%,transparent);background:none;color:var(--cat-text, var(--bg));cursor:pointer;font-size:0;transition:background .15s,color .15s}.np-toggle i{position:relative;display:block;width:11px;height:12px}.np-toggle i:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent currentColor}.np-playing .np-toggle i:before{transform:none;top:0;left:1px;width:3px;height:12px;border:0;background:currentColor}.np-playing .np-toggle i:after{content:"";position:absolute;top:0;right:1px;width:3px;height:12px;background:currentColor}.np-chip.np-playing{animation:np-pulse 2.4s ease-in-out infinite}@keyframes np-pulse{0%,to{box-shadow:0 0 11px -2px color-mix(in srgb,var(--cat, var(--fg)) 55%,transparent),0 3px 12px -4px #00000059}50%{box-shadow:0 0 19px 1px color-mix(in srgb,var(--cat, var(--fg)) 85%,transparent),0 3px 12px -4px #00000059}}@media(prefers-reduced-motion:reduce){.np-chip.np-playing{animation:none}}main{min-width:0;padding:3rem 0 5rem 2.75rem;font-size:.9375rem}@supports (animation-timeline: scroll()){main:before{content:"";position:sticky;top:0;z-index:1;display:block;height:4px;margin-bottom:-4px;background:var(--cat, var(--fg));box-shadow:var(--glow-b);transform:scaleX(0);transform-origin:0 50%;animation:read-grow linear both;animation-timeline:scroll(nearest)}@keyframes read-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media(min-width:60rem),(min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){@supports (animation-timeline: scroll()){main:before{display:none}.pane-list a.active{position:relative;background:color-mix(in srgb,var(--cat) 9%,transparent);box-shadow:none}.pane-list a.active .t{color:var(--fg)}.pane-list a.active .d{color:var(--muted)}.pane-list a.active .pane-prog{position:absolute;inset:0;display:flex;align-items:center;padding:.17rem 1.125rem;background:var(--cat);clip-path:inset(0 100% 0 0);animation:read-clip linear both;animation-timeline:--post;animation-range:contain 0% contain 100%;z-index:2;overflow:hidden;pointer-events:none}.pane-list a.active .pane-prog .d{color:var(--cat-text);opacity:.7}.pane-list a.active .pane-prog .t{color:var(--cat-text)}}}@keyframes read-clip{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.post-head{animation:kin-title linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes kin-title{to{transform:translateY(16px);opacity:.5}}article :is(h2,h3,blockquote,pre,hr,.song-player,.sp-head),.reactions,.post-nav{animation:kin-rise linear both;animation-timeline:view();animation-range:entry 0% entry 32%}@keyframes kin-rise{0%{opacity:0;transform:translateY(32px)}}}}.intro h1{margin-top:0}.curtain{position:fixed;inset:0;z-index:300;pointer-events:none;overflow:hidden}.curtain:before,.curtain:after{content:"";position:absolute;top:-5vh;bottom:-5vh;width:50.5%;background:var(--bg)}.curtain:before{left:0;border-right:1.5px solid var(--fg);box-shadow:6px 0 26px -2px var(--fg)}.curtain:after{right:0;border-left:1.5px solid var(--fg);box-shadow:-6px 0 26px -2px var(--fg)}@media(prefers-reduced-motion:no-preference){.curtain:before{animation:curtain-l .85s .15s cubic-bezier(.76,0,.24,1) both}.curtain:after{animation:curtain-r .85s .15s cubic-bezier(.76,0,.24,1) both}@keyframes curtain-l{to{transform:translate(-110%)}}@keyframes curtain-r{to{transform:translate(110%)}}}@media(prefers-reduced-motion:reduce){.curtain{display:none}}html:not(.intro-curtain) .curtain{display:none}@media(max-width:60rem)and (prefers-reduced-motion:no-preference){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.curtain:before,.curtain:after{inset:auto 0;width:auto;height:50.5%}.curtain:before{top:0;border:0;border-bottom:2px solid var(--fg);box-shadow:0 7px 16px -3px var(--fg);animation:curtain-up .95s .5s cubic-bezier(.85,0,.15,1) both}.curtain:after{bottom:0;border:0;border-top:2px solid var(--fg);box-shadow:0 -7px 16px -3px var(--fg);animation:curtain-down .95s .5s cubic-bezier(.85,0,.15,1) both}.hub{animation:content-zoom 1s .5s cubic-bezier(.22,1,.36,1) both}}}@keyframes curtain-up{to{transform:translateY(-110%)}}@keyframes curtain-down{to{transform:translateY(110%)}}@keyframes content-zoom{0%{transform:scale(1.06)}}@media(min-width:60rem),(min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.side{position:relative;z-index:13;background:var(--bg)}.list-pane,main{box-shadow:var(--stack)}main{height:100vh;overflow-y:auto;scrollbar-width:none}main::-webkit-scrollbar{width:0;height:0}main>:not(.hs){max-width:39.75rem}html{scrollbar-gutter:auto}}@media(min-width:60rem)and (prefers-reduced-motion:no-preference),(min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){html.intro-slide{overflow-x:hidden}html.intro-slide .side{animation:panel-in .6s cubic-bezier(.2,1,.32,1) both}html.intro-slide .list-pane{animation:panel-in .64s cubic-bezier(.2,1,.32,1) .16s both}html.intro-slide main{animation:panel-in .68s cubic-bezier(.2,1,.32,1) .32s both}html.intro-curtain .side{animation-delay:.7s}html.intro-curtain .list-pane{animation-delay:.82s}html.intro-curtain main{animation-delay:.94s}@keyframes panel-in{0%{transform:translate(-120px);opacity:0}}}.post-head{margin-bottom:2.25rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.post-meta{margin:0 0 .75rem;font-size:.75rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.post-head h1{margin:0;font-size:1.875rem}article:after{content:"";display:block;width:.5rem;height:.5rem;margin-top:2.75rem;background:var(--cat, var(--fg));border:1px solid var(--line)}article a:not(.cat-link){text-underline-offset:.2em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);transition:color .15s ease,text-decoration-color .15s ease}article a:hover{color:var(--cat, var(--fg));text-decoration-color:currentColor}article img{border:1px solid var(--line)}article .yt img{border:0}article:not(.resume)>:is(p,h2,h3,h4,ul,ol,blockquote){max-width:40rem}article:not(.serif):not(.resume)>:is(p,ul,ol,blockquote){line-height:1.6}article:not(.serif):not(.resume)>p{margin:0 0 1.1rem}article.serif{background:var(--paper);border:1px solid var(--line);padding:2.5rem 2.25rem 3rem}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){article.serif{padding:1.5rem 1.25rem 2.25rem}}}article.serif>:not(.post-head){font-family:BookkMyungjo,serif;font-size:.95rem;line-height:1.9}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){article.serif>:not(.post-head){font-size:.92rem;line-height:1.85}}}article.serif blockquote{color:var(--fg);font-style:normal}.post[data-song] .post-head h1{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){body{display:block;max-width:none;padding:0;height:100dvh;overflow:hidden}.appbar{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:3rem;padding:0 1rem;background:var(--bg);border-bottom:1px solid var(--line);z-index:11}.ab-logo{height:1rem;line-height:0}.ab-logo svg{height:100%;width:auto}.ab-logo path{fill:var(--cat, var(--fg))}.ab-search-btn{position:absolute;right:.875rem;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--fg);font-size:1.375rem;line-height:1;cursor:pointer}.ab-search-input,body.searching .ab-logo,body.searching .ab-search-btn{display:none}body.searching .ab-search-input{display:block;width:100%;border:0;border-bottom:1px solid var(--cat, var(--fg));background:transparent;color:var(--fg);font:inherit;font-size:.9375rem;padding:.3rem 0}.side,.list-pane,main{position:fixed;top:3rem;left:0;right:0;bottom:calc(3.25rem + env(safe-area-inset-bottom));overflow-y:auto;visibility:hidden;border:none;background:var(--bg)}body[data-mview=side] .side,body[data-mview=list] .list-pane,body[data-mview=article] main{visibility:visible}@media(prefers-reduced-motion:no-preference){body[data-mview=side] .side,body[data-mview=list] .list-pane,body[data-mview=article] main{animation:panel-in .34s cubic-bezier(.3,0,.1,1)}}@keyframes panel-in{0%{opacity:0;transform:translate(12px)}}.side-inner{position:static;max-height:none;overflow:visible;padding:1.75rem 1.25rem 2rem}.side nav a{padding:.5rem}.pane-inner{position:static;max-height:none;overflow:visible;padding:0 0 2rem}.pane-body{padding-top:1.25rem}main{padding:1.75rem 1.25rem 3rem;--ph: calc(100dvh - 6.25rem - env(safe-area-inset-bottom, 0px)) }.post.cur{view-timeline-inset:1.75rem 0}.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;height:calc(3.25rem + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--line);z-index:10}.mbar button{flex:1;margin-top:-1px;border:0;border-top:2px solid transparent;background:none;font:inherit;font-size:.8125rem;color:var(--muted);cursor:pointer}body[data-mview=side] .mbar [data-v=side],body[data-mview=list] .mbar [data-v=list],body[data-mview=article] .mbar [data-v=article]{color:var(--fg);font-weight:700;border-top-color:var(--cat, var(--fg))}.side-search,.side .logo{display:none}.side nav{margin-top:0;padding-top:0;border-top:none}main{overflow-x:hidden}article{overflow-wrap:break-word}article pre{padding:.75rem .875rem}article pre code{font-size:.72rem;line-height:1.5}article :not(pre)>code{overflow-wrap:break-word}article table{display:block;width:max-content;max-width:100%;overflow-x:auto}main:before{position:fixed;top:3rem;bottom:auto;left:0;right:0;margin:0;z-index:9;animation-timeline:--post;animation-range:contain 0% contain 100%}.rx-body,.pane-search,.ab-search-input{font-size:16px}.ab-search-btn{min-width:2.75rem;min-height:2.75rem}.sp-toggle{width:2.75rem;height:2.75rem}.np-toggle{width:2.5rem;height:2.5rem}.rx-clike,.rx-reply,.rx-del{padding:.5rem .4rem;margin:-.5rem 0}.sp-track{padding:13px 0;background-clip:content-box}.pane-list a{padding:.28rem 1.125rem}.pane-list .d{font-size:.72rem}.pane-list .pane-stats{display:inline-flex}.np-mobile{display:flex;align-items:center;gap:.45rem;position:fixed;left:0;right:0;bottom:calc(3.25rem + env(safe-area-inset-bottom));z-index:9;padding:.25rem .9rem;background:var(--cat, var(--fg));color:var(--cat-text, var(--bg));box-shadow:0 -3px 16px -3px color-mix(in srgb,var(--cat, var(--fg)) 70%,transparent)}.np-mobile[hidden]{display:none}.np-mobile .np-cover{width:1.55rem;height:1.55rem}.np-mobile .np-toggle{width:2rem;height:2rem}body.np-m main{bottom:calc(5.75rem + env(safe-area-inset-bottom));--ph: calc(100dvh - 8.75rem - env(safe-area-inset-bottom, 0px)) }}}@media(max-width:22rem){.rx-name{max-width:5rem}}article .lead{margin:0 0 1.75rem;font-size:1.0625rem;color:var(--muted)}@media print{.print-btn{display:none}@page{margin:14mm 16mm}:root{--bg: #fff !important;--fg: #111 !important;--muted: #555 !important;--line: #ccc !important}body{display:block;max-width:none;padding:0;background:#fff}.side,.list-pane,.post-nav{display:none!important}main{padding:0}.r-sec,.resume .item,.skills div{break-inside:avoid}}img{max-width:100%;height:auto}table{border-collapse:collapse;max-width:100%}th,td{padding:.375rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}h1,h2,h3{line-height:1.4}h1{font-size:1.5rem;margin:0 0 .25rem}h2{font-size:1.25rem;margin:2.5rem 0 .75rem}h3{font-size:1.1875rem;margin:2rem 0 .5rem}hr{border:none;border-top:1px solid var(--fg);opacity:.12;margin:3rem 0}code{font-family:IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:.9em}pre{padding:1rem 1.25rem;border:1px solid var(--fg);overflow-x:auto;line-height:1.6}pre code{font-size:.875rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) article pre{background:color-mix(in srgb,var(--cat, var(--fg)) 5%,transparent)}}:root[data-theme=dark] article pre{background:color-mix(in srgb,var(--cat, var(--fg)) 5%,transparent)}blockquote{margin:1.5rem 0;padding:.5rem 1rem .5rem 1.4rem;border-left:3px solid var(--cat-l, var(--fg));background:color-mix(in srgb,var(--cat-l, var(--fg)) 6%,transparent);color:var(--fg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) blockquote{border-left-color:var(--cat-d, var(--fg));background:color-mix(in srgb,var(--cat-d, var(--fg)) 10%,transparent)}}:root[data-theme=dark] blockquote{border-left-color:var(--cat-d, var(--fg));background:color-mix(in srgb,var(--cat-d, var(--fg)) 10%,transparent)}blockquote.callout{padding:.7rem 1rem .7rem 2.5rem;border:1px solid var(--line);border-left:3px solid var(--callout-c, var(--fg));background:color-mix(in srgb,var(--callout-c, var(--fg)) 9%,transparent);color:var(--fg);font-style:normal;position:relative}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) blockquote.callout{border-left-color:var(--callout-c, var(--fg));background:color-mix(in srgb,var(--callout-c, var(--fg)) 16%,transparent)}}:root[data-theme=dark] blockquote.callout{border-left-color:var(--callout-c, var(--fg));background:color-mix(in srgb,var(--callout-c, var(--fg)) 16%,transparent)}blockquote.callout:before{content:attr(data-icon);position:absolute;left:.85rem;top:.66rem;font-size:.95rem;line-height:1.5}blockquote.callout>:first-child{margin-top:0}blockquote.callout>:last-child{margin-bottom:0}.callout-note,.callout-tip{--callout-c: #3b82f6}.callout-important{--callout-c: #a855f7}.callout-warning,.callout-caution{--callout-c: #f59e0b}.lyric-tr{color:var(--cat, #ff1493);filter:var(--glow-f)}.muted{color:var(--muted)}.yt{position:relative;aspect-ratio:16 / 9;margin:1.5rem 0;background:#000}.yt>button{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.yt-play{position:absolute;inset:0;display:grid;place-items:center;font-size:2.25rem;color:#fff;background:#0000004d;transition:background .15s}.yt>button:hover .yt-play{background:#0000001a}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.song-player{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.75rem;max-width:40rem;margin:0 0 1.75rem;padding:.55rem .7rem;background:var(--cat, var(--fg));color:var(--cat-text, var(--bg));border:1px solid var(--cat, var(--fg))}.sp-head{display:flex;gap:1rem;align-items:flex-start;margin:.25rem 0 1.6rem}.sp-art{flex:none;width:clamp(112px,33%,168px);aspect-ratio:1 / 1;object-fit:cover;margin:0;border:0;box-shadow:0 8px 26px #00000073}.sp-head-meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.sp-head-meta>*{margin:0}.sp-head-meta h1{font-size:1.5rem;line-height:1.2}.sp-head-meta h3{font-size:1rem;margin-top:.35rem}.sp-head-meta p{font-size:.85rem;margin-top:.25rem;opacity:.82}.sp-facts{margin-top:.55rem;font-size:.78rem;line-height:1.65;opacity:.82;letter-spacing:.01em}.sp-facts span:not(:last-child):after{content:" · ";opacity:.5}.sp-note{margin:0 0 1.7rem;max-width:42rem;padding-left:.9rem;border-left:2px solid var(--cat)}.sp-note-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--cat);margin-bottom:.35rem;filter:var(--glow-f)}.sp-note p{margin:0;font-size:.9rem;line-height:1.78;opacity:.92}@media(prefers-color-scheme:dark){:root.song-bg:not([data-theme=light]) .song-player,:root:not([data-theme=light]) .post[data-song] .song-player{box-shadow:0 0 22px -3px var(--cat),0 0 8px -1px var(--cat)}}:root.song-bg[data-theme=dark] .song-player,:root[data-theme=dark] .post[data-song] .song-player{box-shadow:0 0 22px -3px var(--cat),0 0 8px -1px var(--cat)}.sp-toggle{flex:none;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:0;color:var(--cat-text, var(--bg));background:none;border:1px solid color-mix(in srgb,var(--cat-text, #fff) 55%,transparent);cursor:pointer;transition:background .15s,color .15s}.sp-toggle i{position:relative;display:block;width:12px;height:13px}.sp-toggle i:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);width:0;height:0;border-style:solid;border-width:6px 0 6px 11px;border-color:transparent transparent transparent currentColor}.sp-playing .sp-toggle i:before{transform:none;top:0;left:1px;width:3px;height:13px;border:0;background:currentColor}.sp-playing .sp-toggle i:after{content:"";position:absolute;top:0;right:1px;width:3px;height:13px;background:currentColor}.sp-main{flex:1 1 auto;min-width:0}.sp-title{font-size:.8125rem;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-title a{color:var(--cat-text, var(--bg));text-decoration:underline}.sp-track{margin-top:.5rem;height:4px;background:color-mix(in srgb,var(--cat-text, #fff) 20%,transparent);cursor:pointer;position:relative;transition:height .15s ease}.sp-fill{position:relative;width:0;height:100%;background:var(--cat-text, var(--bg));box-shadow:0 0 7px var(--cat-text, transparent)}.sp-fill:after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:11px;transform:translateY(-50%);background:var(--cat-text, var(--bg));box-shadow:0 0 10px var(--cat-text),0 0 4px var(--cat-text)}.song-player:hover .sp-track{height:6px}.sp-loading .sp-fill{display:none}.sp-loading .sp-track{background-image:linear-gradient(90deg,transparent,var(--cat-text, #fff),transparent);background-size:42% 100%;background-repeat:no-repeat;animation:sp-load 1.15s linear infinite}.sp-loading .sp-toggle{animation:sp-pulse 1s ease-in-out infinite}@keyframes sp-load{0%{background-position:-45% 0}to{background-position:145% 0}}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.35}}.sp-time{flex:none;font-size:.7rem;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--cat-text, #fff) 85%,transparent);white-space:nowrap}.sp-err .sp-track,.sp-err .sp-time{display:none}.date{font-size:.875rem}article .date{margin:0 0 2.5rem}.cat-link:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:.3rem;background:var(--cat);border:1px solid var(--line)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:3rem}.post-nav a{display:flex;align-items:baseline;gap:.6rem;min-width:0;padding:.38rem .7rem;border:1px solid var(--line);border-left:3px solid var(--cat, var(--line));text-decoration:none;color:inherit;transition:border-color .15s ease}.post-nav .next{flex-direction:row-reverse;text-align:right;border-left:1px solid var(--line);border-right:3px solid var(--cat, var(--line))}.post-nav .pn-dir{flex:none;font-family:Asta Sans,Apple SD Gothic Neo,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cat, var(--muted))}.post-nav .pn-t{flex:1;min-width:0;font-size:.85rem;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-nav .pn-d{flex:none;font-family:Asta Sans,Apple SD Gothic Neo,sans-serif;font-size:.68rem;color:var(--muted);font-variant-numeric:tabular-nums}article pre{position:relative;padding:1.7rem 1rem 1rem}article pre[data-language]:before{content:attr(data-language);position:absolute;top:0;left:0;padding:.14rem .6rem;font-family:Asta Sans,Apple SD Gothic Neo,sans-serif;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--fg) 8%,transparent);pointer-events:none}.code-copy{position:absolute;top:.4rem;right:.4rem;padding:.16rem .5rem;border:1px solid var(--line);background:var(--bg);color:var(--muted);font-family:Asta Sans,Apple SD Gothic Neo,sans-serif;font-size:.66rem;letter-spacing:.05em;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}article pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy.done{color:var(--fg);border-color:var(--fg)}.toc{margin:0 0 2rem;padding:.6rem .95rem;border:1px solid var(--line);border-left:3px solid var(--cat, var(--fg));font-size:.85rem}.toc>summary{cursor:pointer;list-style:none;font-family:Asta Sans,Apple SD Gothic Neo,sans-serif;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.toc>summary::-webkit-details-marker{display:none}.toc ol{list-style:none;margin:.55rem 0 .1rem;padding:0}.toc li{margin:.18rem 0}.toc .toc-sub{padding-left:1rem}.toc a{color:var(--fg);text-decoration:none;border-bottom:1px solid transparent}.toc a:hover{border-bottom-color:var(--cat, var(--fg))}.toc a.active{color:var(--cat, var(--fg));border-bottom-color:var(--cat, var(--fg));font-weight:700}.to-top{position:fixed;right:1.1rem;bottom:1.4rem;z-index:50;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--fg);font-size:1.1rem;line-height:1;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,border-color .2s ease}.to-top.show{opacity:1;transform:none;pointer-events:auto}@media(max-width:60rem){@media not all and (min-width:48rem)and (orientation:portrait)and (hover:hover)and (pointer:fine){.to-top{bottom:calc(4rem + env(safe-area-inset-bottom))}}}@media(prefers-reduced-motion:reduce){.to-top{transition:opacity .2s ease;transform:none}}.reactions{max-width:40rem;margin:2.25rem 0 0;padding-top:1.1rem;border-top:1px solid var(--line)}.rx-bar{margin-bottom:1.4rem}.rx-heart{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border:1px solid var(--line);background:none;color:var(--fg);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;transition:border-color .15s,color .15s;overflow:visible}.rx-heart-icon{fill:none;stroke:currentColor;stroke-width:1.8;overflow:visible}.rx-heart[aria-pressed=true]{color:var(--cat, var(--fg));border-color:var(--cat, var(--fg))}.rx-heart[aria-pressed=true] .rx-heart-icon{fill:var(--cat, currentColor);stroke:var(--cat, currentColor);filter:var(--glow-f)}.rx-count{font-size:.9rem;font-weight:700;line-height:1}.rx-title{font-size:.9rem;margin:0 0 .45rem}.rx-list{list-style:none;padding:0;margin:0 0 .9rem;display:flex;flex-direction:column;gap:.5rem}.rx-cmt{padding:.4rem .6rem;border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 3.5%,transparent);transition:border-color .15s}.rx-cmt-head{display:flex;align-items:baseline;gap:.5rem}.rx-name{flex:none;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;color:var(--cat, var(--fg))}.rx-text{flex:1 1 auto;min-width:0;font-size:.86rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.rx-cmt-head time{font-size:.64rem}.rx-cmt-actions{flex:none;display:flex;align-items:center;gap:.55rem}.rx-clike,.rx-reply,.rx-del{display:inline-flex;align-items:center;gap:.2rem;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:.7rem;font-variant-numeric:tabular-nums}.rx-clike-n{line-height:1}.rx-clike-icon{fill:none;stroke:currentColor;stroke-width:2;overflow:visible}.rx-clike.on{color:var(--cat, var(--fg))}.rx-clike.on .rx-clike-icon{fill:var(--cat, currentColor);stroke:var(--cat, currentColor);filter:var(--glow-f)}.rx-clike:hover,.rx-reply:hover,.rx-del:hover{color:var(--fg)}.rx-sub{list-style:none;margin:.55rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.rx-sub:empty{display:none}.rx-reply-cmt{margin-left:.7rem;padding:.4rem .6rem;border:0;border-left:2px solid var(--cat, var(--line));background:color-mix(in srgb,var(--fg) 5.5%,transparent)}.rx-reply-cmt:hover{border-color:var(--cat, var(--fg))}.rx-form{display:flex;flex-direction:column;gap:.4rem}.rx-reply-form{display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0 .2rem;padding-left:.9rem;border-left:1px solid var(--cat, var(--line))}.rx-body{width:100%;padding:.4rem .55rem;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:.85rem;border-radius:0;resize:vertical;line-height:1.5;min-height:2.1rem}.rx-body:focus{outline:none;border-color:var(--cat, var(--fg))}.rx-form-row{display:flex;gap:.4rem;align-items:stretch}.rx-form-row .rx-body{flex:1 1 auto}.rx-who{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.4rem;font-size:.78rem}.rx-who-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--cat, var(--fg))}.rx-logout{margin-left:auto;padding:0;border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:.72rem;text-decoration:underline;text-underline-offset:2px}.rx-logout:hover{color:var(--fg)}.rx-login-msg{margin:0 0 .5rem;font-size:.8rem}.rx-login-btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.rx-login{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;white-space:nowrap;padding:.45rem .95rem;border:1px solid var(--line);background:none;color:var(--fg);font-size:.82rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.rx-login .prov-logo{width:17px;height:17px}.rx-login:hover{color:var(--cat, var(--fg))}@media(prefers-reduced-motion:no-preference){.rx-flash{animation:rx-flash 1.1s ease}}@keyframes rx-flash{0%,to{background:transparent}25%{background:color-mix(in srgb,var(--cat, var(--fg)) 16%,transparent)}}.rx-submit{flex:none;padding:0 .95rem;border:1px solid var(--cat, var(--fg));background:var(--cat, var(--fg));color:var(--cat-text, var(--bg));cursor:pointer;font:inherit;font-size:.82rem;font-weight:700;white-space:nowrap}.rx-submit:disabled{opacity:.5;cursor:default}.rx-msg{font-size:.75rem}.rx-cmt-new{animation:rx-cmt-in .5s ease,rx-cmt-flash 1.4s ease}@keyframes rx-cmt-in{0%{opacity:0;transform:translateY(12px)}}@keyframes rx-cmt-flash{0%{background:color-mix(in srgb,var(--cat, var(--fg)) 26%,transparent)}to{background:color-mix(in srgb,var(--fg) 3.5%,transparent)}}.pane-stats{display:none;flex:none;margin-left:.5rem;align-items:center;gap:.2rem;font-size:.65rem;line-height:1;color:var(--cat, var(--muted));white-space:nowrap;font-variant-numeric:tabular-nums}.pane-stats span{margin-right:.3rem}.pane-list a:hover .pane-stats{display:inline-flex}@media(prefers-reduced-motion:reduce){.rx-cmt-new{animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:0;z-index:200;padding:.5rem .9rem;background:var(--fg);color:var(--bg);transform:translateY(-130%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}main img{cursor:zoom-in}.sp-art,.yt img{cursor:default}.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:color-mix(in srgb,#000 86%,transparent);cursor:zoom-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .48s ease}.lightbox.open{opacity:1}.lightbox[hidden]{display:none}.lightbox-frame{max-width:min(96vw,1400px);max-height:92vh;box-shadow:0 12px 44px #0000008c;will-change:transform}.lightbox-close{position:fixed;top:.75rem;right:.9rem;width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);background:#00000059;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.lightbox-close:before{content:"✕"}@media(prefers-reduced-motion:reduce){.lightbox{transition:none}}.post-actions{display:inline-flex;gap:.65em;margin-left:.35em;white-space:nowrap}.edit-btn,.delete-btn{border:0;background:none;color:var(--muted);font:inherit;font-size:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.edit-btn:hover,.delete-btn:hover{color:var(--cat, var(--fg))}.delete-btn:disabled,.edit-btn[aria-disabled=true]{opacity:.5;cursor:wait}.post-action-msg:not(:empty){display:block;margin-top:.5em}.post-deleted h1:before{content:"✓";display:inline-block;color:var(--cat, var(--fg));margin-right:.4em;animation:action-check .28s ease-out both}@media(prefers-reduced-motion:reduce){.post-deleted h1:before{animation:none}}.ink-blue{--ink-l: #0044ff;--ink-d: #5b9bff}.ink-orange{--ink-l: #ff7a00;--ink-d: #ff9a3d}.ink-pink{--ink-l: #ff1493;--ink-d: #ff5cb8}.ink-purple{--ink-l: #8a2be2;--ink-d: #c08cff}.ink-green{--ink-l: #00a844;--ink-d: #00e676}.ink-yellow{--ink-l: #b38f00;--ink-d: #ffe21a}.ink-gray{--ink-l: #767676;--ink-d: #9a9a9a}:is(.ink-blue,.ink-orange,.ink-pink,.ink-purple,.ink-green,.ink-yellow,.ink-gray){--ink: var(--ink-l);color:var(--ink)}mark.hl{--hl: #ffd400;color:inherit;background:color-mix(in srgb,var(--hl) 40%,transparent);padding:.33em .14em;margin:0 -.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hl-yellow{--hl-l: #ffd400;--hl-d: #ffe21a}.hl-pink{--hl-l: #ff1493;--hl-d: #ff5cb8}.hl-blue{--hl-l: #0044ff;--hl-d: #5b9bff}.hl-green{--hl-l: #00c853;--hl-d: #00e676}.hl-orange{--hl-l: #ff7a00;--hl-d: #ff9a3d}.hl-purple{--hl-l: #8a2be2;--hl-d: #c08cff}:is(.hl-yellow,.hl-pink,.hl-blue,.hl-green,.hl-orange,.hl-purple){--hl: var(--hl-l);color:inherit;background:color-mix(in srgb,var(--hl) 40%,transparent);padding:.33em .14em;margin:0 -.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.ink-blue,.ink-orange,.ink-pink,.ink-purple,.ink-green,.ink-yellow,.ink-gray){--ink: var(--ink-d);text-shadow:0 0 8px color-mix(in srgb,var(--ink) 55%,transparent)}:root:not([data-theme=light]) :is(.hl-yellow,.hl-pink,.hl-blue,.hl-green,.hl-orange,.hl-purple){--hl: var(--hl-d)}}:root[data-theme=dark] :is(.ink-blue,.ink-orange,.ink-pink,.ink-purple,.ink-green,.ink-yellow,.ink-gray){--ink: var(--ink-d);text-shadow:0 0 8px color-mix(in srgb,var(--ink) 55%,transparent)}:root[data-theme=dark] :is(.hl-yellow,.hl-pink,.hl-blue,.hl-green,.hl-orange,.hl-purple){--hl: var(--hl-d)}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}