.shell{min-height:100dvh;display:grid}@media (min-width:1024px){.shell{grid-template-columns:248px minmax(0,1fr)}}.side{display:none}@media (min-width:1024px){.side{border-right:var(--bd);background:var(--paper);flex-direction:column;gap:4px;height:100dvh;padding:20px 14px 16px;display:flex;position:sticky;top:0;overflow-y:auto}}.side .wordmark{padding:2px 8px 16px}.me{border-radius:var(--r);border:var(--bd-thin);background:var(--card);box-shadow:3px 3px 0 var(--ink);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:9px 10px;display:grid}.me:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.me[data-on="1"]{box-shadow:4px 4px 0 var(--cobalt), 4px 4px 0 2px var(--ink)}.me b{font:700 14px/18px var(--font-sans);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.me span{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:16px;display:block;overflow:hidden}.ava{object-fit:cover;background:var(--cobalt);width:40px;height:40px;font:400 20px/1 var(--font-display);color:var(--card);border:2px solid var(--ink);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.ava.lg{width:76px;height:76px;box-shadow:3px 3px 0 var(--red);border-width:2.5px;font-size:36px}.ava.sm{width:30px;height:30px;font-size:15px}.nav-g{font:700 10.5px/14px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:18px;padding:0 10px 6px}.nav-i{border-radius:var(--r);height:38px;font:600 14.5px/20px var(--font-sans);color:var(--ink);border:2px solid #0000;align-items:center;gap:10px;padding:0 10px;transition:background-color .12s;display:flex}.nav-i .ico{width:18px;height:18px;color:var(--ink)}.nav-i:hover{background:var(--card);border-color:var(--ink)}.nav-i[data-on="1"]{background:var(--cobalt);border-color:var(--ink);color:var(--card);box-shadow:3px 3px 0 var(--ink)}.nav-i[data-on="1"] .ico{color:var(--card)}.side-foot{gap:8px;margin-top:auto;padding-top:14px;display:grid}.credits{--notch:34px;gap:8px;padding:12px 14px;display:grid}.credits b{font:700 15px/1 var(--font-mono);color:var(--ink)}.credits small{color:var(--ink-3);font-size:11.5px;line-height:15px}.meter{border:2px solid var(--ink);background:var(--card);height:10px;overflow:hidden}.meter i{background:var(--red) var(--screen) center / 172px auto;border-right:2px solid var(--ink);height:100%;display:block}.topbar{z-index:25;background:var(--paper);border-bottom:var(--bd);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}@media (min-width:1024px){.topbar{display:none}}.work{min-width:0}.work-in{width:100%;max-width:1280px;margin-inline:auto;padding:18px 16px 120px}@media (min-width:640px){.work-in{padding:28px 32px 64px}}.phead{border-bottom:var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;margin-bottom:26px;padding-bottom:16px;display:flex}.phead h1{font:400 clamp(34px, 4.2vw, 46px)/1 var(--font-display);letter-spacing:-.015em;color:var(--ink)}.phead h1 em,.phead h1 i{color:var(--red);font-style:italic}.phead p{color:var(--ink-3);margin-top:6px;font-size:14px;line-height:20px}.phead .acts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app .card{border-radius:var(--r);border:var(--bd);background:var(--card);box-shadow:var(--slab);min-width:0;animation:sheet .42s var(--ease-out) both;position:relative}.app .grid12>:nth-child(2){animation-delay:50ms}.app .grid12>:nth-child(3){animation-delay:.1s}.app .grid12>:nth-child(4){animation-delay:.15s}.app .grid12>:nth-child(n+5){animation-delay:.2s}.app a.card{transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out);display:block}.app a.card:hover{box-shadow:8px 8px 0 var(--cobalt), 8px 8px 0 2.5px var(--ink);transform:translate(-2px,-2px)}.app .card-h{border-bottom:2px dashed var(--ink);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 18px;display:flex}.app .card-h h2{font:400 23px/26px var(--font-display);letter-spacing:-.01em;color:var(--ink)}.app .card-b{padding:18px}.app .t-body{color:var(--ink-2);font-size:14.5px;line-height:22px}.app .t-meta{color:var(--ink-3);font-size:12.5px;line-height:18px}.app .t-lbl{font:700 10.5px/16px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);display:block}.app .t-big{font:400 24px/30px var(--font-display);color:var(--ink)}.app .in{min-height:44px;padding:10px 14px;font-size:15px}.app textarea.in{min-height:96px}.app .lbl{margin-bottom:8px}.app .btn{height:40px;padding:0 16px;font-size:13.5px}.app .btn.sm{height:32px;padding:0 12px;font-size:12px}.app .btn.lg{height:46px;padding:0 22px;font-size:14.5px}.app .opt{padding:12px 14px}.app .frame{padding:8px}.seg{border:var(--bd-thin);border-radius:var(--r);background:var(--card);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.seg button,.seg a{height:36px;font:700 12.5px/1 var(--font-narrow);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap;place-items:center;padding:0 10px;transition:background-color .12s,color .12s;display:grid}.seg>*+*{border-left:2px solid var(--ink)}.seg button:hover,.seg a:hover{background:var(--well)}.seg [aria-pressed=true],.seg [aria-current=page]{background:var(--ink);color:var(--card)}.seg button:disabled{color:var(--ink-4);cursor:not-allowed}.bench{align-items:start;gap:22px;display:grid}@media (min-width:1100px){.bench{grid-template-columns:400px minmax(0,1fr);gap:28px}.bench>.stick{position:sticky;top:24px}}.grid12{align-items:stretch;gap:22px;display:grid}@media (min-width:1100px){.grid12{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px}.c8{grid-column:span 8}.c4{grid-column:span 4}.c12{grid-column:span 12}.c7{grid-column:span 7}.c5{grid-column:span 5}.c6{grid-column:span 6}}.xpost{background:#fff;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px 18px 10px;display:grid;position:relative}.xpost .ava{border:0;width:40px;height:40px;font-size:18px}.xpost.threaded:before{content:"";background:#cfd9de;border-radius:2px;width:2px;position:absolute;top:60px;bottom:-6px;left:37px}.xname{min-width:0;font-size:15px;line-height:20px;font-family:var(--font-sans);align-items:baseline;gap:6px;display:flex}.xname b{color:#0f1419;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.xname span{color:#536471;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xtext{resize:none;width:100%;font:400 15px/21px var(--font-sans);color:#0f1419;field-sizing:content;background:0 0;border:0;outline:none;min-height:42px;padding:2px 0 0;display:block;overflow:hidden}.xtext:focus{outline:none}.xpost:focus-within{background:#f7f9f9}.xbar{align-items:center;gap:2px;margin-top:8px;display:flex}.ring{--p:0;--c:#1d9bf0;background:conic-gradient(var(--c) calc(var(--p) * 1%), #eff3f4 0);border-radius:999px;flex:none;width:20px;height:20px;-webkit-mask:radial-gradient(circle,#0000 6.5px,#000 7px);mask:radial-gradient(circle,#0000 6.5px,#000 7px)}.ring.warn{--c:#ffd400}.ring.over{--c:#f4212e}.xcount{font:500 12px/16px var(--font-sans);color:#536471;min-width:28px;margin-left:6px}.xcount.over{color:#f4212e}.xmini{color:#0f1419;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.xmute{color:#536471}mark,.blank{background:linear-gradient(transparent 12%, var(--mark) 12%, var(--mark) 88%, transparent 88%);color:inherit;padding:0 2px}.skel{background:var(--paper-2);border-radius:2px;animation:1.4s ease-in-out infinite proof}@keyframes proof{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.skel,.app .card{animation:none}}.xprof{border-radius:var(--r);border:var(--bd);box-shadow:var(--slab);background:#fff;overflow:hidden}.xprof .banner{aspect-ratio:3;background:#cfd9de 50%/cover no-repeat}.xprof .pf{padding:0 16px 14px}.xprof .ptop{justify-content:space-between;align-items:flex-end;display:flex}.xprof .pava{aspect-ratio:1;background:#cfd9de 50%/cover no-repeat;border:4px solid #fff;border-radius:999px;width:24%;max-width:134px;margin-top:-12%}.xprof .pbtn{height:34px;font:700 14px/32px var(--font-sans);color:#0f1419;border:1px solid #cfd9de;border-radius:999px;margin-top:12px;padding:0 16px}.xprof .pname{font:800 20px/24px var(--font-sans);color:#0f1419;margin-top:8px}.xprof .phandle{color:#536471;font-size:15px;line-height:20px}.xprof .pbio{color:#0f1419;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px;font-size:15px;line-height:20px}.xprof .pstats{color:#536471;gap:18px;margin-top:12px;font-size:14px;display:flex}.xprof .pstats b{color:#0f1419;font-weight:700}.xprof .ptabs{font:600 14px/1 var(--font-sans);color:#536471;text-align:center;border-bottom:1px solid #eff3f4;grid-template-columns:repeat(4,1fr);display:grid}.xprof .ptabs span{padding:16px 0}.xprof .ptabs span:first-child{color:#0f1419;box-shadow:inset 0 -4px #1d9bf0}.xprof .pin{padding:12px 16px 16px}.xprof .pin small{font:700 13px/16px var(--font-sans);color:#536471;margin:0 0 6px 52px;display:block}.xprof .pin img{border:1px solid #cfd9de;border-radius:16px;width:100%;margin-top:10px}.app .card .xprof{box-shadow:none;border:0;border-radius:0}.pick{text-align:left;border-radius:var(--r);border:var(--bd-thin);background:var(--card);width:100%;box-shadow:3px 3px 0 var(--ink);transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out), background-color .12s;gap:6px;padding:12px 14px;display:grid}.pick:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.pick[aria-pressed=true]{background:var(--cobalt-tint);box-shadow:4px 4px 0 var(--cobalt), 4px 4px 0 2px var(--ink)}.chk{height:30px;font:700 11px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border:2px dashed var(--ink-4);background:0 0;border-radius:3px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.chk.ok{color:var(--cobalt-ink);border:2px solid var(--cobalt);background:var(--cobalt-tint)}.chk.next{color:var(--card);border:2px solid var(--ink);background:var(--red);box-shadow:2px 2px 0 var(--ink)}.tabbar{grid-template-columns:repeat(5,1fr)}@media (min-width:1024px){.tabbar{display:none!important}}.app .btn:disabled:not(.secondary):not(.ghost){background:var(--red);color:var(--card);border-color:var(--ink);opacity:.38;box-shadow:none}.app .btn.secondary:disabled{opacity:.5}@media (min-width:1100px){.app .stick-top{position:sticky;top:24px}}.mock-n{z-index:2;width:24px;height:24px;font:700 11px/1 var(--font-mono);color:var(--card);background:var(--red);border:2px solid var(--ink);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute}.xprof [data-part]{cursor:pointer;position:relative}.xprof [data-part]:hover{outline:3px solid var(--red);outline-offset:-3px}.hl{outline:3px solid var(--mark);outline-offset:3px;transition:outline-color .6s}.starter{text-align:left;border-radius:var(--r);border:2px solid var(--ink);background:var(--card);width:100%;color:var(--ink);transition:background-color .12s, transform .12s var(--ease-out), box-shadow .12s var(--ease-out);padding:9px 12px 9px 30px;font-size:13.5px;line-height:19px;display:block;position:relative}.starter:before{content:"→";font-family:var(--font-mono);color:var(--red);font-weight:700;position:absolute;top:9px;left:11px}.starter:hover{background:var(--well);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.plate-band{border:var(--bd);border-radius:var(--r);box-shadow:var(--slab);background:var(--paper) center / cover no-repeat;position:relative;overflow:hidden}.plate-band>img,.plate-band>video{object-fit:cover;width:100%;height:100%;display:block}.empty{text-align:center;justify-items:center;gap:14px;padding:36px 24px 40px;display:grid}.empty img{width:min(280px,70%);height:auto}.empty .t-body{max-width:30rem}.sticker{z-index:3;transform:rotate(var(--rot,4deg));position:absolute}.err:empty{display:none}.empty .btn{justify-self:center}