:root{--cat-step: 112px;--cat-width: 84px;--cat-gap: 28px;--mark: 0;--sub: 0;--menu: 0;color-scheme:dark}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0}body{background:#000;color:#fff;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;overflow:hidden;touch-action:none}button{font:inherit;color:inherit;background:none;border:0;padding:0}::selection{background:#ffffff38}.wave{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.skip-catch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;cursor:pointer}.mark{position:fixed;left:54%;top:46%;transform:translateY(-50%);display:flex;align-items:center;gap:26px;z-index:2;pointer-events:none}.mark-symbol{width:86px;height:86px;stroke:#fff;fill:none;stroke-width:5;filter:drop-shadow(0 0 6px rgba(0,0,0,.45));stroke-linecap:round;stroke-linejoin:round;opacity:var(--mark)}.mark-copy{--word-size: clamp(38px, 4.4vw, 62px)}.mark-word{font-weight:200;font-size:var(--word-size);letter-spacing:.34em;line-height:.9;text-shadow:0 0 16px rgba(0,0,0,.55);opacity:var(--mark)}.mark-line{margin-top:12px;text-align:right;font-size:12px;font-weight:300;letter-spacing:.28em;padding-right:calc(.3855 * var(--word-size) - .175em);opacity:var(--sub);text-shadow:0 0 10px rgba(0,0,0,.65)}.xmb{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--menu);pointer-events:none;transition:opacity .48s ease}.ascii-portrait{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .55s ease}.ascii-portrait.is-on{opacity:1}.xmb[data-dim=true] .ascii-portrait{opacity:0}.xmb button{pointer-events:auto}.xmb[data-dim=true],.xmb[data-dim=true] button{pointer-events:none}.site-signature{position:absolute;top:26px;left:30px;display:flex;align-items:baseline;gap:14px;color:#ffffffb8;pointer-events:none}.site-signature span{font-size:12px;font-weight:300;letter-spacing:.34em}.site-signature small{padding-left:14px;border-left:1px solid rgba(255,255,255,.22);font-size:9px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:#ffffff6b}.clock-stack{position:absolute;top:22px;right:28px;width:min(340px,42vw);z-index:3;pointer-events:none}.clock{margin-left:auto;width:84px;height:84px}.clock-face{display:block;width:84px;height:84px;stroke:#ffffffe0;fill:none;stroke-linecap:round;stroke-linejoin:round}.clock-mark{stroke-width:3}.clock-hands{stroke-width:2}.clock-face circle:last-child{fill:#ffffffe0;stroke:none}.toast{margin-top:10px;margin-left:auto;width:fit-content;max-width:100%;background:#061614b8;border-radius:3px;padding:8px 12px;font-size:12px;letter-spacing:.04em}.icon-row{position:absolute;top:32vh;left:50%;transform:translate(-50%);display:flex;gap:var(--cat-gap);align-items:flex-start;transition:transform .35s cubic-bezier(.22,.8,.2,1),opacity .35s ease}.icon-row:before{content:"";position:absolute;top:17px;left:-54px;right:-54px;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 16%,rgba(255,255,255,.08) 84%,transparent)}.icon-row.is-deep{transform:translate(calc(-50% - 36px));opacity:.8}.cat{width:var(--cat-width);min-height:66px;display:grid;justify-items:center;cursor:pointer;opacity:.38;color:#fff;position:relative;transition:opacity .25s ease,transform .32s cubic-bezier(.2,.85,.25,1)}.cat:before{content:"";position:absolute;top:-8px;left:50%;width:50px;height:50px;transform:translate(-50%) scale(.72);border:1px solid rgba(255,255,255,0);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);opacity:0;transition:transform .35s ease,opacity .25s ease,border-color .25s ease}.cat svg{width:34px;height:34px;position:relative;transition:transform .32s cubic-bezier(.2,.85,.25,1)}.cat.is-selected{opacity:1;filter:drop-shadow(0 0 10px rgba(255,255,255,.35));transform:translateY(-4px)}.cat.is-selected:before{opacity:1;transform:translate(-50%) scale(1);border-color:#ffffff24}.cat.is-selected svg{transform:scale(1.08)}.cat:hover:not(.is-selected){opacity:.68;transform:translateY(-2px)}.cat:hover:not(.is-selected):before{opacity:.5}.cat:focus,.item:focus{outline:none}.cat-label{margin-top:10px;font-size:11px;font-weight:400;letter-spacing:.19em;text-align:center;max-width:120px;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.45)}.column{position:absolute;top:32vh;left:calc(50% + (var(--cat-index) - 2) * var(--cat-step));width:0;height:0;transition:left .32s cubic-bezier(.22,.8,.2,1)}.item{position:absolute;left:0;margin-left:-26px;display:flex;align-items:center;gap:13px;white-space:nowrap;cursor:pointer;color:#fff;min-height:46px;min-width:236px;width:max-content;padding:5px 18px 5px 7px;border:1px solid transparent;border-radius:5px;transition:top .18s ease,opacity .18s ease,background .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.item.is-selected{transform:translate(5px);border-color:#ffffff24;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 72%,transparent);box-shadow:inset 0 1px #ffffff14,0 8px 28px #00000021;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.item:hover:not(.is-selected){transform:translate(3px);border-color:#ffffff14;background:linear-gradient(90deg,rgba(255,255,255,.065),transparent 82%)}.item-icon{width:38px;height:38px;display:grid;place-items:center;flex:none;transition:transform .22s ease}.item-icon svg{width:28px;height:28px}.item-icon img{width:38px;height:38px;object-fit:cover;border-radius:3px;display:block;box-shadow:0 5px 18px #0000003d;transition:width .22s ease,height .22s ease,filter .22s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.item.is-selected .item-icon{transform:scale(1.06)}.item:not(.is-selected) .item-icon img{filter:saturate(.62) brightness(.78)}.item-copy{display:grid;gap:2px;min-width:160px;width:max-content;max-width:min(420px,46vw)}.item-label{font-size:16px;font-weight:300;letter-spacing:.02em;max-width:min(420px,46vw);overflow:hidden;text-overflow:ellipsis}.item:not(.is-selected) .item-label{opacity:.72}.item-detail{max-width:min(420px,46vw);overflow:hidden;text-overflow:ellipsis;color:#ffffff7a;font-size:9px;font-weight:300;letter-spacing:.16em;text-transform:uppercase}.hints{position:absolute;right:28px;bottom:22px;display:flex;gap:16px;font-size:11px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;pointer-events:none}.hints span{padding-left:12px;border-left:1px solid rgba(255,255,255,.16)}.hint-touch,.touch-back{display:none}.xmb.is-arriving .cat,.xmb.is-arriving .item-icon{animation:arrive .7s ease both}.xmb.is-arriving .item:nth-child(2) .item-icon{animation-delay:.05s}.xmb.is-arriving .item:nth-child(3) .item-icon{animation-delay:.1s}.xmb.is-arriving .item:nth-child(4) .item-icon{animation-delay:.15s}.xmb.is-arriving .item:nth-child(5) .item-icon{animation-delay:.2s}@keyframes arrive{0%{opacity:0;filter:blur(8px);transform:scale(.45)}to{opacity:1;filter:none;transform:none}}.viewer,.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5}.viewer{overflow:hidden;background:#03110f00;transition:background .55s ease}.viewer.is-loaded{background:#03110f}.viewer-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:0;filter:blur(10px);transform:scale(1.025);transition:opacity .7s ease,filter .75s ease,transform .9s cubic-bezier(.2,.78,.2,1)}.viewer.is-loaded .viewer-media{opacity:1;filter:blur(0);transform:scale(1)}.viewer-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(1,9,8,.7),transparent 28%),linear-gradient(90deg,rgba(1,9,8,.16),transparent 28%,transparent 72%,rgba(1,9,8,.16))}.viewer-backdrop,.viewer-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.viewer-backdrop{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;object-fit:cover;filter:blur(34px) saturate(.72) brightness(.34);opacity:.72;transform:scale(1.04)}.viewer-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 48px rgba(0,0,0,.38))}.viewer-copy{position:absolute;left:48px;bottom:48px;max-width:min(560px,70vw);text-shadow:0 8px 30px rgba(0,0,0,.45);opacity:0;transform:translateY(14px);transition:opacity .5s ease .18s,transform .65s cubic-bezier(.2,.78,.2,1) .12s}.viewer.is-loaded .viewer-copy{opacity:1;transform:translateY(0)}.viewer-kicker{margin:0 0 8px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:400;font-family:Outfit,sans-serif}.viewer-copy h2,.reader-card h2{margin:0;font-family:Fraunces,Iowan Old Style,Palatino,serif;font-weight:460;font-size:clamp(32px,4vw,54px);letter-spacing:-.03em}.viewer-caption,.reader-body{font-family:Fraunces,Iowan Old Style,Palatino,serif;font-weight:460;font-size:18px;line-height:1.45}.viewer-caption{margin:10px 0 0}.edge{position:absolute;top:0;bottom:88px;width:12vw;cursor:pointer}.edge.prev{left:0}.edge.next{right:0}.edge:disabled{cursor:default;opacity:.2}.edge:before{content:"";position:absolute;top:50%;width:14px;height:14px;border-top:1px solid rgba(255,255,255,.8);border-left:1px solid rgba(255,255,255,.8);opacity:0;transition:opacity .2s ease}.edge.prev:before{left:28px;transform:translateY(-50%) rotate(-45deg)}.edge.next:before{right:28px;transform:translateY(-50%) rotate(135deg)}.edge:hover:before,.edge:focus-visible:before{opacity:1}.viewer-back{position:absolute;left:48px;bottom:22px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:.75}.viewer .viewer-back{left:auto;right:0;bottom:0;z-index:2;min-width:48px;min-height:48px;padding:22px 24px}.viewer .viewer-back,.viewer .edge{transition:opacity .4s ease .18s}.viewer:not(.is-loaded) .viewer-back,.viewer:not(.is-loaded) .edge{opacity:0}.viewer.is-exiting{background:#03110f00}.viewer.is-exiting .viewer-media{opacity:0;filter:blur(8px);transform:scale(.985);transition:opacity .46s ease,filter .46s ease,transform .52s cubic-bezier(.4,0,.8,.2)}.viewer.is-exiting .viewer-copy,.viewer.is-exiting .viewer-back,.viewer.is-exiting .edge{opacity:0;transform:translateY(8px);transition-delay:0s;transition-duration:.28s}.reader{display:grid;place-items:center;background:#04100e47}.reader-card{width:min(640px,calc(100% - 64px));max-height:min(70vh,640px);overflow:auto}.reader-body{margin:18px 0 0}.reader .viewer-back{position:static;display:inline-block;margin-top:28px}@media(max-width:860px){:root{--cat-step: 74px;--cat-width: 58px;--cat-gap: 16px;--menu-anchor: 64px}.mark{left:50%;transform:translate(-50%,-54%)}.viewer-copy{left:24px;bottom:64px}.cat svg{width:28px;height:28px}.site-signature{top:16px;left:16px}.site-signature small{display:none}.clock-stack{top:42px;left:16px;right:16px;width:auto}.icon-row,.icon-row.is-deep{left:var(--menu-anchor);transform:translate(calc(-1 * (var(--cat-index) * var(--cat-step) + var(--cat-width) / 2)))}.column{left:var(--menu-anchor)}.item{min-width:0;width:min(280px,calc(100vw - var(--menu-anchor) - 16px));max-width:calc(100vw - var(--menu-anchor) - 16px)}.item-copy,.item-label,.item-detail{min-width:0;width:auto;max-width:100%}.hint-keys{display:none}.hints .hint-touch{display:block;padding-left:0;border-left:0}.touch-back{position:absolute;left:0;top:calc(32vh - 2px);z-index:4;display:grid;place-items:center;width:36px;height:44px;color:#ffffffc7}.touch-back:before{content:"";width:9px;height:9px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}