.np-page{--np-ink:var(--vt-ink);--np-red:#ff3131;--np-err:var(--vt-error);--np-err-tint:var(--vt-error-tint);--np-muted:var(--vt-muted);--np-hint:#b4b0ab;--np-paper:var(--vt-info);--np-ok:var(--vt-ink);--np-ease:cubic-bezier(0.16,1,0.3,1);--np-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--np-hand:"Caveat","Segoe Print",cursive;--np-size:clamp(24px,min(4.6vh,3.3vw),42px);--np-aside:clamp(15px,min(2.5vh,1.7vw),22px);--np-left:clamp(36px,8vw,88px);--np-sheet:1040px;--np-gutter:max(0px,(100% - var(--np-sheet))/2);position:relative;display:flex;flex-direction:column;min-height:100%;overflow-x:clip;background:var(--np-paper);color:var(--vt-text);font-family:var(--font-sans)}.np-page,.np-page *,.np-page :after,.np-page :before{box-sizing:border-box}.np-page :focus-visible{outline:2px dashed var(--np-ink);outline-offset:3px}.np-line{position:absolute;left:calc(var(--np-gutter) + var(--np-left) - 28px);top:0;bottom:0;width:2px;background:var(--np-red);opacity:.55;pointer-events:none}.np-line__busy{position:absolute;inset:0;background:var(--np-ink);transform-origin:50% 0;animation:np-busy 1.3s ease-in-out infinite}.np-line__drain{position:absolute;inset:0;left:-1px;right:-1px;background:var(--np-err);transform-origin:50% 100%;animation:np-drain linear forwards}.np-sheet{position:relative;width:100%;max-width:var(--np-sheet);margin:auto;padding:clamp(22px,5.4vh,54px) clamp(24px,4vw,56px) clamp(22px,5.4vh,54px) var(--np-left)}.np-brand{display:flex;align-items:center;gap:10px;margin-bottom:clamp(20px,6vh,56px);font-size:16px;font-weight:600;letter-spacing:-.03em}.np-eyebrow{font-family:var(--np-mono);font-size:11px;font-weight:500;letter-spacing:0;color:var(--np-muted)}.np-form{display:flex;flex-direction:column;gap:clamp(12px,2.4vh,22px)}.np-sentence{margin:0;font-size:var(--np-size);font-weight:600;letter-spacing:-.03em;line-height:1.52;color:var(--np-muted)}.np-sentence--small{font-size:var(--np-aside);letter-spacing:-.02em;line-height:1.85}.np-k{color:var(--vt-text)}.np-bad{color:var(--np-err)}.np-word{display:inline;padding:0;border:none;background:none;font:inherit;letter-spacing:inherit;color:var(--vt-text);text-decoration:underline;text-decoration-color:var(--np-red);text-decoration-thickness:3px;text-underline-offset:6px;cursor:pointer}.np-word:disabled{color:var(--np-muted);text-decoration-color:var(--np-hint);cursor:default}.np-sentence--small .np-word{text-decoration-thickness:2px;text-underline-offset:5px}.np-blank{position:relative;display:inline-grid;grid-template-columns:minmax(0,auto);max-width:100%;vertical-align:baseline;border-bottom:3px solid var(--np-red);font-size:.92em;letter-spacing:-.03em;color:var(--vt-text);transition:background-color .15s}.np-blank:focus-within{background:rgba(255,49,49,.07)}.np-blank__input,.np-blank__sizer{grid-area:1/1;min-width:var(--np-min,3ch);margin:0;padding:0 6px;font:inherit;letter-spacing:inherit;line-height:1.32}.np-blank__sizer{overflow:hidden;white-space:pre;visibility:hidden;pointer-events:none}.np-blank__input{width:100%;min-width:0;border:none;border-radius:0;background:transparent;color:inherit;outline:none;appearance:none}.np-page .np-blank__input:focus-visible{outline:none}.np-blank__input::placeholder{color:var(--np-hint);opacity:1}.np-blank__input:disabled{color:var(--np-muted)}.np-blank--password .np-blank__input{letter-spacing:.04em}.np-blank[data-state=err]{border-bottom-color:var(--np-err);background:var(--np-err-tint)}.np-blank[data-state=off]{border-bottom-color:#d8d4cf}.np-blank[data-nudge=a]{animation:np-shake-a .45s ease-in-out}.np-blank[data-nudge=b]{animation:np-shake-b .45s ease-in-out}.np-eye{align-self:center;grid-area:1/2;display:flex;padding:0 6px;border:none;background:none;color:var(--np-muted);cursor:pointer}.np-blank--password{grid-template-columns:minmax(0,auto) auto}.np-ring{position:absolute;inset:-14px -16px -12px;width:calc(100% + 32px);height:calc(100% + 26px);overflow:visible;pointer-events:none}.np-arrow path,.np-mark path,.np-ring path{fill:none;stroke:var(--np-err);stroke-linecap:round;stroke-linejoin:round}.np-ring path{stroke-width:2.6;vector-effect:non-scaling-stroke}.np-ring .np-draw{stroke-dasharray:none;animation:none}.np-ring{animation:np-ring .5s cubic-bezier(.5,0,.3,1) .2s both}.np-wave{position:absolute;left:4px;right:4px;bottom:-11px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M0 4q2.5-5 5 0t5 0' fill='none' stroke='%23c81e1e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x 0;pointer-events:none;animation:np-wipe .6s var(--np-ease) .15s both}.np-blank__ghost{position:relative;grid-area:1/1;align-self:center;padding:0 6px;font:inherit;line-height:1.32;letter-spacing:.04em;color:var(--np-muted);pointer-events:none}.np-blank__ghost:after{content:"";position:absolute;left:2px;right:2px;top:54%;height:3px;border-radius:2px;background:var(--np-err);transform-origin:0 50%;animation:np-grow .35s cubic-bezier(.5,0,.2,1) .2s both}.np-strike{color:var(--np-muted);background:linear-gradient(var(--np-err),var(--np-err)) 0 56% /100% 3px no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:np-strike .4s cubic-bezier(.5,0,.2,1) .2s both}@keyframes np-strike{0%{background-size:0 3px}to{background-size:100% 3px}}.np-note{display:inline-block;margin-left:.25em;font-family:var(--np-hand);font-size:.95em;font-weight:700;letter-spacing:0;line-height:1;color:var(--np-err);white-space:nowrap;transform:rotate(-4deg) translateY(-.28em);animation:np-write .75s cubic-bezier(.4,0,.6,1) .5s both}.np-arrow{width:1.05em;height:.72em;margin-right:.12em;vertical-align:-.04em;overflow:visible}.np-arrow path{stroke-width:2.6}.np-aside{position:relative;max-width:62em;font-size:var(--np-aside);font-weight:600;letter-spacing:-.02em;line-height:1.55;color:var(--np-muted);animation:np-in .5s var(--np-ease) both}.np-aside__sizer,.np-aside__typed{grid-area:1/1}.np-aside__text{display:grid}.np-aside__sizer{color:transparent;-webkit-user-select:text;user-select:text}.np-aside__title{font-weight:700}.np-aside--err .np-aside__title,.np-aside--lock .np-aside__title{color:var(--np-err)}.np-aside--info .np-aside__title,.np-aside--ok .np-aside__title{color:var(--vt-text)}.np-aside__actions{margin-top:6px;line-height:1.9;transition:opacity .3s}.np-aside__actions[data-ready=false]{opacity:0;visibility:hidden}.np-pen{display:inline-block;width:2px;height:.95em;margin-left:2px;vertical-align:-.14em;background:currentColor;animation:np-caret .9s steps(1) infinite}.np-sr{width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.np-mark,.np-sr{position:absolute}.np-mark{left:calc(-1 * var(--np-left) + 6px);top:0;width:48px;height:48px;overflow:visible;transform:rotate(-6deg)}.np-mark path{stroke-width:4.5}.np-mark--ok path{stroke:var(--vt-text)}.np-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:np-draw .5s cubic-bezier(.5,0,.3,1) .2s both}.np-draw--2{animation-delay:.45s}.np-mark circle{fill:var(--np-err);animation:np-pop .4s cubic-bezier(.2,1.4,.4,1) .5s both;transform-origin:25px 44px}.np-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px}.np-actions[data-os=mac] .np-btn--primary{order:2}.np-btn{display:inline-flex;align-items:center;gap:12px;height:clamp(48px,7vh,58px);padding:0 24px;border:2px solid var(--np-ink);border-radius:4px;background:var(--vt-paper);color:var(--vt-text);font:600 17px var(--font-sans);cursor:pointer;transition:transform .12s,box-shadow .12s}.np-btn--primary{background:var(--np-ink);color:var(--vt-on-ink);font-weight:700;box-shadow:5px 5px 0 var(--np-red)}.np-btn--primary:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--np-red)}.np-btn--primary:active:not(:disabled),.np-btn--primary[data-busy=true]{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--np-red)}.np-btn--google{box-shadow:5px 5px 0 var(--np-ink)}.np-btn:disabled{cursor:default}.np-btn--primary:disabled:not([data-busy=true]){border-color:#d8d4cf;background:#e4e0db;color:var(--np-muted);box-shadow:none}.np-btn svg{flex:none}.np-hint{font-family:var(--np-mono);font-size:12px;color:var(--np-muted)}.np-chip{display:inline-flex;align-items:center;gap:.45em;height:1.5em;padding:0 .65em;border:1.5px solid var(--np-ink);border-radius:4px;background:var(--vt-paper);font:600 .92em var(--font-sans);letter-spacing:-.01em;color:var(--vt-text);vertical-align:-.22em;cursor:pointer}.np-chip:disabled{cursor:default;color:var(--np-muted)}.np-chip svg{width:1em;height:1em;flex:none}.np-chip--hint{animation:np-hint 1.6s ease-in-out infinite}.np-dots{display:inline-block;width:1.1em;white-space:nowrap;animation:np-dots 1.4s steps(4) infinite}.np-code{position:relative;display:inline-flex;gap:.2em;vertical-align:-.3em}.np-code__box{width:1.3em;height:1.6em;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--np-red);background:var(--vt-paper);font:700 .78em var(--np-mono);letter-spacing:0;color:var(--vt-text)}.np-code__box[data-state=active]{outline:2px dashed var(--np-ink);outline-offset:3px}.np-code__box[data-state=idle][data-empty=true]{border-bottom-color:#d8d4cf}.np-code__box[data-state=err]{border-bottom-color:var(--np-err);color:var(--np-err);background:var(--np-err-tint)}.np-code__box[data-state=off]{border-bottom-color:#d8d4cf;color:var(--np-hint);text-decoration:line-through var(--np-err) 3px}.np-code__caret{width:2px;height:1em;background:var(--np-ink);animation:np-caret 1s steps(1) infinite}.np-code__input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0;font-size:16px;cursor:text}.np-code[data-nudge=a]{animation:np-shake-a .5s ease-in-out}.np-code[data-nudge=b]{animation:np-shake-b .5s ease-in-out}.np-tick{gap:.35em;padding:0;border:none;background:none;font:inherit;letter-spacing:inherit;color:inherit;vertical-align:baseline;cursor:pointer}.np-tick,.np-tick__box{display:inline-flex;align-items:center}.np-tick__box{justify-content:center;width:.8em;height:.8em;border:2px solid var(--np-ink);border-radius:3px;background:var(--vt-paper)}.np-tick__box path{fill:none;stroke:var(--vt-text);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.np-tick[data-state=err] .np-tick__box{border-color:var(--np-err);background:var(--np-err-tint)}.np-rule{white-space:nowrap}.np-rule[data-met=true]{color:var(--vt-text)}.np-rule[data-miss=true]{color:var(--np-err)}@keyframes np-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes np-ring{0%{clip-path:inset(-20px 100% -20px -20px)}to{clip-path:inset(-20px -20px -20px -20px)}}@keyframes np-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes np-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes np-write{0%{clip-path:inset(-30% 100% -30% 0)}to{clip-path:inset(-30% -6% -30% 0)}}@keyframes np-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes np-pop{0%{opacity:0;transform:scale(1.7)}70%{opacity:1;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes np-shake-a{0%,to{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}@keyframes np-shake-b{0%,to{transform:none}20%{transform:translateX(7px)}40%{transform:translateX(-6px)}60%{transform:translateX(4px)}80%{transform:translateX(-2px)}}@keyframes np-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes np-dots{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes np-drain{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes np-busy{0%{transform:scaleY(0);opacity:1}70%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}@keyframes np-hint{0%,to{box-shadow:0 0 0 0 rgb(var(--vt-shadow-rgb)/0)}50%{box-shadow:3px 3px 0 var(--np-red)}}@media (prefers-reduced-motion:reduce){.np-page *,.np-page :after,.np-page :before{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}.np-btn__label{display:inline-grid}.np-btn__label>span{grid-area:1/1;white-space:nowrap}.np-btn__label>span[data-on=false]{visibility:hidden}.np-actions>.np-hint{order:3}