:root{--bg: #0e0e0e;--fg: #8f8f8f;--ink: #ffffff;--dim: #6e6e6e;--tile: #171717;--sel: rgba(255, 255, 255, .18);--green: #4ade80;--amber: #f59e0b;--blue: #60a5fa;--card-shadow: 0 24px 48px -16px rgba(0, 0, 0, .6), 0 8px 18px -8px rgba(0, 0, 0, .45);--rim-hi: rgba(255, 255, 255, .32);--rim-lo: rgba(255, 255, 255, .12);--rim-line: rgba(255, 255, 255, .05);--glass: rgba(64, 64, 70, .45);--sheen: rgba(255, 255, 255, .05)}@media (prefers-color-scheme: light){:root{--bg: #ffffff;--fg: #9a9a9a;--ink: #000000;--dim: #b3b3b3;--tile: #f7f7f7;--sel: rgba(0, 0, 0, .1);--green: #15803d;--amber: #d97706;--blue: #2563eb;--card-shadow: 0 18px 36px -18px rgba(0, 0, 0, .22), 0 6px 14px -8px rgba(0, 0, 0, .1);--rim-hi: rgba(255, 255, 255, 1);--rim-lo: rgba(255, 255, 255, .7);--rim-line: rgba(0, 0, 0, .06);--glass: rgba(220, 220, 226, .55);--sheen: rgba(255, 255, 255, .75)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;font-weight:500;line-height:21px;letter-spacing:-.045em;-webkit-font-smoothing:antialiased;transition:background .2s ease,color .2s ease}::-moz-selection{background:var(--sel)}::selection{background:var(--sel)}#app{--pl: 26px;--pr: 26px;--top: 22vh;--top-min: 9vh;padding:0 var(--pr) 0 var(--pl);display:flex;flex-direction:column}#app:before{content:"";flex:0 1 var(--top);min-height:var(--top-min)}@media (min-width: 1024px){#app{--pl: 33vw}}#app{height:100vh;height:100svh}p{margin:0 0 1em}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.ink{color:var(--ink)}.feldy{white-space:nowrap}.app-icon{display:inline-block;width:1.45em;height:1.45em;border-radius:.38em;vertical-align:-.34em;margin-right:.18em;filter:grayscale(1) opacity(.75);transition:filter .2s ease}.feldy:hover .app-icon{filter:none}@media (hover: none){.app-icon{filter:none}}@keyframes enter{0%{opacity:0}}.enter{animation:enter .48s cubic-bezier(.25,.1,.25,1) both;animation-delay:calc(var(--i, 0) * 75ms)}@media (prefers-reduced-motion: reduce){.enter{animation:none}}.intro{max-width:24rem}.avatar{display:block;width:52px;height:52px;image-rendering:pixelated;border-radius:8px;margin-bottom:2rem}.avatar-wrap{position:relative;width:52px;height:52px;margin-bottom:2rem}.avatar-wrap canvas{position:absolute;pointer-events:none}.avatar,.avatar-wrap{transform-origin:0 0}.avatar.docked,.avatar-wrap.docked{position:fixed;top:16px;margin:0;z-index:5;transform:scale(calc(46 / 52))}.topnav.docked{padding-left:55px}.blocks{flex:none;display:flex;gap:16px;margin-top:12px;margin-left:calc(-1 * var(--pl));margin-right:calc(-1 * var(--pr));overflow-x:auto;scrollbar-width:none;padding:4px var(--pr) 20px var(--pl)}.blocks::-webkit-scrollbar{display:none}.block{position:relative;flex:none;margin:0}.cap{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;pointer-events:none;z-index:1;text-shadow:0 0 4px var(--tile),0 0 10px var(--tile)}.cap-head{flex:none;display:flex;align-items:center;gap:8px}.kind{flex:none;width:14px;height:14px;color:var(--dim);transition:color .15s ease}.kind svg{width:100%;height:100%;display:block}.block:hover .kind,.cap-title{color:var(--ink)}.cap-blurb{min-width:0;color:var(--dim);white-space:nowrap;overflow:hidden}.cap-blurb:before{content:" – "}.cap.bare .cap-blurb{display:none}.tile .tp-stage{padding-top:76px}.block[aria-label=bookmarx]{--tile: #1a2230}.block[aria-label=foil]{--tile: #1f1b27}.block[aria-label=morph]{--tile: #15211f}.block[aria-label=calendar]{--tile: #221a21}.block[aria-label=gallaria]{--tile: #251b17}.block[aria-label=compass]{--tile: #1b2019}.block[aria-label=keycaps]{--tile: #23201a}.block[aria-label=coffee]{--tile: #1f1915}@media (prefers-color-scheme: light){.block[aria-label=bookmarx]{--tile: #e3eaf3}.block[aria-label=foil]{--tile: #ebe7f3}.block[aria-label=morph]{--tile: #e3efec}.block[aria-label=calendar]{--tile: #f3e8ee}.block[aria-label=gallaria]{--tile: #f3e9e3}.block[aria-label=compass]{--tile: #e7ede3}.block[aria-label=keycaps]{--tile: #f1ece1}.block[aria-label=coffee]{--tile: #ede5dd}}.tile{height:50vh;height:50svh;aspect-ratio:var(--ratio, 9 / 10);border-radius:52px;corner-shape:squircle;background:linear-gradient(to bottom,var(--sheen),transparent 55%) var(--tile);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .2s ease;position:relative;isolation:isolate}.tile:after,.icon-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;border-radius:inherit;corner-shape:inherit;pointer-events:none;z-index:10;background:linear-gradient(var(--rim-angle, 135deg),var(--rim-hi),transparent 32%,transparent 68%,var(--rim-lo));box-shadow:inset 0 0 0 .5px var(--rim-line);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.tile.coffee{flex-direction:column;gap:6px;text-align:center;padding:24px}.tile.coffee:hover{text-decoration:none}.c-line{color:var(--dim)}.c-cta{color:var(--ink)}.tile.coffee:hover .c-cta{text-decoration:underline;text-underline-offset:3px}.tile-err{color:var(--dim)}.tile.mark{cursor:pointer;touch-action:pan-x}.tile.mark:focus-visible,.tile.tappable:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px}.tile.tappable{cursor:pointer}.tile .fc-row,.tile .fc-cap{display:none}.tile .fc-scene{padding:0;width:100%}.tile .fc-card{width:56%}.tile .cw{box-sizing:border-box;padding-top:40px}.tile .cw .cw-w{height:auto;width:36%}.cw{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cw-w{height:58%;aspect-ratio:1}.tile .ga-tag,.tile .kc-panel,.tile .kc-cap{display:none}.tile .kc-stage{max-width:none;width:100%}.tile .hb-row,.tile .hb-cap{display:none}.tile .hb-stage{padding:0}.tile .hb-btn{font-size:clamp(18px,calc(var(--hb-w, 300px) * .085),84px)}.tile .mo-row,.tile .mo-cap{display:none}.tile .mo-stage{width:100%;height:100%;max-width:none;aspect-ratio:auto}.tile .ey-row,.tile .ey-cap{display:none}.tile .ey-stage{width:100%;height:100%;max-width:none;aspect-ratio:auto}.tile .ff-row,.tile .ff-cap{display:none}.tile .ff-stage{width:100%;height:100%;max-width:none;aspect-ratio:auto}.tile .fs-row,.tile .fs-cap{display:none!important}.tile .fs-pics{border-radius:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;margin:0;background:transparent;color:var(--ink);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:var(--dim)}input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:var(--dim)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%;background:currentColor;-webkit-transition:transform .15s ease;transition:transform .15s ease}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:currentColor;-moz-transition:transform .15s ease;transition:transform .15s ease}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:scale(1.35)}input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{transform:scale(1.35)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--tile),0 0 0 3.5px var(--ink)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--tile),0 0 0 3.5px var(--ink)}.bars{display:flex;justify-content:flex-end;align-items:flex-end;gap:6px;margin-top:auto;padding:0 4px 14px;pointer-events:none}.bars i{width:2px;height:14px;border-radius:2px;background:var(--dim);transition:width .25s ease,height .25s ease,background .25s ease}.bars i.on{width:5px;background:var(--ink)}.topnav{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;gap:9px;z-index:5}.icon-btn{position:relative;isolation:isolate;display:grid;place-items:center;width:46px;height:46px;border-radius:20px;corner-shape:squircle;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(6px) saturate(1.5);backdrop-filter:blur(6px) saturate(1.5);transition:transform .15s ease}.icon-btn svg{display:block}button.icon-btn{border:0;padding:0;font:inherit;cursor:pointer}.snd .snd-on,.snd.on .snd-off{display:none}.snd.on .snd-on{display:inline}.icon-btn:hover{transform:translateY(-1px) scale(1.04)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10}.drawer-back{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 78%,transparent);opacity:0;transition:opacity .45s ease}.drawer.open .drawer-back{opacity:1}.drawer-panel{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--tile)}.drawer.landed .drawer-panel{background:transparent}.drawer-card{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;padding:calc(48px + env(safe-area-inset-top,0px)) 28px calc(36px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;outline:none;transition:transform .35s cubic-bezier(.32,.72,0,1)}.drawer-icon{pointer-events:none;transform-origin:50% 50%;will-change:transform,opacity;z-index:1}.drawer.landed .drawer-card{background:var(--tile)}.drawer-body,.drawer-close{opacity:0;transition:opacity .25s ease}.drawer.open .drawer-body,.drawer.open .drawer-close{opacity:1;transition-delay:.3s}.drawer.closing .drawer-body,.drawer.closing .drawer-close{opacity:0;transition:opacity .12s ease}.drawer-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.drawer.closing .drawer-scene{opacity:0;filter:blur(16px);transition:opacity .42s ease .09s,filter .42s ease .09s}.tile.vacant>*{visibility:hidden}.drawer.scenic .drawer-panel{background:transparent}.drawer.scenic .drawer-card{background:color-mix(in srgb,var(--tile) 48%,transparent)}#app{transform-origin:50% 50%;transition:transform .56s cubic-bezier(.32,.72,0,1)}#app.pushed{transform:scale(.96)}.drawer-close{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:16px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg);color:var(--fg);cursor:pointer;display:flex;align-items:center;justify-content:center}.drawer-close:hover,.drawer-close:focus-visible{color:var(--ink);outline:none}.drawer-spread{width:100%;margin:auto;display:flex;flex-direction:column}.drawer-body{width:100%;max-width:24rem;margin:auto}.drawer-stage{display:none}.drawer.staged .drawer-stage{width:100%;max-width:30rem;min-height:min(54svh,440px);margin:0 auto 28px;display:flex;flex-direction:column;justify-content:center}.drawer-stage[data-piece=compass]{height:min(58svh,470px)}.drawer-stage[data-piece=feldy]{height:min(66svh,600px)}.drawer-stage[data-piece=feldy] .fs-pics{height:auto;flex:1 1 auto;min-height:0;width:auto;aspect-ratio:900 / 1262;max-width:100%;border-radius:22px;box-shadow:var(--card-shadow)}.drawer.staged .drawer-stage[data-piece=bookmarx]{min-height:0;aspect-ratio:1200 / 1500}.drawer.staged .drawer-stage[data-piece=bookmarx] .bmx-space{width:100%;height:100%;border-radius:18px;box-shadow:var(--card-shadow)}@media (min-width: 900px){.drawer.staged .drawer-stage[data-piece=bookmarx]{aspect-ratio:auto;height:min(66svh,600px)}.drawer.staged .drawer-stage[data-piece=bookmarx] .bmx-space{width:auto;max-width:100%;aspect-ratio:1200 / 1500;margin:0 auto}}.drawer.staged .drawer-stage[data-piece=calendar]{min-height:0}.drawer-stage .cw{flex-shrink:0;height:auto;aspect-ratio:4 / 3}.drawer-stage .cw .cw-w{height:auto;width:min(40%,300px);aspect-ratio:auto}.drawer-stage{opacity:0;transition:opacity .3s ease;min-width:0}.drawer.open .drawer-stage{opacity:1;transition-delay:.14s}.drawer.closing .drawer-stage{opacity:0;transition:opacity .12s ease}@media (min-width: 900px){.drawer.staged .drawer-spread{max-width:62rem;display:grid;grid-template-columns:24rem minmax(0,1fr);gap:0 clamp(40px,6vw,88px);align-items:center}.drawer.staged .drawer-body{grid-area:1 / 1;margin:0}.drawer.staged .drawer-stage{grid-area:1 / 2;margin:0;max-width:none}}.drawer-media{display:block;width:100%;aspect-ratio:9 / 10;-o-object-fit:cover;object-fit:cover;border-radius:18px;background:var(--bg);margin:28px 0 24px}.drawer-body p{margin:0 0 1em}.drawer-body em{font-style:normal;color:var(--ink)}.dim{color:var(--dim)}.drawer-head{margin-bottom:1.6em!important}.drawer-code{margin:0 0 1em;padding:14px 16px;border-radius:12px;background:var(--bg);color:var(--fg);font:inherit;font-size:12px;line-height:19px;white-space:pre;overflow-x:auto;overscroll-behavior-x:contain}.drawer-code i{font-style:normal}.t-com{color:var(--dim)}.t-key,.t-typ{color:var(--green)}.t-fn{color:var(--ink)}.t-num,.t-str{color:var(--amber)}.drawer-links a{margin-right:1.2em}@media (max-width: 480px){#app{--top: 14vh}}@media (max-width: 640px){.drawer-card{padding-left:16px;padding-right:16px}.blocks{flex-direction:column;gap:20px;overflow-x:visible;margin-top:clamp(96px,18svh,160px);padding:4px 12px calc(36px + env(safe-area-inset-bottom,0px))}.block{width:100%}.tile{border-radius:40px;--mo-scale: .42;width:100%;height:auto;aspect-ratio:var(--ratio, 4 / 5)}.tile .fc-card{width:64%}.drawer-stage .cw{aspect-ratio:16 / 10}.drawer-stage .cw .cw-w{width:47%}.tile .cw .cw-w{width:42%}.tile.mark,.tile .tp-stage,.tile .tp-pic.tap,.tile .fc-card{touch-action:pan-y}.bars{display:none}}@media (max-width: 640px) and (max-height: 700px){#app{--top-min: 64px}.intro p{margin-bottom:.4em}.avatar,.avatar-wrap{margin-bottom:.75rem}.bars{padding-bottom:4px}.blocks{padding-top:0}}@media (prefers-reduced-motion: reduce){body,.tile,.bars,.bars i,.drawer-back,.drawer-card,.drawer-body,.drawer-close,#app{transition:none}}