.post-wrap.lp-wrap{max-width:64rem;--lp-ease:cubic-bezier(.16,1,.3,1);--lp-gutter:1.5rem}.lp-head{position:relative;margin:0 0 2.75rem;animation:lpIn .7s var(--lp-ease) backwards}.lp-eyebrow{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--t8)}.lp-eyebrow span{width:1.5rem;height:1px;background:var(--w30)}.lp-title{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .9rem;margin:0;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;line-height:1;letter-spacing:-.055em;color:var(--t1);overflow-wrap:anywhere}.lp-title-prefix{color:var(--t10);margin-right:-.65rem;font-weight:500}.lp-count{align-self:flex-start;margin-top:.35rem;font-size:.72rem;font-weight:500;letter-spacing:0;color:var(--t6);font-variant-numeric:tabular-nums;padding:.25rem .6rem;border:1px solid var(--w10);border-radius:999px;background:var(--panel)}.lp-lede{margin:1.15rem 0 0;max-width:56ch;font-size:.88rem;line-height:1.75;color:var(--t5);text-wrap:pretty}.lp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));margin:2rem 0 0;border-block:1px solid var(--w08)}.lp-stats div{padding:.95rem 1.1rem .95rem 0;min-width:0}.lp-stats div+div{padding-left:1.1rem;border-left:1px solid var(--w06)}.lp-stats dt{font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--t9)}.lp-stats dd{margin:.35rem 0 0;font-size:1.05rem;font-weight:650;letter-spacing:-.03em;color:var(--t1);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-back{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.25rem;padding-bottom:2px;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t1);text-decoration:none;border-bottom:1px solid var(--w20);transition:border-color .25s ease}.lp-back span{transition:transform .3s var(--lp-ease)}.lp-back:hover{border-color:var(--t1)}.lp-back:hover span{transform:translate(-3px)}.lp-filter{margin:0 0 1.5rem;animation:lpIn .7s var(--lp-ease) 80ms backwards}.lp-search{position:relative;display:flex;align-items:center;gap:.75rem;padding:0 .6rem 0 1.15rem;height:3.1rem;background:var(--panel);border:1px solid var(--w10);border-radius:14px;box-shadow:0 1px 2px #00000008;transition:border-color .2s ease,box-shadow .25s ease}.lp-search:focus-within{border-color:var(--w30);box-shadow:0 0 0 4px var(--w05)}.lp-search svg{width:16px;height:16px;flex:none;stroke:var(--t8)}.lp-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--t1);font:inherit;font-size:.84rem}.lp-search input:focus,.lp-search input:focus-visible{outline:none}.lp-search input::-moz-placeholder{color:var(--t9)}.lp-search input::placeholder{color:var(--t9)}.lp-search input::-webkit-search-cancel-button{cursor:pointer}.lp-kbd{flex:none;display:grid;place-items:center;min-width:1.6rem;height:1.6rem;padding:0 .35rem;font:inherit;font-size:.68rem;color:var(--t7);border:1px solid var(--w12);border-bottom-width:2px;border-radius:6px;background:var(--bg);transition:opacity .2s ease}.lp-search input:not(:-moz-placeholder)~.lp-kbd{opacity:0}.lp-search:focus-within .lp-kbd,.lp-search input:not(:placeholder-shown)~.lp-kbd{opacity:0}.lp-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.85rem 0 0}.lp-chip{display:inline-flex;align-items:center;gap:.5rem;flex:none;cursor:pointer;font:inherit;font-size:.7rem;color:var(--t5);padding:.5rem .55rem .5rem .85rem;border:1px solid var(--w10);border-radius:999px;background:var(--panel);transition:color .2s ease,border-color .2s ease,background-color .2s ease,transform .15s ease}.lp-chip b{min-width:1.35rem;padding:.1rem .35rem;border-radius:999px;background:var(--w05);font-weight:500;font-size:.62rem;color:var(--t7);text-align:center;font-variant-numeric:tabular-nums;transition:background-color .2s ease,color .2s ease}.lp-chip:hover{color:var(--t1);border-color:var(--w25)}.lp-chip:active{transform:scale(.96)}.lp-chip[aria-pressed=true]{background:var(--t1);border-color:var(--t1);color:var(--inv)}.lp-chip[aria-pressed=true] b{background:#ffffff29;color:var(--inv)}.lp-status{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;min-height:1.6rem;margin:1rem 0 0;font-size:.66rem;letter-spacing:.04em;color:var(--t8);font-variant-numeric:tabular-nums}.lp-status b{color:var(--t2);font-weight:600}.lp-reset{cursor:pointer;font:inherit;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--t1);background:none;border:0;padding:0 0 2px;border-bottom:1px solid var(--w20);transition:border-color .2s ease}.lp-reset:hover{border-color:var(--t1)}.lp-reset[hidden]{display:none}.lp-list{display:flex;flex-direction:column;gap:.85rem}.lp-card{position:relative;overflow:hidden;display:grid;grid-template-columns:7rem minmax(0,1fr) auto;gap:0 1.75rem;padding:1.6rem 1.6rem 1.5rem;text-decoration:none;background:var(--panel);border:1px solid var(--w08);border-radius:18px;transition:transform .4s var(--lp-ease),box-shadow .4s var(--lp-ease),border-color .3s ease;animation:lpIn .7s var(--lp-ease) calc(.12s + var(--i,0) * 60ms) backwards}.lp-card[hidden]{display:none}.lp-card:before{content:"";position:absolute;top:-60%;right:-15%;width:55%;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,var(--w04),transparent 65%);opacity:0;transition:opacity .5s ease,transform .6s var(--lp-ease)}.lp-card:hover{transform:translateY(-3px);border-color:var(--w15);box-shadow:0 1px 2px #0000000a,0 18px 40px -22px #00000047}.lp-card:hover:before{opacity:1;transform:translate(-8%,8%) scale(1.1)}.lp-card:focus-visible{outline-offset:3px;border-radius:18px}.lp-card-side{position:relative;display:flex;flex-direction:column;gap:.25rem;padding-right:1.5rem;border-right:1px solid var(--w06)}.lp-card-date{display:flex;flex-direction:column}.lp-card-day{font-size:2.3rem;font-weight:700;line-height:1;letter-spacing:-.06em;color:var(--t1);font-variant-numeric:tabular-nums}.lp-card-month{margin-top:.35rem;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--t7)}.lp-card-read{margin-top:auto;padding-top:1rem;font-size:.6rem;letter-spacing:.06em;color:var(--t9)}.lp-card-main{position:relative;display:flex;flex-direction:column;min-width:0}.lp-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;margin:0 0 .8rem;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t7)}.lp-level{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .6rem;border:1px solid var(--w10);border-radius:999px;color:var(--t5)}.lp-level:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--t9)}.lp-level--easy:before{background:#22c55e}.lp-level--medium:before{background:#f59e0b}.lp-level--hard:before{background:#ef4444}.lp-card-platform{color:var(--t4);font-weight:600}.lp-card-lang{padding:.15rem .4rem;border-radius:4px;background:var(--t1);color:var(--inv);font-weight:600}.lp-card-title{margin:0;font-size:clamp(1.12rem,2vw,1.4rem);font-weight:700;line-height:1.22;letter-spacing:-.035em;color:var(--t1);text-wrap:balance}.lp-card-desc{display:block;margin-top:.65rem;max-width:68ch;font-size:.8rem;line-height:1.7;color:var(--t6);text-wrap:pretty}.lp-card-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:1.15rem}.lp-card-stack{display:flex;flex-wrap:wrap;gap:.3rem}.lp-card-stack span{font-size:.62rem;color:var(--t4);padding:.22rem .55rem;border:1px solid var(--w08);border-radius:6px;background:var(--w02)}.lp-card-tags{display:flex;flex-wrap:wrap;gap:.2rem .75rem;font-size:.64rem;color:var(--t9)}.lp-card-arrow{width:22px;height:22px;flex:none;color:var(--t9);transition:transform .35s var(--lp-ease),color .25s ease}.lp-card:hover .lp-card-arrow{color:var(--t1);transform:translate(3px,-3px)}.lp-empty{display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;padding:3rem 1.5rem;border:1px dashed var(--w15);border-radius:18px;background:var(--w02);font-size:.8rem;line-height:1.7;color:var(--t6)}.lp-empty[hidden]{display:none}.lp-empty-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:.4rem;border:1px solid var(--w10);border-radius:12px;background:var(--panel)}.lp-empty-icon svg{width:18px;height:18px;stroke:var(--t7)}.lp-empty-title{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;color:var(--t1)}.lp-empty p{max-width:46ch}.lp-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem}.lp-btn{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;padding:.65rem 1.05rem;border-radius:999px;border:1px solid var(--w12);background:var(--panel);font:inherit;font-size:.7rem;font-weight:600;color:var(--t2);text-decoration:none;transition:border-color .2s ease,transform .15s ease}.lp-btn:hover{border-color:var(--w30)}.lp-btn:active{transform:scale(.97)}.lp-btn-primary{background:var(--t1);border-color:var(--t1);color:var(--inv)}.lp-btn-primary:hover{border-color:var(--t1);opacity:.88}.lp-topics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:.9rem}.lp-topic{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;padding:1.35rem 1.4rem 1.2rem;background:var(--panel);border:1px solid var(--w08);border-radius:18px;transition:transform .4s var(--lp-ease),box-shadow .4s var(--lp-ease),border-color .3s ease;animation:lpIn .7s var(--lp-ease) calc(.12s + var(--i,0) * 50ms) backwards;scroll-margin-top:5rem}.lp-topic:hover{transform:translateY(-3px);border-color:var(--w15);box-shadow:0 1px 2px #0000000a,0 18px 40px -22px #00000047}.lp-topic-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.post-wrap .lp-topic-h{margin:0;min-width:0;font-size:inherit;line-height:1.2}.lp-topic-name{min-width:0;overflow-wrap:anywhere;font-size:1.2rem;font-weight:700;letter-spacing:-.04em;color:var(--t1);text-decoration:none}.lp-topic-name span{color:var(--t10);font-weight:500}.lp-topic-name:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--w25)}.lp-topic-count{flex:none;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t8);font-variant-numeric:tabular-nums}.lp-topic-count b{font-size:.95rem;letter-spacing:-.02em;color:var(--t1);margin-right:.25rem}.lp-topic-bar{position:relative;display:block;height:2px;margin:.9rem 0 .4rem;border-radius:2px;background:var(--w06);overflow:hidden}.lp-topic-bar:after{content:"";position:absolute;inset:0;background:var(--w35);border-radius:inherit;transform:scaleX(var(--share,1));transform-origin:left;animation:lpGrow .9s var(--lp-ease) calc(.3s + var(--i,0) * 50ms) backwards}.lp-topic-posts{list-style:none;margin:0;padding:0}.lp-topic-posts li{border-top:1px solid var(--w05)}.lp-topic-posts li:first-child{border-top:0}.lp-topic-posts a{display:flex;flex-direction:column;gap:.2rem;padding:.65rem 0;text-decoration:none;font-size:.76rem;line-height:1.45;color:var(--t3);transition:color .2s ease}.lp-topic-posts a:hover{color:var(--t1)}.lp-topic-posts a:hover .lp-topic-post-title{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--w25)}.lp-topic-post-meta{display:flex;gap:.6rem;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t9)}.lp-topic-more{margin-top:auto;padding-top:.75rem;align-self:flex-start;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t1);text-decoration:none;border-bottom:1px solid var(--w20);transition:border-color .2s ease}.lp-topic-more span{display:inline-block;transition:transform .3s var(--lp-ease)}.lp-topic-more:hover{border-color:var(--t1)}.lp-topic-more:hover span{transform:translate(3px)}.lp-related{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--w08)}.post-wrap .lp-related h2{margin:0 0 1rem;font-size:.64rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--t8)}.lp-related ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}.lp-related a{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .55rem .5rem .85rem;font-size:.7rem;color:var(--t5);text-decoration:none;border:1px solid var(--w10);border-radius:999px;background:var(--panel);transition:color .2s ease,border-color .2s ease}.lp-related a:hover{color:var(--t1);border-color:var(--w25)}.lp-related b{min-width:1.35rem;padding:.1rem .35rem;border-radius:999px;background:var(--w05);font-weight:500;font-size:.62rem;color:var(--t7);text-align:center}@keyframes lpIn{0%{opacity:0;transform:translateY(14px)}}@keyframes lpGrow{0%{transform:scaleX(0)}}@media (max-width:640px){.post-wrap.lp-wrap{--lp-gutter:1.15rem}.lp-head{margin-bottom:2rem}.lp-lede{font-size:.82rem}.lp-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}.lp-stats div,.lp-stats div+div{padding:.8rem .9rem .8rem 0;border-left:0}.lp-stats div:nth-child(2n){padding-left:.9rem;border-left:1px solid var(--w06)}.lp-stats div:nth-child(n+3){border-top:1px solid var(--w06)}.lp-stats div:last-child:nth-child(odd){grid-column:1/-1}.lp-stats dd{font-size:.95rem}.lp-kbd{display:none}.lp-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--lp-gutter) * -1);padding:.1rem var(--lp-gutter) .2rem;scroll-padding-inline:var(--lp-gutter);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--lp-gutter),#000 calc(100% - var(--lp-gutter)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--lp-gutter),#000 calc(100% - var(--lp-gutter)),transparent)}.lp-chips::-webkit-scrollbar{display:none}.lp-card{grid-template-columns:minmax(0,1fr);padding:1.2rem 1.2rem 1.25rem;border-radius:16px}.lp-card-side{flex-direction:row;align-items:baseline;gap:.75rem;margin-bottom:.95rem;padding:0 2.25rem .85rem 0;border-right:0;border-bottom:1px solid var(--w06)}.lp-card-date{flex-direction:row;align-items:baseline;gap:.45rem}.lp-card-day{font-size:1.25rem}.lp-card-month,.lp-card-read{margin:0;padding:0}.lp-card-read:before{content:"·";margin-right:.75rem;color:var(--w25)}.lp-card-arrow{position:absolute;top:1.15rem;right:1.15rem;width:20px;height:20px}.lp-card-desc{font-size:.78rem}.lp-topic{padding:1.2rem 1.2rem 1.1rem;border-radius:16px}.lp-empty{padding:2.25rem 1.1rem}}@media (hover:none){.lp-card:hover,.lp-topic:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.lp-head,.lp-filter,.lp-card,.lp-topic,.lp-topic-bar:after{animation:none}.lp-card,.lp-topic,.lp-chip,.lp-btn,.lp-card-arrow,.lp-card:before,.lp-back span,.lp-topic-more span{transition:none}.lp-card:hover,.lp-topic:hover,.lp-card:hover .lp-card-arrow{transform:none}}