@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/albert-sans-latin-ext-wght-normal-BAo4qCk1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Albert Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/albert-sans-latin-wght-normal-BJ0ssN8N.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--dark:#040806;--panel:#0d1411;--paper:#e6f2e6;--moss:#7fa48e;--green:#4dff8f;--beige:#b8b09a;--body:"Albert Sans Variable", ui-sans-serif, system-ui, sans-serif;--tube:"VT323", ui-monospace, Menlo, monospace;--t-big:clamp(1.9rem, 1.3rem + 1.9vw, 3rem);--t-md:.9375rem;--t-sm:.8125rem;--edge:clamp(16px, 2.4vw, 36px);--ease:cubic-bezier(.2, .7, .2, 1);--glass:color-mix(in oklab, var(--dark) 62%, transparent);--line:color-mix(in oklab, var(--paper) 16%, transparent);--soft:color-mix(in oklab, var(--paper) 66%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--dark)}body{background:var(--dark);min-height:100svh;color:var(--paper);font-family:var(--body);font-size:var(--t-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.4;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}h1,p,ul{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.top{inset:var(--edge) auto auto var(--edge);z-index:8;position:fixed}.term{background:var(--dark);height:100svh;position:relative;overflow:hidden}.term__canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.term__head{z-index:3;width:min(960px, calc(100% - 2 * var(--edge)));text-align:center;transition:opacity .5s, transform .5s var(--ease);animation:rise 1.1s var(--ease) .5s both;position:absolute;top:clamp(16px,3.6vh,34px);left:50%;transform:translate(-50%)}.term__head h1{font-size:var(--t-big);letter-spacing:-.03em;font-weight:620;line-height:1.04}.term__head h1 span{color:var(--green)}.term__head p{color:var(--soft);font-size:var(--t-md);margin-top:8px}.term__head button{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklab, var(--green) 60%, transparent);text-decoration-color:color-mix(in oklab, var(--green) 60%, transparent);text-underline-offset:3px}.term__head button:hover{color:var(--green)}.term__head h1{transform-origin:50% 0;transition:transform .7s var(--ease)}.term__head p{transition:opacity .35s}.term:not(.is-idle) .term__head{pointer-events:none;top:10px}.term:not(.is-idle) .term__head h1{transform:scale(.52)}.term:not(.is-idle) .term__head p{opacity:0;visibility:hidden}@keyframes rise{0%{opacity:0;transform:translate(-50%)translateY(12px)}}.term__form{z-index:2;position:absolute}.term:not(.is-idle) .term__form{pointer-events:none}.term__form input{opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.tube{z-index:4;opacity:0;pointer-events:none;background:var(--dark);border-radius:26px/22px;transition:opacity .35s;position:absolute;overflow:hidden}.tube.is-on{opacity:1;pointer-events:auto}.tube__scale{transform-origin:0 0;width:1024px;height:768px;position:absolute;top:0;left:0}.tube iframe{filter:grayscale()sepia()hue-rotate(75deg)saturate(3.4)brightness(.74)contrast(1.2);background:#fff;border:0;width:1024px;height:768px}.tube.is-on iframe{animation:3.6s ease-in .9s forwards colour}@keyframes colour{to{filter:grayscale(0)sepia(0)hue-rotate()saturate(.92)brightness(.95)contrast(.96)}}.tube__heal{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.tube__glass{pointer-events:none;background:repeating-linear-gradient(#00000021 0 1px,#0000 1px 3px),radial-gradient(at 50% 46%,#0000 60%,#00000080 100%);position:absolute;inset:0;box-shadow:inset 0 0 34px #0009}.deck{z-index:5;width:min(980px, calc(100% - 2 * var(--edge) - 340px));background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);font-size:var(--t-sm);animation:lift .7s var(--ease) both;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:8px 14px;display:grid;position:absolute;bottom:clamp(10px,2.4vh,22px);left:50%;transform:translate(-50%)}@keyframes lift{0%{opacity:0;transform:translate(-50%)translateY(10px)}}.deck__who b{font-weight:620;display:block}.deck__who span{color:var(--soft);font-variant-numeric:tabular-nums}.deck__years{align-items:flex-end;gap:2px;min-width:0;height:34px;display:flex}.deck__years button{flex:1 1 0;align-items:flex-end;min-width:3px;height:100%;display:flex}.deck__years i{background:color-mix(in oklab, var(--green) 44%, transparent);width:100%;transition:background .15s;display:block}.deck__years button:hover:not(:disabled) i{background:var(--paper)}.deck__years button.is-on i{background:var(--green)}.deck__years button:disabled{cursor:default}.deck__acts{white-space:nowrap;align-items:center;gap:14px;display:flex}.deck__year{font-family:var(--tube);color:var(--green);font-size:1.5rem;line-height:1}.deck__acts button,.deck__acts a{color:var(--soft);text-decoration:none}.deck__acts button:hover,.deck__acts a:hover{color:var(--paper)}.floppy{z-index:3;left:var(--edge);bottom:var(--edge);background:linear-gradient(168deg, #18201c, var(--panel) 60%);clip-path:polygon(0 0,92% 0,100% 6%,100% 100%,0 100%);width:158px;transition:transform .3s var(--ease), opacity .4s;animation:fade 1.4s var(--ease) 1.2s both;padding:0 12px 12px;position:absolute;transform:rotate(-4deg);box-shadow:0 16px 40px #0009}@keyframes fade{0%{opacity:0}}.term.is-alive .floppy,.term.is-tuning .floppy{transform-origin:0 100%;transform:rotate(-4deg)scale(.8)}.floppy__shutter{background:linear-gradient(90deg,#6d7570,#a4aca4 44%,#5e6661);width:62%;height:40px;margin:0 auto 10px;position:relative}.floppy__shutter i{background:var(--dark);width:22%;position:absolute;top:7px;bottom:7px;right:14%}.floppy__label{background:var(--paper);color:var(--dark);gap:1px;padding:8px 10px 9px;display:grid}.floppy__label b{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.floppy__label span{font-size:.75rem}.floppy__label code{word-break:break-all;margin-top:4px;font-size:.6875rem}.floppy__acts{flex-wrap:wrap;gap:8px;margin-top:4px;font-size:.75rem;display:flex}.floppy__links{gap:8px;margin-top:3px;font-size:.75rem;display:flex}.floppy.is-live{width:200px}@media (width<=720px){.term__head{top:58px}.term__head h1{font-size:1.85rem}.term__head h1 span{display:block}.term:not(.is-idle) .term__head{top:58px}.term:not(.is-idle) .term__head h1{transform:none}.term.is-alive .floppy,.term.is-tuning .floppy{transform-origin:0 0;top:134px;bottom:auto;transform:rotate(-4deg)scale(.6)}.term__head p{font-size:var(--t-sm)}.tube__glass{background:repeating-linear-gradient(#00000012 0 1px,#0000 1px 2px),radial-gradient(at 50% 46%,#0000 60%,#00000080 100%)}.floppy{width:118px;padding:0 9px 9px}.floppy__shutter{height:26px;margin-bottom:7px}.floppy__label{padding:5px 7px 6px}.floppy__label b{font-size:.9375rem}.deck{width:calc(100% - 2 * var(--edge));grid-template-columns:1fr auto;gap:8px 12px}.deck__years{grid-area:2/1/auto/-1;height:28px}.deck__acts{gap:10px;font-size:.75rem}.deck__acts a{display:none}}
