@property --accent{syntax:"<color>";inherits:true;initial-value:#8ec98e}:root{--bg:#f3ead8;--bg-soft:#fbf6ea;--ink:#241f1a;--ink-dim:#554d43;--ink-faint:#8b8175;--line:#241f1a2e;--veil:#17151a;--veil-ink:#f2ebdc;--accent:#8ec98e;--font-sans:"Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:clamp(1.25rem, 4vw, 4rem);--panel-width:min(30rem, 42vw);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:--accent .7s}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}::selection{background:var(--accent);color:#241f1a}.scene{z-index:0;inset:0;position:fixed!important}body.is-looking .scene{cursor:grabbing}html.is-rails,html.is-rails body{overscroll-behavior-y:none;height:auto;overflow-y:auto}html.is-held,html.is-held body{overflow:hidden}html.is-held:not(.is-flat),html.is-held:not(.is-flat) body{background:var(--veil)}.scroll-track{z-index:1;pointer-events:none;position:relative}.overlay{z-index:2;pointer-events:none;position:fixed;inset:0}.panel{left:var(--gutter);width:var(--panel-width);transform:translateY(-50%) translateY(var(--shift,0px));will-change:opacity, transform;opacity:0;visibility:hidden;position:absolute;top:50%}.panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f0e2e6 0%,#f6f0e2c7 62%,#f6f0e200 100%);position:absolute;inset:-60vh -3rem -60vh -50vw}.panel--wide{width:min(52rem,84vw)}.panel__kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.75rem;margin:0 0 1rem;font-size:.72rem;display:flex}.panel__kicker:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);opacity:.5;flex:1;height:1px}.panel__year{font-family:var(--font-mono);letter-spacing:-.03em;color:color-mix(in srgb, var(--accent) 72%, #2c2620);text-shadow:0 2px 18px #fff8e8e6;margin:0 0 .35rem;font-size:clamp(2.6rem,6.5vw,4.2rem);font-weight:300;line-height:.95;display:block}.panel__title{text-shadow:0 1px 14px #fff8e8bf;letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:600;line-height:1.12}.panel__body{text-shadow:0 1px 10px #fff8e8cc;color:var(--ink-dim);text-wrap:pretty;margin:0;font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.65}.panel__bullets{gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.panel__bullets li{color:var(--ink-dim);padding-left:1.4rem;font-size:.9rem;line-height:1.5;position:relative}.panel__bullets li:before{content:"";background:var(--accent);width:.5rem;height:1px;position:absolute;top:.62em;left:0}.glass{background:color-mix(in srgb, var(--bg-soft) 88%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(140%);border-radius:.9rem;box-shadow:0 10px 30px #3a2c1e24}.topbar{z-index:4;padding:1.25rem var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar__name{letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600}.topbar__role{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-faint);margin:.15rem 0 0;font-size:.68rem}.topbar__actions{align-items:center;gap:.5rem;display:flex}.pill{white-space:nowrap;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 86%, transparent);-webkit-backdrop-filter:blur(12px);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.72rem;text-decoration:none;transition:border-color .25s,color .25s,transform .25s;display:inline-flex;box-shadow:0 4px 14px #3a2c1e1f}.pill:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.pill--accent{border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent)}.pill--icon{padding:.45rem}.pill--icon svg{display:block}.rail{right:var(--gutter);z-index:4;gap:.15rem;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.rail__item{cursor:pointer;opacity:.45;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:.7rem;padding:.3rem 0;transition:opacity .3s;display:flex}.rail__item:hover,.rail__item[aria-current=true]{opacity:1}.rail__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--ink-dim);opacity:0;font-size:.66rem;transition:opacity .3s,transform .3s;transform:translate(6px)}.rail__item:hover .rail__label,.rail__item[aria-current=true] .rail__label{opacity:1;transform:none}.rail__item[aria-current=true] .rail__label{color:var(--accent)}.rail__dot{background:var(--ink-faint);width:1.4rem;height:1px;transition:width .35s,background .35s}.rail__item[aria-current=true] .rail__dot{background:var(--accent);width:2.4rem;box-shadow:0 0 12px var(--accent)}.hint{z-index:7;font-family:var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none;justify-items:center;gap:.6rem;font-size:.66rem;display:grid;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.hint__line{background:linear-gradient(180deg, var(--accent), transparent);transform-origin:top;width:1px;height:2.4rem;animation:2.2s ease-in-out infinite hint-slide}@keyframes hint-slide{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(2.4rem)}}.prologue{z-index:5;pointer-events:none;position:fixed;inset:0}.prologue__veil{background:var(--veil);will-change:opacity;position:absolute;inset:0}.prologue__quote{padding:var(--gutter);will-change:opacity;place-content:center;gap:.15em;margin:0;display:grid;position:absolute;inset:0}.prologue__line{letter-spacing:-.02em;text-wrap:balance;max-width:24ch;color:var(--veil-ink);opacity:0;transform:translateY(var(--shift,16px));will-change:opacity, transform;font-size:clamp(1.25rem,3.6vw,2.5rem);font-weight:300;line-height:1.3;display:block}.prologue__line--final{color:color-mix(in srgb, var(--accent) 80%, #fff);margin-top:.5em}.prologue__cite{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--veil-ink) 55%, transparent);opacity:0;transform:translateY(var(--shift,10px));margin-top:2.75rem;font-size:.68rem;font-style:normal;display:block}.prologue__cite:before{content:"— "}.rail,.topbar__who,.topbar__actions>*{transition:opacity .7s}.rail--waiting,.topbar--waiting .topbar__who,.topbar--waiting .topbar__actions>:not(.topbar__sound){opacity:0;pointer-events:none}.topbar--waiting{z-index:8}@media (width<=900px){.prologue__line{max-width:27ch}.prologue__cite{letter-spacing:.16em;margin-top:2rem;font-size:.6rem}}.projects{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.project-card{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 88%, transparent);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:.75rem;gap:.5rem;padding:1rem;transition:border-color .25s,transform .25s,background .25s;display:grid}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-3px)}.project-card__index{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);font-size:.68rem}.project-card__title{margin:0;font-size:1rem;font-weight:600}.project-card__meta{font-family:var(--font-mono);color:var(--ink-faint);font-size:.68rem}.tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);border-radius:999px;padding:.2rem .5rem;font-size:.62rem}.panel--code{width:min(35rem,46vw);transform:translateY(var(--shift,0px));top:6.5rem}.code{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:#060a14e0;border-radius:.75rem;margin-top:1.5rem;overflow:hidden}.code__chrome{border-bottom:1px solid var(--line);align-items:center;gap:.4rem;padding:.6rem .85rem;display:flex}.code__dot{background:var(--ink-faint);opacity:.5;border-radius:50%;width:.45rem;height:.45rem}.code__file{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-faint);margin-left:.5rem;font-size:.66rem}.code__body{max-height:17em;font-family:var(--font-mono);margin:0;padding:.85rem .6rem .95rem;font-size:.78rem;line-height:1.75;display:grid;position:relative;overflow:hidden}.code__line{white-space:pre;gap:.85rem;min-height:1.75em;display:flex}.code__gutter{text-align:right;width:1.4rem;color:var(--ink-faint);opacity:.12;-webkit-user-select:none;user-select:none;flex:none;transition:opacity .3s}.code__line--live .code__gutter{opacity:.45}.code__code{display:inline-block;position:relative}.code__text{clip-path:inset(0 calc((1 - var(--typed,0)) * 100%) 0 0);display:inline-block}.code__caret{top:.18em;left:calc(var(--typed,0) * 100%);background:var(--accent);opacity:.8;width:.5em;height:1.1em;position:absolute}.code__caret--blink{animation:1.1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.tok--kw{color:#f472b6}.tok--cls{color:#fbbf24}.tok--fn{color:#6ee7ff}.tok--str{color:#4ade80}.tok--var{color:#e7e2d8}.tok--punct{color:var(--ink-faint)}.code__stats{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:.85rem 0 0;padding:0 .85rem;font-size:.66rem}.code__run{margin-top:1rem;padding:0 .85rem .95rem;transition:opacity .4s,transform .4s}.code__run--locked{opacity:.25;pointer-events:none;transform:translateY(4px)}.code__run-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.55rem;font-size:.62rem;display:block}.code__chips{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem;display:grid}@media (width>=901px) and (height<=820px){.code__body{max-height:13em}}.chip{text-align:center;white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft) 88%, transparent);min-width:0;font-family:var(--font-mono);color:var(--ink-dim);cursor:pointer;border-radius:.4rem;padding:.38rem .5rem;font-size:.66rem;transition:border-color .2s,color .2s,transform .2s;overflow:hidden}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.chip:disabled{cursor:default;opacity:.4}.contact{gap:1.5rem;margin-top:1.5rem;display:grid}.contact__links{flex-wrap:wrap;gap:.5rem;display:flex}.contact__mail{font-family:var(--font-mono);color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);padding-bottom:.15rem;font-size:clamp(.95rem,2.4vw,1.4rem);text-decoration:none;transition:border-color .25s}.contact__mail:hover{border-color:var(--accent)}.skills{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem 1.5rem;padding-top:1.25rem;display:grid}.skills__group h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.66rem}.skills__group ul{color:var(--ink-dim);gap:.25rem;margin:0;padding:0;font-size:.82rem;list-style:none;display:grid}.availability{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:.5rem;font-size:.7rem;display:inline-flex}.availability:before{content:"";background:var(--accent);width:.45rem;height:.45rem;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.modal-backdrop{z-index:6;padding:var(--gutter);-webkit-backdrop-filter:blur(8px);background:#1e18128c;place-items:center;animation:.25s both veil-in;display:grid;position:fixed;inset:0}.modal-backdrop--leaving{pointer-events:none;animation:.25s reverse both veil-in}.modal{gap:1rem;width:min(34rem,100%);padding:clamp(1.5rem,4vw,2.25rem);animation:.36s cubic-bezier(.2,1.3,.35,1) both card-in;display:grid;position:relative}.modal-backdrop--leaving .modal{animation:.25s both card-out}@keyframes veil-in{0%{opacity:0}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes card-out{to{opacity:0;transform:translateY(16px)scale(.98)}}.modal__close{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:2rem;height:2rem;transition:border-color .2s;display:grid;position:absolute;top:.85rem;right:.85rem}.modal__close:hover{border-color:var(--accent);color:var(--accent)}.modal h3{letter-spacing:-.02em;margin:0;font-size:1.4rem}.modal p{color:var(--ink-dim);margin:0;line-height:1.6}.gate{z-index:10;padding:var(--gutter);text-align:center;color:var(--veil-ink);background:radial-gradient(#232027 0%,#17151a 70%);place-content:center;justify-items:center;gap:1.5rem;display:grid;position:fixed;inset:0}.gate--leaving{opacity:0;pointer-events:none;transition:opacity .8s ease-in-out}.gate__name,.gate__role,.gate__status{opacity:0;transition:opacity .5s}.gate--lettered .gate__name,.gate--lettered .gate__role,.gate--lettered .gate__status,.gate--lettered .gate__sound{opacity:1}.gate.gate--leaving>*{opacity:0;transition:opacity .3s}.gate__name{letter-spacing:-.035em;white-space:nowrap;height:1.15em;margin:0;font-size:clamp(2rem,7vw,3.6rem);font-weight:600;line-height:1.15}.gate__role{height:3.2em;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb, var(--veil-ink) 55%, transparent);align-content:center;margin:0;font-size:clamp(.7rem,1.8vw,.85rem);line-height:1.6;display:grid}@media (width>=720px){.gate__role{height:1.6em}}.gate__bar{background:color-mix(in srgb, var(--veil-ink) 25%, transparent);width:min(18rem,60vw);height:1px;overflow:hidden}.gate__bar span{background:var(--accent);height:100%;box-shadow:0 0 14px var(--accent);transform-origin:0;animation:24s linear forwards gate-fill;display:block;transform:scaleX(0)}@keyframes gate-fill{0%{animation-timing-function:cubic-bezier(.25,.6,.4,1);transform:scaleX(0)}5%{animation-timing-function:linear;transform:scaleX(.9)}to{transform:scaleX(.97)}}.gate__status{height:3.2em;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--veil-ink) 55%, transparent);align-items:center;margin:0;font-size:.68rem;line-height:1.6;display:grid}.gate__say{opacity:0;grid-area:1/1;transition:opacity .5s}.gate__say--on{opacity:1}.gate__enter{visibility:hidden;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:.85rem 2rem;font-size:.78rem;line-height:1.2;transition:background .3s,color .3s,box-shadow .3s}.gate__enter--ready{visibility:visible;animation:.5s both rise-in}.gate__enter:hover{background:var(--accent);color:#17151a;box-shadow:0 0 40px color-mix(in srgb, var(--accent) 45%, transparent)}.gate__sound{left:0;right:0;bottom:max(2rem, calc(env(safe-area-inset-bottom) + 1rem));padding:0 var(--gutter);opacity:0;justify-items:center;gap:.75rem;transition:opacity .5s;display:grid;position:absolute}.gate__note{max-width:34rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-align:left;color:color-mix(in srgb, var(--veil-ink) 55%, transparent);align-items:center;gap:.6rem;margin:0;font-size:.64rem;line-height:1.6;display:flex}.gate__icon{width:1.35rem;height:1.35rem;color:var(--accent);flex:none}.gate__toggle{border:1px solid color-mix(in srgb, var(--veil-ink) 25%, transparent);color:color-mix(in srgb, var(--veil-ink) 80%, transparent);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .95rem;font-size:.64rem;line-height:1.2;transition:border-color .25s,color .25s}.gate__toggle:hover{border-color:var(--accent);color:var(--accent)}@media (height<=520px){.gate__sound{position:static}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}}.work{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.work .pill{white-space:nowrap;justify-content:space-between;width:100%}.work__year{color:var(--ink-faint)}.pill--indie{border-style:dashed}html.is-flat,html.is-flat body{overscroll-behavior:auto;height:auto;overflow-y:auto}.flat{max-width:46rem;padding:clamp(3rem, 8vw, 6rem) var(--gutter) 5rem;gap:clamp(3rem,7vw,5rem);margin:0 auto;display:grid}.flat__name{letter-spacing:-.035em;margin:0;font-size:clamp(2.2rem,7vw,3.6rem);font-weight:600;line-height:1}.flat__role{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:.75rem 0 0;font-size:.78rem}.flat__tagline{color:var(--ink-dim);margin:1.25rem 0 0;font-size:1.1rem;line-height:1.55}.flat__note{border-left:2px solid var(--accent);background:var(--bg-soft);color:var(--ink-dim);margin:1.5rem 0 0;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.flat .panel__year,.flat .panel__title,.flat .panel__body{text-shadow:none}.flat__projects{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.9rem;margin-top:1.5rem;display:grid}.flat .project-card{cursor:default;align-content:start}.flat .project-card:hover{transform:none}.flat__summary{color:var(--ink-dim);margin:.25rem 0 .5rem;font-size:.88rem;line-height:1.55}.flat__visit{justify-self:start;margin-top:.5rem}.flat .contact{margin-top:1.5rem}@media (width<=900px){:root{--panel-width:calc(100vw - var(--gutter) * 2)}.panel{transform:translateY(var(--shift,0px));top:auto;bottom:5.5rem}.panel:before{background:linear-gradient(0deg,#f6f0e2f2 0%,#f6f0e2eb calc(100% - 4.5rem),#f6f0e200 100%);inset:-4.5rem -2rem -50vh}.panel--wide{width:calc(100vw - var(--gutter) * 2)}.panel__inner{scrollbar-width:none;max-height:calc(100svh - 10rem);overflow-y:auto}.panel__inner::-webkit-scrollbar{display:none}.contact{gap:1rem;margin-top:1rem}.skills{gap:.75rem 1.25rem;padding-top:1rem}.skills__group h4{margin-bottom:.3rem}.skills__group ul{flex-wrap:wrap;gap:.1rem 0;line-height:1.45;display:flex}.skills__group li:not(:last-child):after{content:"·";color:var(--ink-faint);margin:0 .4em}.rail{grid-auto-flow:column;gap:.5rem;top:auto;bottom:1.5rem;right:50%;transform:translate(50%)}.rail__label{display:none}.rail__dot{border-radius:50%;width:.4rem;height:.4rem}.rail__item[aria-current=true] .rail__dot{border-radius:999px;width:1.2rem}.topbar__role,.topbar__cv{display:none}.hint{bottom:1.25rem}.skills{grid-template-columns:repeat(2,1fr)}.panel--code{width:calc(100vw - var(--gutter) * 2)}.panel--code .panel__body{display:none}.panel--code{top:auto}.code__body{max-height:13em;padding-inline:.45rem;font-size:.6rem;line-height:1.65}.code__line{gap:.5rem}.code__gutter{width:1rem}.code__chips{grid-template-columns:repeat(auto-fill,minmax(9.15rem,1fr))}.chip{padding:.32rem .3rem;font-size:.56rem}.work .pill{letter-spacing:.02em;gap:.35rem;padding:.45rem .6rem;font-size:.66rem}.code__stats{letter-spacing:.1em;font-size:.6rem}.code__stats,.code__run{padding-inline:.5rem}.code{margin-top:1rem}}@media (width<=380px){.topbar__name{font-size:.86rem}}@media (width<=340px){.work{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.tutor{z-index:9;padding-inline:var(--gutter);pointer-events:none;align-content:center;justify-items:center;gap:2.25rem;animation:.9s .35s both tutor-in;display:grid;position:fixed;inset:0}.tutor--leaving{animation:.6s forwards tutor-out}.tutor__keys{grid-template-areas:".w.""a s d";gap:.85rem;display:grid}.tutor__key{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--veil-ink) 34%, transparent);width:clamp(3.4rem,8vw,5rem);font-family:var(--font-mono);letter-spacing:0;color:color-mix(in srgb, var(--veil-ink) 58%, transparent);border-radius:50%;place-items:center;font-size:clamp(.85rem,1.7vw,1.1rem);transition:color .3s,border-color .3s,background .3s;display:grid}.tutor__key:not(.tutor__key--on){animation:2.4s ease-in-out infinite tutor-wait}.tutor__key--on{background:var(--accent);border-color:var(--accent);color:var(--veil);animation:.45s tutor-land}.tutor__caption{max-width:min(30rem, calc(100vw - var(--gutter) * 2));font-family:var(--font-mono);letter-spacing:.22em;text-align:center;text-transform:uppercase;text-wrap:balance;color:color-mix(in srgb, var(--veil-ink) 50%, transparent);margin:0;font-size:.68rem;line-height:1.8}@media (width<=30rem){.tutor__caption{letter-spacing:.14em;font-size:.6rem}}.tutor__skip{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--veil-ink) 38%, transparent);cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:.4rem .8rem;font-size:.62rem;animation:.6s both tutor-in}.tutor__skip:hover{color:var(--veil-ink)}@keyframes tutor-wait{0%,to{opacity:.55}50%{opacity:1}}@keyframes tutor-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tutor-out{to{opacity:0;transform:translateY(-8px)}}@keyframes tutor-land{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1)}40%{box-shadow:0 0 0 .75rem color-mix(in srgb, var(--accent) 0%, transparent);transform:scale(1.14)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent);transform:scale(1)}}.flash{z-index:40;opacity:0;visibility:hidden;pointer-events:none;background:#0b0a0c;position:fixed;inset:0}.hint__keys{justify-items:center;gap:.22rem;display:grid}.hint__row{gap:.22rem;display:flex}.hint kbd{border:1px solid color-mix(in srgb, var(--ink-faint) 55%, transparent);min-width:1.5rem;font:inherit;color:var(--ink-faint);border-radius:.3rem;place-items:center;padding:.28rem 0;font-size:.6rem;line-height:1;display:grid}