@font-face{font-family:NC Instrument;src:url(assets/fonts/nct/FragmentMono-400-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:NC Instrument;src:url(assets/fonts/nct/FragmentMono-400-latin.woff2) format("woff2");font-weight:500;font-display:swap}.nct .tw-stage{display:flex;justify-content:center;align-items:center;padding:160px 0}.tw-win{--os-p:#cfccc2;--os-d:#8b887e;--os-k:#141814;--ln:#ffffff12;--ln2:#ffffff24;--tx:#e6e3d8;--mu:#8e8c83;--acc:#a9d08e;position:relative;width:min(864px,calc(100% - 96px));padding:46px 24px 24px;border:2px solid var(--os-p);border-radius:3px;background:radial-gradient(ellipse at 47% 43%,#252824,#181a17 75%);box-shadow:0 0 0 1px var(--os-k),6px 6px #141814;color:var(--tx);font:400 12px/16px Protocol,Arial,sans-serif;letter-spacing:0;text-align:left}.tw-win:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000014 0 1px,transparent 1px 3px)}.tw-win .os-bar{position:absolute;left:0;right:0;top:0;z-index:5;height:26px;display:flex;align-items:center;justify-content:center;padding:0 8px;background:repeating-linear-gradient(180deg,var(--os-p) 0 2px,var(--os-d) 2px 3px) 0 6px/100% 15px no-repeat,var(--os-p);border-bottom:1px solid var(--os-k)}.tw-win .os-bar span{padding:0 10px;background:var(--os-p);color:var(--os-k);font:500 12px/26px NC Instrument,monospace;white-space:nowrap}.tw-win .os-bar i{position:absolute;top:6px;width:13px;height:13px;background:var(--os-p);border:1px solid var(--os-k);box-shadow:inset 1px 1px #fff,inset -1px -1px var(--os-d)}.tw-win .os-close{left:10px}.tw-win .os-zoom{right:10px}.tw-win .os-zoom:after{content:"";position:absolute;left:2px;top:2px;width:5px;height:5px;border:1px solid var(--os-k)}.tw-win :is(.tw-head,.tw-head span,.tw-k,.tw-bar em,.tw-key){font:400 10px/14px NC Instrument,ui-monospace,monospace;color:var(--mu);font-style:normal;font-family:NC Instrument,ui-monospace,monospace!important}.tw-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px;padding:0 0 12px;border-bottom:1px solid var(--ln)}.tw-head .tw-brand{display:flex;align-items:center;gap:8px;color:var(--tx)}.tw-head .tw-brand i{width:6px;height:6px;border-radius:1px;background:var(--acc)}.tw-hero{margin:0 0 20px}.tw-hero p{margin:0}.tw-big{display:flex;align-items:center;gap:12px;margin-top:8px!important}.tw-big b{font:500 20px/24px Protocol,Arial,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--mu)}.tw-big b.g{color:var(--acc)}.tw-big i{width:24px;height:1px;background:var(--ln2);position:relative}.tw-big i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid var(--mu);border-right:1px solid var(--mu);transform:rotate(45deg)}.tw-sub{margin-top:2px!important;font-size:11px;color:var(--mu)}.tw-rows{border-top:1px solid var(--ln)}.tw-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ln)}.tw-l{font:500 12px/16px Protocol,Arial,sans-serif;color:var(--tx)}.tw-bar{display:flex;gap:2px;height:36px}.tw-bar span{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:0 8px;overflow:hidden;border-radius:1px}.tw-bar b{font:500 11px/14px Protocol,Arial,sans-serif;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-win .tw-bar em{color:#e6e3d8a6}.tw-win :is(.tw-bar .s,.tw-key .s){background:#4a4e47}.tw-win :is(.tw-bar .u,.tw-key .u){background:#363a34}.tw-win :is(.tw-bar .r,.tw-key .r){background:#4f6b4c}.tw-win :is(.tw-bar .n,.tw-key .n){background:var(--acc)}.tw-bar .n b{color:#141814}.tw-win .tw-bar .n em{color:#141814a6}.tw-key{display:none;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.tw-key span{display:flex;align-items:center;gap:6px}.tw-key i{width:8px;height:8px;border-radius:1px}@media(max-width:600px){.nct .tw-stage{padding:80px 0}.tw-win{width:calc(100% - 32px);padding:42px 16px 16px}.tw-row{grid-template-columns:minmax(0,1fr);gap:8px}.tw-bar{height:24px}.tw-bar span{padding:0 6px}.tw-bar b{display:none}.tw-key{display:flex}}.nct .tw-cur{position:absolute;left:0;top:0;z-index:5;width:12px;height:20px;pointer-events:none;opacity:0}.nct .tw-cur.on{opacity:1}.nct .tw-cur svg{display:block;position:absolute;left:0;top:0;transition:transform .06s}.nct .tw-cur .hg{left:-6px;top:-9px;visibility:hidden}.nct .tw-cur.busy .hg{visibility:visible}.nct .tw-cur.busy .ar{visibility:hidden}.nct .tw-cur.dn svg{transform:translate(1px,1px)}.tw-win.tw-play,.tw-win.tw-play *{cursor:default}.tw-play .tw-row+.tw-row .tw-bar{background:repeating-linear-gradient(135deg,#ffffff0d 0 2px,#0000 2px 6px)}.tw-play .tw-row+.tw-row .tw-bar span{transition:flex-grow .9s cubic-bezier(.65,0,.35,1),opacity .3s}.tw-play .tw-row+.tw-row .tw-bar span.r{transition-duration:.6s}.tw-play:not(.tw-filled) .tw-row+.tw-row .tw-bar span{flex-grow:.0001!important;opacity:0}.tw-play .tw-row+.tw-row .tw-bar span :is(b,em){transition:opacity .3s .5s}.tw-play:not(.tw-done) .tw-row+.tw-row .tw-bar span :is(b,em){opacity:0;transition-delay:0s}.tw-play .tw-row{transition:background-color .14s}.tw-play .tw-row.tw-press{background:#ffffff0a}.tw-play .tw-bar span{transition:filter .15s}.tw-play .tw-bar span.tw-hov{filter:brightness(1.18)}.tw-play .tw-big :is(i,b.g){transition:opacity .3s}.tw-play:not(.tw-done) .tw-big :is(i,b.g){opacity:0}.tw-play .tw-big b.g.tw-press,.tw-play .tw-big b.g.tw-sel{background:var(--acc);color:#141814;box-shadow:0 0 0 2px var(--acc)}
