.cursor-grid{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.page-win{background:0 0;border:0;width:min(100vw - 2.5rem,92rem);max-width:none;height:calc(100svh - 2.5rem);max-height:none;margin:auto;padding:0;overflow:visible}.page-win[open]{animation:page-pop .2s var(--ease-slam)}@keyframes page-pop{0%{opacity:0;scale:.96}}.page-win::backdrop{background:#ffffffb8}.page-sheet{border:4px solid var(--color-band);background:var(--color-paper);height:100%;color:var(--color-band);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.page-top{border-bottom:4px solid var(--color-band);background:var(--color-blue);height:3.5rem;color:var(--color-paper);align-items:center;gap:.75rem;padding-inline:1rem .5rem;display:flex}.page-star{width:1.5rem;color:var(--color-volt);flex:none}.page-name{font-family:var(--font-pixel);font-size:1.375rem;line-height:1}.page-glyphs{color:var(--color-volt);font-family:var(--font-sans);letter-spacing:.04em;align-self:flex-start;margin-top:.75rem;font-size:.75rem;font-weight:700}.page-checks{align-items:flex-start;height:1.25rem;margin-left:auto;display:flex}.page-checks .oug-micro{height:100%}.page-pink{background:var(--color-pink);width:.625rem;height:.625rem}.page-close{background:var(--color-paper);width:2.5rem;height:2.5rem;color:var(--color-band);transition:background-color var(--duration-fast) var(--ease-out);place-items:center;margin-left:.5rem;display:grid}.page-close:hover{background:var(--color-volt)}.page-body{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:1.5rem;overflow-y:auto}.page-body:has(.sheet-micro-bottom){padding-bottom:0}@media (max-width:767px){.page-win{width:calc(100vw - 1rem);height:calc(100svh - 1rem)}.page-glyphs,.page-checks{display:none}.page-close{margin-left:auto}.page-body{padding-inline:1rem}}@media (prefers-reduced-motion:reduce){.page-win[open]{animation:none}}
.micro{--gutter:1.5rem;--ink:var(--color-blue);--mute:#d4d4d4;color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:1.25rem;display:flex;overflow:hidden;-webkit-mask-image:url(/assets/micro/grain.png);mask-image:url(/assets/micro/grain.png);-webkit-mask-size:160px;mask-size:160px}.micro-band{height:5.75rem;padding:.75rem var(--gutter);flex-wrap:wrap;justify-content:space-between;row-gap:2rem}.micro-spine{background:var(--ink);color:#fff;width:1.75rem;font-family:var(--font-pixel);letter-spacing:.08em;writing-mode:vertical-rl;flex:none;align-self:stretch;place-items:center;font-size:.625rem;display:grid}.micro-word{font-family:var(--font-sans);letter-spacing:-.06em;flex:none;padding-right:1.25rem;font-size:4.5rem;line-height:.75}.micro-pill{background-color:var(--ink);background-position:50%;background-size:cover;border-radius:999px;flex:none;width:11rem;height:3.75rem}.micro-lines{font-family:var(--font-sans);flex:none;gap:.25rem;font-size:.8125rem;line-height:1.15;display:grid}.micro-lines>span:last-child{padding-left:2.5rem}.micro-lines sup,.micro-readout-top{font-family:var(--font-pixel);font-size:.625rem}.micro-lines sup{margin-left:.125rem}.micro-readout{flex:none;gap:.375rem;width:9rem;display:grid}.micro-readout-top{justify-content:space-between;font-size:.75rem;display:flex}.micro-track{background:var(--ink);height:2px;margin-inline:.375rem;position:relative}.micro-track:before,.micro-track:after{content:"";border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:50%;translate:-50% -50%}.micro-track:before{background:var(--ink);left:0}.micro-track:after{box-shadow:inset 0 0 0 2px var(--ink);background:#fff;left:100%}.micro-checks{flex:none;gap:.375rem;height:3.25rem;display:grid}.micro-checks .oug-micro{height:1.4375rem}.micro-grey{color:var(--mute)}.micro-star{font-family:var(--font-sans);flex:none;font-size:1.5rem;font-weight:700;line-height:1}.micro-word{position:relative}.micro-word-star{width:1.5rem;color:var(--color-pink);position:absolute;top:-.75rem;right:0}.micro-pair{flex:none;height:3.5rem;display:flex}.micro-pair .oug-micro{--oug-micro-stroke:2.5;height:100%}.micro-pair .oug-micro+.oug-micro{margin-left:-1.25rem}.micro-morse{height:.75rem;margin-inline:var(--gutter);gap:1.25rem}.micro-morse-word{flex:none;align-items:center;gap:.75rem;display:flex}.micro-morse-letter{gap:.25rem;display:flex}.micro-morse-letter>span{background:var(--ink);height:4px}.micro-morse-letter>[data-mark=dot]{width:4px}.micro-morse-letter>[data-mark=dash]{width:1.125rem}.micro-slash{background:var(--ink);width:4px;height:.75rem;transform:skew(-30deg)}.micro-handle{font-family:var(--font-sans);flex:none;gap:.125rem;font-size:.8125rem;line-height:1.15;display:grid}.micro-handle>span:last-child{padding-left:1.5rem}@container band (max-width:1400px){.micro-lines{display:none}}@container band (max-width:1150px){.micro-readout{display:none}}@container band (max-width:950px){.micro-checks,.micro-handle>span:last-child{display:none}}@container band (max-width:750px){.micro-band{height:4.5rem}.micro-word{font-size:3.25rem}.micro-pill{width:6rem;height:2.5rem}.micro-star,.micro-pair{display:none}}@container band (max-width:480px){.micro-handle{display:none}}@media (max-width:767px){.micro{--gutter:1rem}}.sheet-micro{margin-inline:-1.5rem;display:grid;container:band/inline-size}@media (max-width:767px){.sheet-micro{margin-inline:-1rem}}.sheet-micro-top{margin-top:-.75rem;margin-bottom:1.25rem}.work-sheet .sheet-micro-top{margin-bottom:1rem}.sheet-micro-bottom{margin-top:2.5rem}.work-sheet{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid}.work-sheet .sheet-micro-bottom{margin-top:1.5rem}
.loader{z-index:90;pointer-events:none;animation:loader-out .3s var(--ease-out) 1.25s forwards;background:#dedede;place-items:center;display:grid;position:fixed;inset:0}@keyframes loader-out{to{opacity:0;visibility:hidden}}.loader-mark{gap:.75rem;width:min(22rem,70vw);display:grid}.loader-logo{width:100%;height:auto;animation:loader-reveal .9s var(--ease-in-out) .25s backwards}@keyframes loader-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.loader-bar{transform-origin:0;height:4px;animation:loader-fill 1s var(--ease-in-out) .15s backwards;background:#2d3383}@keyframes loader-fill{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.loader{display:none}}