.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;display:flex;position:relative}.focus-word{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:2rem;font-weight:600;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.focus-corner{width:1rem;height:1rem;filter:drop-shadow(0 0 4px var(--foreground));transition:none;position:absolute}.focus-corner.top-left{border-bottom:none;border-right:none;top:-10px;left:-10px}.focus-corner.top-right{border-bottom:none;border-left:none;top:-10px;right:-10px}.focus-corner.bottom-left{border-top:none;border-right:none;bottom:-10px;left:-10px}.focus-corner.bottom-right{border-top:none;border-left:none;bottom:-10px;right:-10px}.avatar-wrapper{width:180px;height:220px;position:relative}.avatar-polygon-container{clip-path:polygon(16% 37%,15% 88%,25% 100%,25% 53%,74% 34%,75% 75%,25% 75%,24% 100%,86% 78%,100% 1%);background:var(--foreground);z-index:1;width:180px;height:220px;position:relative;overflow:visible}.avatar-img{object-fit:cover;z-index:2;transition:filter .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.dark .avatar-img,.terminal .avatar-img{filter:invert()brightness(2)}.ruby-furigana{transition:opacity .4s,transform .4s}.ruby-furigana.fade-in{opacity:1;transform:translateY(0)}.ruby-furigana.fade-out{opacity:0;transform:translateY(30px)}
.line-sidebar{--accent-color:var(--primary);--text-color:var(--accent-foreground);--marker-color:var(--border);--marker-length:60px;--marker-gap:0px;--tick-scale:.5;--max-shift:30px;--item-gap:20px;--font-size:1.1rem;--smoothing:.1s;justify-content:flex-start;display:flex;position:relative}.line-sidebar--markers{padding-left:calc(var(--marker-length) + var(--marker-gap))}.line-sidebar__list{gap:var(--item-gap);flex-direction:column;margin:0;padding:1rem 0;list-style:none;display:flex}.line-sidebar__item{cursor:pointer;position:relative}.line-sidebar__item:before{content:"";position:absolute;inset:-6px -48px}.line-sidebar__label{font-size:var(--font-size);color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--text-color));transform:translateX(calc(var(--effect,0) * var(--max-shift)));align-items:baseline;line-height:1.2;display:inline-flex;position:relative}.line-sidebar__index{opacity:calc(.55 + var(--effect,0) * .45);margin-right:.6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.line-sidebar__marker{top:50%;left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:var(--marker-length);background-color:color-mix(in srgb, var(--accent-color) calc(var(--effect,0) * 100%), var(--marker-color));transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .5));position:absolute}.line-sidebar--markers .line-sidebar__item:not(:last-child):after{content:"";top:calc(100% + var(--item-gap) / 2);left:calc(-1 * var(--marker-length) - var(--marker-gap));height:1px;width:calc(var(--marker-length) * var(--tick-scale));background-color:var(--marker-color);opacity:.5;position:absolute;transform:translateY(-50%)}.line-sidebar--scale-tick .line-sidebar__item:not(:last-child):after{transform-origin:0;transform:translateY(-50%) scaleX(calc(.7 + var(--effect,0) * .6))}