body.p-blog{--tt-r:red;--tt-g:#0f0;--tt-y:#ff0;--tt-b:#00f;--tt-m:#f0f;--tt-c:#0ff;--tt-w:#fff;--tt-k:#000;background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 48px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 48px 100%, var(--paper-0)}.bt-field{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.p-blog .bt-room{z-index:2;max-width:var(--wrap);padding:30px var(--gut) 10px;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:26px;margin:0 auto;display:grid;position:relative}.p-blog .bt-tv{background:var(--paper-1);border:1px solid var(--line-2);padding:0;position:relative}.p-blog .bt-tv:before{content:"teletext";font:500 11px/1.3 var(--f-term);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);padding:7px 14px;display:block}.p-blog .bt-tv:after{content:"+";font:400 14px/1 var(--f-term);color:var(--ink-3);position:absolute;bottom:-9px;right:-5px}.p-blog .bt-screen{min-height:640px;color:var(--tt-w);background:var(--tt-k);font:400 28px/1.12 var(--f-osd);letter-spacing:.02em;margin:14px;padding:22px 30px 18px;position:relative;overflow:hidden}.p-blog .bt-screen:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.p-blog .bt-head{color:var(--tt-w);flex-wrap:wrap;gap:0 22px;margin:0 0 14px;font-size:28px;display:flex}.p-blog .bt-head__s{color:var(--tt-y)}.p-blog .bt-head__s b{color:var(--tt-w);font-weight:400}.p-blog .bt-head__c{color:var(--tt-y);margin-left:auto}.p-blog .bt-band{background:var(--tt-b);margin:0 -30px 18px;padding:14px 30px 12px;position:relative}.p-blog .bt-smile{width:108px;height:108px;image-rendering:pixelated;position:absolute;top:14px;right:30px}.p-blog .site>.frame h1.bt-title{margin:0;line-height:0}.p-blog .bt-mosaic{max-width:100%;height:auto;image-rendering:pixelated;display:block}.p-blog .bt-band__sub{color:var(--tt-c);margin:8px 0 0;font-size:26px}.p-blog .bt-intro{color:var(--tt-w);margin:0 0 18px}.p-blog .bt-intro[hidden],.p-blog .bt-body[hidden]{display:none}.p-blog .bt-wait{color:var(--tt-y)}.p-blog .bt-sect{color:var(--tt-k);background:var(--tt-c);margin:0 0 6px;padding:0 10px}.p-blog .bt-row{color:var(--rc);grid-template-columns:minmax(0,1fr) auto 3.4ch;align-items:baseline;gap:0 18px;padding:2px 10px;text-decoration:none;display:grid}.p-blog .bt-row__t{white-space:nowrap;overflow:hidden}.p-blog .bt-row__t:after{content:" ............................................................................................................";color:var(--tt-w)}.p-blog .bt-row__d{color:var(--tt-w)}.p-blog .bt-row__n{text-align:right;color:var(--tt-w)}.p-blog .bt-row.is-read .bt-row__n:before{content:"■";color:var(--tt-g)}.p-blog .bt-row:hover,.p-blog .bt-row:focus-visible{color:var(--tt-k);background:var(--rc);box-shadow:none;outline:none}.p-blog .bt-row:hover *,.p-blog .bt-row:focus-visible *,.p-blog .bt-row:hover .bt-row__t:after{color:var(--tt-k)}.p-blog .c-cyan{--rc:var(--tt-c)}.p-blog .c-yellow{--rc:var(--tt-y)}.p-blog .c-green{--rc:var(--tt-g)}.p-blog .c-magenta{--rc:var(--tt-m)}.p-blog .c-white{--rc:var(--tt-w)}.p-blog .bt-hint{color:var(--tt-m);margin:14px 0 0;padding:0 10px}.p-blog .bt-post__t{font:400 32px/1 var(--f-osd);color:var(--tt-y);transform-origin:0 0;margin:0 0 1.15em;display:block;transform:scaleY(2)}.p-blog .bt-post__body{font-size:27px;line-height:1.2}.p-blog .bt-post__body p{margin:0 0 .8em}.p-blog .bt-post__body a{color:var(--tt-c);text-decoration-color:var(--tt-c)}.p-blog .bt-post__body a:hover{color:var(--tt-k);background:var(--tt-c)}.p-blog .bt-post__body h1,.p-blog .bt-post__body h2,.p-blog .bt-post__body h3{font:400 30px/1 var(--f-osd);color:var(--tt-g);margin:1em 0 .4em}.p-blog .bt-post__body .emote,.p-blog .bt-post__body img.emote{vertical-align:-.15em;width:auto;height:1em;image-rendering:pixelated}.p-blog .bt-post__body img:not(.emote){border:4px solid var(--tt-w);max-width:100%;height:auto;margin:10px 0;display:block}.p-blog .bt-post__body video{border:4px solid var(--tt-w);max-width:100%}.p-blog .bt-post__body code,.p-blog .bt-post__body pre{font:inherit;color:var(--tt-g)}.p-blog .bt-post__body blockquote{border-left:6px solid var(--tt-m);color:var(--tt-m);margin:0 0 .8em;padding-left:14px}.p-blog .bt-post__body ul,.p-blog .bt-post__body ol{padding-left:1.4em}.p-blog .bt-fast{background:var(--tt-k);border-top:4px solid #1a1a1a;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 10px;margin:20px -30px -18px;padding:8px 30px 10px;display:grid}.p-blog .bt-fast>*{white-space:nowrap;text-overflow:ellipsis;padding:2px 6px;text-decoration:none;overflow:hidden}.p-blog .bt-fast .f0{color:var(--tt-r)}.p-blog .bt-fast .f1{color:var(--tt-g)}.p-blog .bt-fast .f2{color:var(--tt-y)}.p-blog .bt-fast .f3{color:var(--tt-c)}.p-blog .bt-fast a:hover,.p-blog .bt-fast a:focus-visible{color:var(--tt-k);box-shadow:none;outline:none}.p-blog .bt-fast a.f0:hover,.p-blog .bt-fast a.f0:focus-visible{background:var(--tt-r)}.p-blog .bt-fast a.f1:hover,.p-blog .bt-fast a.f1:focus-visible{background:var(--tt-g)}.p-blog .bt-fast a.f2:hover,.p-blog .bt-fast a.f2:focus-visible{background:var(--tt-y)}.p-blog .bt-fast a.f3:hover,.p-blog .bt-fast a.f3:focus-visible{background:var(--tt-c)}.p-blog .bt-remote{border:1px solid var(--line-2);color:var(--ink);background:#131110f5;gap:12px;padding:0 14px 16px;display:grid;position:sticky;top:16px}.p-blog .bt-remote:before{content:"remote";font:500 11px/1.3 var(--f-term);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-2);margin:0 -14px;padding:7px 14px}.p-blog .bt-remote__lcd{font:400 40px/1 var(--f-osd);letter-spacing:.06em;text-align:center;color:var(--sig);background:var(--paper-0);border:1px solid var(--line-2);margin:0;padding:8px 12px 6px}.p-blog .bt-keys{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.p-blog .bt-keys button,.p-blog .bt-index{height:44px;font:500 16px/1 var(--f-term);color:var(--ink);background:var(--paper-2);border:1px solid var(--line-2);cursor:pointer;border-radius:0;padding:0}.p-blog .bt-keys button:hover,.p-blog .bt-index:hover{color:var(--paper-0);background:var(--ink)}.p-blog .bt-keys button:active,.p-blog .bt-keys button.is-down,.p-blog .bt-index:active,.p-blog .bt-index.is-down{color:var(--paper-0);background:var(--sig)}.p-blog .bt-colours{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.p-blog .bt-colours button{height:30px;font:400 11px/1 var(--f-term);color:#000;white-space:nowrap;cursor:pointer;border:0;border-radius:0;padding:0 2px;overflow:hidden}.p-blog .bt-colours .k-red{background:red}.p-blog .bt-colours .k-green{background:#0f0}.p-blog .bt-colours .k-yellow{background:#ff0}.p-blog .bt-colours .k-cyan{background:#0ff}.p-blog .bt-colours button:disabled{opacity:.3}.p-blog .bt-index{text-transform:uppercase;letter-spacing:.1em;width:100%}.p-blog .bt-dir{border-top:1px solid var(--line-2);scrollbar-color:var(--ink-4) transparent;max-height:330px;margin:0;padding:4px 0;list-style:none;overflow:auto}.p-blog .bt-dir a{font:400 12.5px/1.3 var(--f-term);color:var(--ink-2);grid-template-columns:3.4ch minmax(0,1fr);gap:10px;padding:4px;text-decoration:none;display:grid}.p-blog .bt-dir a b{color:var(--sig);font-weight:500}.p-blog .bt-dir a:hover,.p-blog .bt-dir a[aria-current=page]{color:var(--paper-0);background:var(--ink)}.p-blog .bt-dir a:hover b,.p-blog .bt-dir a[aria-current=page] b{color:var(--paper-0)}@media (width<=1100px){.p-blog .bt-room{grid-template-columns:minmax(0,1fr)}.p-blog .bt-remote{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;position:relative;top:0}.p-blog .bt-remote:before,.p-blog .bt-remote__lcd,.p-blog .bt-index,.p-blog .bt-dir{grid-column:1/-1}.p-blog .bt-dir{max-height:none}}@media (width<=640px){.p-blog .bt-room{padding-top:20px}.p-blog .bt-screen{min-height:0;margin:8px;padding:14px 14px 12px;font-size:22px}.p-blog .bt-head{gap:0 12px;font-size:20px}.p-blog .bt-band{margin:0 -14px 14px;padding:10px 14px 8px}.p-blog .bt-band__sub{font-size:20px}.p-blog .bt-row{grid-template-columns:minmax(0,1fr) 3.4ch}.p-blog .bt-row__d{display:none}.p-blog .bt-post__t{font-size:24px}.p-blog .bt-post__body{font-size:22px}.p-blog .bt-fast{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px -14px -12px;padding:6px 14px 8px}.p-blog .bt-remote{grid-template-columns:minmax(0,1fr)}.p-blog .bt-smile{width:64px;height:64px;top:10px;right:14px}}.p-blog .bt-band__sub:empty{display:none}.p-blog.bt-lit{background:var(--paper-0)}.p-blog.bt-lit .bt-tv,.p-blog.bt-lit .bt-remote{background:0 0;border-color:#0000}.p-blog .bt-screen{box-shadow:0 0 0 8px #0c0b0a, 0 0 0 9px var(--line-2), 0 0 0 16px #1b1815, 0 0 0 17px #2b2621, 10px 12px 0 16px #060505;border-radius:26px/22px;margin:22px}.p-blog .bt-screen:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:radial-gradient(115% 112%,#0000 60%,#00000080 100%),linear-gradient(165deg,#ffffff17 0%,#ffffff08 20%,#0000 32%);position:absolute;inset:0}.p-blog .bt-keys button,.p-blog .bt-index,.p-blog .bt-colours button,.p-blog .bt-dir button,.p-blog .bt-fast button{box-shadow:0 4px 0 #060505, 0 4px 0 1px var(--line-2);border-radius:6px;transition:transform 60ms,box-shadow 60ms,background .12s,color .12s;position:relative;transform:translateY(0)}.p-blog .bt-keys button:active,.p-blog .bt-keys button.is-down,.p-blog .bt-index:active,.p-blog .bt-index.is-down,.p-blog .bt-colours button:active,.p-blog .bt-dir button:active,.p-blog .bt-fast button:active{box-shadow:0 1px 0 #060505, 0 1px 0 1px var(--line-2);transform:translateY(3px)}@media (width<=760px){.p-blog .bt-screen{margin:14px}}.p-blog .bt-remote__3d{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.p-blog .bt-remote.is-3d>:not(.bt-remote__3d){z-index:1;position:relative}.p-blog .bt-remote.is-3d .bt-keys button,.p-blog .bt-remote.is-3d .bt-colours button,.p-blog .bt-remote.is-3d .bt-index{opacity:0}
