.vi-desk{--s:.56;background-color:#e8e1d6;background-image:radial-gradient(60% 55% at 18% 8%,#fff4debf,#0000 70%),radial-gradient(120% 90%,#0000 55%,#2b23331a 100%),repeating-linear-gradient(0deg,#ffffff12 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#2b233309 0 1px,#0000 1px 3px);box-shadow:inset 0 0 0 1px #2b23330d,inset 0 30px 60px -40px #2b233340}@media (min-width:640px){.vi-desk{--s:.66}}@media (min-width:1024px){.vi-desk{--s:.8}}@media (min-width:1280px){.vi-desk{--s:.92}}@media (min-width:1600px){.vi-desk{--s:1.02}}.vi-paper{left:calc(var(--px) * 100%);top:calc(var(--py) * 100%);width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px);transform:rotate(calc(var(--r) * 1deg));will-change:transform}@media (min-width:1024px){.vi-paper{left:calc(var(--x) * 100%);top:calc(var(--y) * 100%)}}.vi-paper-face{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px);transform:scale(var(--s));transform-origin:0 0}@media (min-width:1024px) and (pointer:fine){.vi-paper-drag{cursor:grab}.vi-paper-drag:active{cursor:grabbing}}.vi-sheet{box-shadow:0 1px 1px #2b233314,0 14px 22px -12px #2b233352}.vi-tracing{background:linear-gradient(#ffffff40,#ffffff40),#f1ede4}.vi-signature{font-family:var(--font-sans);letter-spacing:-.02em;transform-origin:0 100%;transform:rotate(-4deg)}.vi-kb{width:min(92%,30rem);height:fit-content;margin:auto;inset:0}@media (min-width:1024px){.vi-kb{width:min(44%,34rem);left:34%}}.vi-window{box-shadow:0 0 0 1px #2b23330d,0 40px 70px -30px #2b233373}.vi-core{box-shadow:0 0 0 10px #f5ede5b3,0 0 0 11px #5b3a701f,0 24px 40px -20px #2b233373}.vi-word{display:inline-block}.vi-drawer{background:linear-gradient(#efe6da,#e6dbcc);box-shadow:inset 0 1px #fff9,0 1px #2b23330d}.vi-label-frame{box-shadow:inset 0 0 0 1px #8b652873,inset 0 0 0 3px #ffffff8c}.vi-card{transition:box-shadow .26s var(--ease-out), translate .3s var(--ease-out);background:linear-gradient(#0000 2.35rem,#8e465759 2.35rem calc(2.35rem + 1px),#0000 calc(2.35rem + 1px)),repeating-linear-gradient(#0000 0 1.25rem,#5b3a7012 1.25rem calc(1.25rem + 1px)) 0 2.4rem,#fffdf9;box-shadow:0 1px 1px #2b23330f,0 10px 20px -14px #2b233366}@media (hover:hover){.vi-card:hover{translate:.5rem}}.vi-card:hover{box-shadow:0 1px 1px #2b23330f,0 18px 30px -14px #2b233373}.vi-verb-rail{writing-mode:vertical-rl;transform:rotate(180deg)}.vi-seg-pill{transition:transform .42s var(--ease-out);box-shadow:0 6px 16px -8px #2b233373}@media (prefers-reduced-motion:reduce){.vi-seg-pill,.vi-card{transition:none}}