.lp{--lp:2px;--lp-text:#3c3545;--lp-muted:#615465;--lp-ink:#2e222f;isolation:isolate;color:var(--lp-text);font-family:var(--font-minecraft);font-size:calc(var(--lp) * 12);line-height:calc(var(--lp) * 11);image-rendering:pixelated;flex:1;position:relative;overflow:hidden;container-type:inline-size}html:has(.lp){background:#eaaded}html:has(.lp) body{background:#eaaded}@media (max-width:860px){.lp{--lp:1.5px}}@media (min-width:1800px){.lp{--lp:3px}}.lp-dither{z-index:-1;flex-direction:column;display:flex;position:absolute;inset:0}.lp-dither>div{background-size:calc(var(--lp) * 4) calc(var(--lp) * 4);flex:1}.lp-feed{gap:calc(var(--lp) * 20);width:min(100%, calc(var(--lp) * 400));padding:calc(var(--lp) * 20) calc(var(--lp) * 6) calc(var(--lp) * 60);flex-direction:column;margin-inline:auto;display:flex}.lp-nav{isolation:isolate;align-self:center;align-items:center;gap:calc(var(--lp) * 8);margin-bottom:calc(var(--lp) * 6);padding:calc(var(--lp) * 5) calc(var(--lp) * 12) calc(var(--lp) * 4);display:flex;position:relative}.lp-nav-paper,.lp-nav-tapes{pointer-events:none;position:absolute;inset:0;transform:rotate(-3.5deg)}.lp-nav-paper{z-index:-1;background:var(--nav-bg,#1ebc73)}.lp-nav-tapes{z-index:1}.lp-tape-corner{transform-origin:0 0;position:absolute;transform:rotate(3.5deg)}.lp-tape-end{top:0;right:0}.lp-tape-start{bottom:0;left:0}.lp-tape{position:absolute}.lp-px-W{fill:#fff}.lp-px-T{fill:var(--nav-tape,#165a4c)}.lp-nav ul{gap:calc(var(--lp) * 14);margin:0;padding:0;list-style:none;display:flex}.lp-nav li:first-child{transform:translateY(calc(var(--lp) * -1))}.lp-nav li:nth-child(2){transform:translateY(calc(var(--lp) * -4))}.lp-nav li:nth-child(n+3){transform:translateY(calc(var(--lp) * -7))}.lp-nav ul a{color:#f9c22b;text-decoration:underline;text-decoration-thickness:var(--lp);text-underline-offset:calc(var(--lp) * 2);text-decoration-skip-ink:none;font-style:italic}.lp-nav ul a[href=\/],.lp-nav ul a:hover{color:#fff}.lp-logo{transform:translateY(calc(var(--lp) * 3));display:inline-flex}.lp-logo-image{width:auto;height:calc(var(--lp) * 24)}.lp-logo-text{font-size:calc(var(--lp) * 24);filter:drop-shadow(calc(var(--lp) * 2) 0 0 var(--lp-ink)) drop-shadow(calc(var(--lp) * -2) 0 0 var(--lp-ink)) drop-shadow(0 calc(var(--lp) * 2) 0 var(--lp-ink)) drop-shadow(0 calc(var(--lp) * -2) 0 var(--lp-ink));line-height:1;display:inline-flex}.lp-logo-text>span{color:#0000;background:linear-gradient(var(--logo-top,#fbff86) 0 24%, var(--logo-middle,#f9c22b) 24% 56%, var(--logo-bottom,#fb6b1d) 56%);-webkit-background-clip:text;background-clip:text;display:inline-block}.lp-logo-text>span:nth-child(3n+1){transform:translateY(calc(var(--lp) * 2)) rotate(-4deg)}.lp-logo-text>span:nth-child(3n+2){transform:translateY(calc(var(--lp) * -1)) rotate(3deg)}.lp-cta{--b:calc(var(--lp) * 2);margin-block:calc(var(--b) * 18);align-self:center;display:inline-flex;position:relative}.lp-cta-halo{position:absolute}.lp-halo-floor{fill:var(--ui-canvas)}.lp-halo-shadow{fill:#2e222f4d}.lp-halo-edge{fill:#2e222f}.lp-button{min-width:calc(var(--b) * 100);height:calc(var(--b) * 24);padding:0 calc(var(--b) * 12) calc(var(--b) * 2);border:var(--b) solid var(--ui-outline);background:linear-gradient(var(--ui-raised) calc(50% - var(--b)), var(--ui-panel) 0);box-shadow:inset 0 calc(var(--b) * -2) 0 var(--ui-shade), inset 0 calc(var(--b) * -3) 0 var(--ui-hi), inset 0 0 0 var(--b) var(--ui-hi);font-size:calc(var(--b) * 12);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;position:relative}.lp-button:hover{filter:brightness(1.12)}.lp-button:active{height:calc(var(--b) * 22);margin-top:calc(var(--b) * 2);background:linear-gradient(var(--ui-raised) 50%, var(--ui-panel) 0);box-shadow:inset 0 0 0 var(--b) var(--ui-hi);padding-bottom:0}.lp-button:focus-visible{outline:var(--b) solid var(--ui-text);outline-offset:var(--b)}.lp-button-text{color:#0000;background-image:linear-gradient(var(--ui-text) calc(50% + .021em), var(--ui-text-low) 0);line-height:calc(var(--b) * 12);filter:drop-shadow(var(--b) 0 0 var(--ui-ink)) drop-shadow(calc(var(--b) * -1) 0 0 var(--ui-ink)) drop-shadow(0 var(--b) 0 var(--ui-ink)) drop-shadow(0 calc(var(--b) * -1) 0 var(--ui-ink));background-size:100% 1lh;-webkit-background-clip:text;background-clip:text;display:inline-block}.lp-pin{top:calc(var(--lp) * -7);left:calc(50% - var(--lp) * 4);width:calc(var(--lp) * 9);height:calc(var(--lp) * 10);position:absolute}.lp-px-L{fill:var(--pin-light)}.lp-px-M{fill:var(--pin-dark)}.lp-px-S{fill:var(--post-line)}.lp-px-N{fill:#7f708a}.lp-px-G{fill:#9babb2}.lp-px-D{fill:#694f62}.lp-px-X{fill:var(--pin-glint)}.lp-post{--tilt:2deg;--flip:1;isolation:isolate;padding:calc(var(--lp) * 6) calc(var(--lp) * 8) calc(var(--lp) * 12);position:relative}.lp-post:before{content:"";z-index:-1;background:var(--post-bg);transform:rotate(var(--tilt));position:absolute;inset:0}.lp-post:nth-of-type(5n+2){--tilt:-3deg;--flip:-1;margin-inline:calc(var(--lp) * 4) 0}.lp-post:nth-of-type(5n+3){--tilt:2deg;margin-inline:calc(var(--lp) * 10) calc(var(--lp) * 6)}.lp-post:nth-of-type(5n+4){--tilt:-1.4deg;--flip:-1;margin-inline:calc(var(--lp) * 8) calc(var(--lp) * 6)}.lp-post:nth-of-type(5n){--tilt:3deg;margin-inline:calc(var(--lp) * 6) calc(var(--lp) * 10)}.lp-post[data-color=green]{--post-bg:#91db69;--post-line:#1ebc73;--post-mark:#239063;--post-mark-text:#f9c22b;--post-title:#eaaded;--post-title-low:#a884f3;--pin-light:#8fd3ff;--pin-dark:#4d9be6;--pin-glint:#cddf6c}.lp-post[data-color=blue]{--post-bg:#8fd3ff;--post-line:#4d9be6;--post-mark:#4d9be6;--post-mark-text:#fdcbb0;--post-title:#f9c22b;--post-title-low:#f79617;--pin-light:#e83b3b;--pin-dark:#ae2334;--pin-glint:#fff}.lp-post[data-color=pink]{--post-bg:#ed8099;--post-line:#cf657f;--post-mark:#c32454;--post-mark-text:#8fd3ff;--post-title:#1ebc73;--post-title-low:#239063;--pin-light:#91db69;--pin-dark:#1ebc73;--pin-glint:#fff}.lp-post[data-color=orange]{--post-bg:#f9c22b;--post-line:#f79617;--post-mark:#fb6b1d;--post-mark-text:#fff;--post-title:#fff;--post-title-low:#c7dcd0;--pin-light:#fff;--pin-dark:#c7dcd0;--pin-glint:#fb6b1d}.lp-post[data-color=teal]{--post-bg:#8ff8e2;--post-line:#30e1b9;--post-mark:#30e1b9;--post-mark-text:#fbff86;--post-title:#f9c22b;--post-title-low:#f79617;--pin-light:#fff;--pin-dark:#c7dcd0;--pin-glint:#fb6b1d}.lp-post-head{align-items:flex-start;gap:calc(var(--lp) * 3);transform:rotate(var(--tilt));display:flex}.lp-avatar{width:calc(var(--lp) * 14);height:calc(var(--lp) * 14);background:var(--lp-ink);flex:none;position:relative;overflow:hidden}.lp-post-meta{padding:calc(var(--lp) * 2) 0 var(--lp);border-bottom:var(--lp) solid var(--post-line);color:var(--lp-muted);flex:1;justify-content:space-between;align-items:flex-end;display:flex}.lp-post-title{z-index:2;margin:calc(var(--lp) * 2) 0;font:inherit;text-align:center;position:relative}.lp-post-title>span{color:#0000;background-image:linear-gradient(var(--post-title) calc(50% + .021em), var(--post-title-low) 0);line-height:calc(var(--lp) * 12);filter:drop-shadow(var(--lp) 0 0 var(--lp-ink)) drop-shadow(calc(var(--lp) * -1) 0 0 var(--lp-ink)) drop-shadow(0 var(--lp) 0 var(--lp-ink)) drop-shadow(0 calc(var(--lp) * -1) 0 var(--lp-ink));background-size:100% 1lh;-webkit-background-clip:text;background-clip:text;display:inline-block}.lp-post-body{align-items:start;gap:calc(var(--lp) * 4);grid-template-columns:1fr 1fr;display:grid}.lp-column{gap:calc(var(--lp) * 6);flex-direction:column;min-width:0;display:flex}.lp-post-title+.lp-post-body>.lp-column>.lp-shot:first-child{margin-top:calc(var(--lp) * -7)}.lp-column>p{padding-inline:calc(var(--lp) * 4);margin:0}.lp-post :is(strong,a){padding:0 var(--lp);background:var(--post-mark);color:var(--post-mark-text);text-decoration:underline;text-decoration-thickness:var(--lp);text-underline-offset:var(--lp);text-decoration-skip-ink:none;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:400}.lp-shot{--shot-tilt:.8deg;margin:0 calc(var(--lp) * -1);aspect-ratio:16/9;border:var(--lp) solid #000;transform:rotate(calc(var(--shot-tilt) * var(--flip)));position:relative;overflow:hidden}.lp-shot img{object-fit:cover}.lp-shot video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lp-column:first-child>.lp-shot:nth-of-type(2){--shot-tilt:-1.4deg}.lp-column:nth-child(2)>.lp-shot:first-of-type{--shot-tilt:1.6deg}.lp-column:nth-child(2)>.lp-shot:nth-of-type(2){--shot-tilt:-.8deg}@container (max-width:640px){.lp-post-body{grid-template-columns:1fr}.lp-post-title+.lp-post-body>.lp-column:nth-child(n+2)>.lp-shot:first-child{margin-top:0}.lp-nav{gap:calc(var(--lp) * 6);flex-direction:column}}
