@font-face{font-family:Klee One Stroke Title;src:url(/fonts/klee-one/klee-one-stroke-title.woff2)format("woff2");font-display:swap}.sot{--sot-accent:#165e83;--sot-guide:#165e8347;--sot-ghost:#71717a29;--sot-paper:#ffffff8c;--sot-reading:#71717a;--sot-count:#a1a1aa;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.2vw,10px);max-width:30rem;margin:4px auto 0;display:grid}.dark .sot{--sot-accent:#8cbad3;--sot-guide:#8cbad340;--sot-ghost:#a1a1aa24;--sot-paper:#18181b8c;--sot-reading:#a1a1aa;--sot-count:#71717a}@media (width>=1024px){.sot{margin-left:0}}.sot-cell{justify-items:center;gap:6px;margin:0;display:grid}.sot-square{aspect-ratio:1;cursor:pointer;background:var(--sot-paper);width:100%;color:var(--sot-accent);border:0;border-radius:10px;padding:0;display:block;position:relative}.sot-square:focus-visible{outline-offset:3px;outline:2px solid #5996ba}.sot-square svg{width:100%;height:100%;display:block}.sot-frame{fill:none;stroke:var(--sot-guide);stroke-width:1.2px;transition:stroke .2s}.sot-square:hover .sot-frame{stroke:var(--sot-accent)}.sot-cross{fill:none;stroke:var(--sot-guide);stroke-width:.9px;stroke-dasharray:3 3}.sot-ghost path,.sot-ink path{fill:none;stroke-width:4.4px;stroke-linecap:round;stroke-linejoin:round}.sot-ghost path{stroke:var(--sot-ghost)}.sot-ink path{stroke:currentColor}@media (prefers-reduced-motion:no-preference){:global(html:not(.vt-arrived)) .sot:not([data-ready]) .sot-ink{opacity:0}}.sot-count{color:var(--sot-count);font:400 clamp(8px,.55rem + .15vw,11px)/1 Klee One Stroke Title,ui-sans-serif,system-ui,sans-serif;position:absolute;top:4px;right:6px}.sot-reading{min-height:1em;color:var(--sot-reading);letter-spacing:.12em;font:400 clamp(.7rem,.64rem + .3vw,.9rem)/1 Klee One Stroke Title,ui-sans-serif,system-ui,sans-serif}.pb{--pb-fh:clamp(26px, 24px + .4vw, 30px);--pb-bg:#fffc;--pb-edge:#e4e4e799;--pb-shadow:0 20px 25px -5px #18181b0f, 0 8px 10px -6px #18181b0f;--pb-text:#18181b;--pb-muted:#71717a;--pb-faint:#a1a1aa;--pb-tile-1:#fafafabf;--pb-tile-2:#f4f4f5b3;--pb-tile-3:#ececefb3;--pb-tile-edge:#d4d4d8cc;--pb-tile-lift:0 1px 2px #18181b0d;--pb-leaf-1:#fafafa;--pb-leaf-2:#f4f4f5;--pb-leaf-3:#ececef;--pb-pin:#c4c4ca;--pb-without-1:#e4e4e7b3;--pb-without-2:#d4d4d8b3;--pb-without-text:#52525b;--pb-with-1:#1c6d97d9;--pb-with-2:#155b7fd9;--pb-switch-bg:#fff9;--pb-switch-edge:#e4e4e7cc;--pb-switch-on:#27272a;--pb-selected:#165e83;--pb-detail-bg:#fff9;--pb-detail-edge:#e4e4e7b3;--pb-fold:.78;--pb-hover:.985;text-align:left;background:var(--pb-bg);color:var(--pb-text);box-shadow:inset 0 0 0 1px var(--pb-edge), var(--pb-shadow);backdrop-filter:blur(12px);border-radius:16px;padding:12px;font-size:16px;position:relative}.dark .pb{--pb-bg:#18181bb3;--pb-edge:#3f3f4680;--pb-shadow:0 20px 25px -5px #0003, 0 8px 10px -6px #0003;--pb-text:#f4f4f5;--pb-muted:#a1a1aa;--pb-faint:#71717a;--pb-tile-1:#3f3f4680;--pb-tile-2:#34343a80;--pb-tile-3:#27272a8c;--pb-tile-edge:#00000073;--pb-tile-lift:0 1px 0 #ffffff08;--pb-leaf-1:#2e2e33;--pb-leaf-2:#28282c;--pb-leaf-3:#222226;--pb-pin:#0b0b0d;--pb-without-1:#52525b8c;--pb-without-2:#3f3f468c;--pb-without-text:#d4d4d8;--pb-switch-bg:#27272a80;--pb-switch-edge:#3f3f4699;--pb-switch-on:#3f3f46;--pb-selected:#8cbad3;--pb-detail-bg:#18181b80;--pb-detail-edge:#3f3f4680;--pb-fold:.5;--pb-hover:1.12}.pb-head{flex-wrap:wrap;align-items:center;gap:6px 12px;padding:0 2px 10px;font-size:13px;font-weight:600;display:flex}.pb-title{align-items:baseline;gap:8px;margin-right:auto;display:inline-flex}.pb-title-sub{color:var(--pb-muted);font-size:12px;font-weight:500}.pb-clock{font-variant-numeric:tabular-nums}.pb-clock b{background:linear-gradient(var(--pb-tile-1), var(--pb-tile-3));box-shadow:inset 0 -1px 0 var(--pb-tile-edge), var(--pb-tile-lift);border-radius:4px;margin-left:4px;padding:1px 6px;display:inline-block}.pb-switch{cursor:pointer;font:inherit;background:var(--pb-switch-bg);border:1px solid var(--pb-switch-edge);color:var(--pb-faint);border-radius:8px;gap:2px;padding:2px;font-size:12px;display:inline-flex}.pb-switch span{border-radius:6px;padding:2px 8px;transition:background-color .25s,color .25s}.pb-switch .is-on{background:var(--pb-switch-on);color:#fff}.pb-switch:focus-visible,.pb-line:focus-visible,.pb-link:focus-visible{outline-offset:2px;outline:2px solid #5996ba}.pb-lines{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pb-line{all:unset;box-sizing:border-box;cursor:pointer;border-radius:6px;grid-template-columns:3.1rem minmax(0,1fr);gap:6px;width:100%;display:grid}.pb-line:hover .pb-half:not(.pb-leaf),.pb-line:hover .pb-tag{filter:brightness(var(--pb-hover))}.pb-line[aria-expanded=true] .pb-flap{box-shadow:0 0 0 1.5px var(--pb-selected)}.pb-tag{height:var(--pb-fh);box-shadow:inset 0 -1px 0 #00000026, var(--pb-tile-lift);border-radius:4px;place-items:center;font-size:12px;font-weight:700;display:grid}.pb-tag.is-without{background:linear-gradient(var(--pb-without-1), var(--pb-without-2));color:var(--pb-without-text)}.pb-tag.is-with{background:linear-gradient(var(--pb-with-1), var(--pb-with-2));color:#fff}.pb-flap{height:var(--pb-fh);perspective:420px;letter-spacing:.01em;border-radius:5px;font-size:clamp(12.5px,12px + .2vw,14px);font-weight:600;display:block;position:relative}.pb-flap:before,.pb-flap:after{content:"";z-index:3;background:var(--pb-pin);border-radius:1px;width:3px;height:6px;position:absolute;top:calc(50% - 3px)}.pb-flap:before{left:-1px}.pb-flap:after{right:-1px}.pb-half{height:50%;position:absolute;left:0;right:0;overflow:hidden}.pb-top{background:linear-gradient(var(--pb-tile-1), var(--pb-tile-2));transform-origin:50% 100%;border-radius:5px 5px 0 0;top:0}.pb-top:not(.pb-leaf){box-shadow:var(--pb-tile-lift)}.pb-bottom{background:linear-gradient(var(--pb-tile-2), var(--pb-tile-3));transform-origin:50% 0;box-shadow:inset 0 -1px 0 var(--pb-tile-edge);border-radius:0 0 5px 5px;bottom:0}.pb-text{height:var(--pb-fh);line-height:var(--pb-fh);white-space:nowrap;text-overflow:ellipsis;position:absolute;left:10px;right:28px;overflow:hidden}.pb-top .pb-text{top:0}.pb-bottom .pb-text{top:calc(var(--pb-fh) / -2)}.pb-leaf{z-index:2;backface-visibility:hidden}.pb-leaf.pb-top{background:linear-gradient(var(--pb-leaf-1), var(--pb-leaf-2))}.pb-leaf.pb-bottom{background:linear-gradient(var(--pb-leaf-2), var(--pb-leaf-3))}.pb-chevron{z-index:4;border:solid var(--pb-faint);border-width:0 1.5px 1.5px 0;width:7px;height:7px;margin-top:-5px;transition:transform .25s,margin .25s;position:absolute;top:50%;right:11px;transform:rotate(45deg)}.pb-line[aria-expanded=true] .pb-chevron{border-color:var(--pb-selected);margin-top:-1px;transform:rotate(-135deg)}.pb-detail{overflow:hidden}.pb-detail-inner{background:var(--pb-detail-bg);box-shadow:inset 0 0 0 1px var(--pb-detail-edge);border-radius:6px;margin:5px 0 1px calc(3.1rem + 6px);padding:10px 12px 11px;font-size:13.5px;line-height:1.55}@media (width<=420px){.pb-detail-inner{margin-left:0}}@media (width<=400px){.pb{padding:10px 8px}.pb-line{grid-template-columns:2.75rem minmax(0,1fr);gap:5px}.pb-flap{letter-spacing:0}.pb-text{left:8px;right:23px}.pb-chevron{right:9px}}.pb-word{color:var(--pb-muted);margin:0 0 4px;font-size:12px}.pb-word b{color:var(--pb-text);margin-right:6px;font-size:15px;font-weight:700}.pb-word rt{color:var(--pb-muted);font-size:.6em;font-weight:500}.pb-body{margin:0}.pb-link{cursor:pointer;color:var(--pb-selected);font:inherit;background:0 0;border:0;border-radius:4px;margin-top:6px;padding:0;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.pb-link:hover{text-decoration:underline}