.content-panel-anchor{width:0;height:0;pointer-events:none}.content-panel{position:relative;width:54vw;height:48vh;min-height:48vh;pointer-events:none;-webkit-user-select:none;user-select:none}.content-panel__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 0%,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 25%,rgba(0,0,0,1) 50%,rgba(0,0,0,.8) 75%,rgba(0,0,0,0) 100%,transparent 100%)}.content-panel__line{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,.8) 75%,rgba(255,255,255,0) 100%,transparent 100%)}.content-panel__line--top{top:0}.content-panel__line--bottom{bottom:0}.content-panel__body{display:flex;flex-direction:column;position:relative;color:#fff;font-family:var(--font-sans);font-size:13px;min-height:0;height:100%;grid-template-rows:10% 45% 45%;padding-top:20px;padding-inline:28px;padding-bottom:0}.content-panel__title{margin:0 0 12px;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.04em;line-height:1.2;color:#fffffff2}.content-panel__desc{margin:0 0 24px;font-size:13px;font-weight:400;line-height:1.65;letter-spacing:.01em;color:#ffffffd9;white-space:pre-line}.content-panel__images{display:flex;gap:16px;align-items:flex-end}.content-panel__image{flex:1;min-width:0;width:auto;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 32px rgba(0,0,0,.35))}.folder-connector-arrow{position:absolute;width:10px;height:10px;transform:translateY(-50%);pointer-events:none;z-index:1;background:linear-gradient(to right,#fff,#a0a0a080);clip-path:polygon(0% 50%,100% 0%,100% 100%);filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.photo-grid-anchor{width:0;height:0;pointer-events:none}.photo-grid-panel{position:relative;width:58vw;height:100vh;margin-top:calc(-1 * var(--photo-grid-anchor-top, 0px));padding-top:var(--photo-grid-anchor-top, 0px);background:transparent;-webkit-user-select:none;user-select:none;overflow:visible}.photo-grid{--photo-grid-thumb-height: 15vh;width:100%;height:100%}.photo-grid__viewport{position:relative;height:100vh;overflow:visible;padding-left:12px;padding-right:12px}.photo-grid__viewport>.folder-connector-arrow{left:calc(-12px - 4.5vw);top:calc(var(--photo-grid-thumb-height) / 2)}.photo-grid__track{display:grid;grid-template-columns:repeat(5,1fr);gap:18px 14px;align-content:start;transition:transform .5s ease;will-change:transform}.photo-grid__item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}.photo-grid__image{height:var(--photo-grid-thumb-height);width:100%;display:flex;align-items:center;justify-content:center;border-radius:1px;transition:transform .15s ease-out}.photo-grid__image img{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;border-radius:1px;border:3px groove transparent;box-sizing:border-box}@keyframes photo-grid-focus-pulse{0%,to{border-color:#ffffff80}50%{border-color:#fff0}}@keyframes photo-grid-title-glow-pulse{0%,to{text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.55),0 0 28px rgba(255,255,255,.3)}50%{text-shadow:none}}.photo-grid__item--focused .photo-grid__image{transform:scale(1.12)}.photo-grid__item--focused .photo-grid__image img{animation:photo-grid-focus-pulse 2.5s ease-in-out infinite}.photo-grid__title{width:100%;min-height:1.2em;font-family:var(--font-sans);font-size:.75rem;font-weight:400;letter-spacing:.02em;line-height:1.2;padding-top:5px;text-align:left;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:none;transition:opacity .25s ease-in-out}.photo-grid__title--visible{opacity:1;animation:photo-grid-title-glow-pulse 2.5s ease-in-out infinite}.photo-viewer{display:inline-flex;max-width:100%;max-height:100%}.photo-viewer__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.photo-viewer-panel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000d9;pointer-events:none;-webkit-user-select:none;user-select:none}.photo-viewer-panel__caption{position:absolute;bottom:24px;left:32px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:var(--font-sans);color:#ffffffe6;text-align:left;pointer-events:none}.photo-viewer-panel__title{font-size:.85rem;font-weight:400;letter-spacing:.02em;line-height:1.2}.photo-viewer-panel__date{font-size:.7rem;color:#fff9;letter-spacing:.04em;line-height:1.2}.fullscreen-panel{--panel-inset-y: 15vh;--panel-footer-offset-x: 15vh;--panel-text-width: 42rem;--panel-inline-padding: 48px;--panel-scrollbar-width: 6px;position:relative;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.fullscreen-panel__backdrop{position:absolute;top:var(--panel-inset-y);bottom:var(--panel-inset-y);left:0;right:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);will-change:backdrop-filter}.fullscreen-panel__content{position:relative;width:100%;height:100%}.fullscreen-panel__line{position:absolute;left:0;right:0;height:1.5px;background:#fff6;z-index:1}.fullscreen-panel__line--top{top:var(--panel-inset-y)}.fullscreen-panel__line--bottom{bottom:var(--panel-inset-y)}.fullscreen-panel__header{position:absolute;top:calc(var(--panel-inset-y) - 1.6rem);left:8vw;right:48px;display:flex;align-items:center;gap:.5rem;z-index:1}.fullscreen-panel__footer{position:absolute;bottom:calc(var(--panel-inset-y) - 1.6rem);left:50%;transform:translate(calc(-50% + var(--panel-footer-offset-x)));display:flex;align-items:center;justify-content:center;z-index:1}.fullscreen-panel__body-wrap{position:absolute;top:var(--panel-inset-y);bottom:var(--panel-inset-y);left:0;right:0;z-index:2;overflow:hidden}.fullscreen-panel__body{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;color:#fff;font-family:var(--font-sans);font-size:13px;padding-block:16px;padding-inline:var(--panel-inline-padding);scrollbar-gutter:stable;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.fullscreen-panel__body::-webkit-scrollbar{width:6px}.fullscreen-panel__body::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:3px}.fullscreen-panel__scroll-hint{position:absolute;bottom:0;left:0;right:0;height:72px;pointer-events:none;z-index:3;opacity:0;transition:opacity .25s ease}.fullscreen-panel__scroll-hint-column{position:absolute;bottom:0;left:var(--panel-inline-padding);right:calc(var(--panel-inline-padding) + var(--panel-scrollbar-width));width:min(var(--panel-text-width),100%);height:72px;margin-inline:auto}.fullscreen-panel__scroll-hint-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 100% at 50% 100%,rgba(0,0,0,.69) 0%,rgba(0,0,0,.2) 45%,transparent 72%)}.fullscreen-panel__scroll-hint-arrow{position:absolute;bottom:12px;left:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px;transform:translate(-50%);z-index:1}.fullscreen-panel__scroll-hint-arrow:before{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid rgba(255,255,255,.9);filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}.fullscreen-panel__scroll-hint--visible{opacity:1}.fullscreen-panel__scroll-hint--visible .fullscreen-panel__scroll-hint-arrow{animation:fullscreen-panel-scroll-hint-bounce 1.6s ease-in-out infinite}@keyframes fullscreen-panel-scroll-hint-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.fullscreen-panel__icon{width:.9rem;height:.9rem;flex-shrink:0;object-fit:contain}.fullscreen-panel__title,.fullscreen-panel__label{margin:0;font-family:var(--font-sans);font-size:.95rem;font-weight:400;letter-spacing:normal;line-height:1.2;color:#fffffff2}.fullscreen-panel__desc-wrap{margin:0 auto;max-width:var(--panel-text-width);padding-bottom:36px}.fullscreen-panel__desc{margin:0;text-align:left;font-size:14px;font-weight:400;line-height:1.65;letter-spacing:.01em;color:#ffffffd9;white-space:pre-line}.fullscreen-panel__video{position:relative;width:100%;aspect-ratio:16 / 9;margin:1rem 0}.fullscreen-panel__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.fullscreen-panel__figure{display:flex;justify-content:center;margin:1rem 0}.fullscreen-panel__image{display:block;width:auto;max-width:100%;height:auto}.profile-panel{--panel-inset-y: 10vh;--panel-inline-padding: 48px;--panel-scrollbar-width: 6px;position:relative;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-panel__backdrop{position:absolute;top:var(--panel-inset-y);bottom:var(--panel-inset-y);left:0;right:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);will-change:backdrop-filter}.profile-panel__content{position:relative;width:100%;height:100%}.profile-panel__line{position:absolute;left:0;right:0;height:1.5px;background:#fff6;z-index:1}.profile-panel__line--top{top:var(--panel-inset-y)}.profile-panel__line--bottom{bottom:var(--panel-inset-y)}.profile-panel__body-wrap{position:absolute;top:var(--panel-inset-y);bottom:var(--panel-inset-y);left:0;right:0;overflow:hidden}.profile-panel__body{width:100%;height:100%;overflow-y:auto;padding:2rem var(--panel-inline-padding);pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:3rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.profile-panel__body::-webkit-scrollbar{width:var(--panel-scrollbar-width)}.profile-panel__body::-webkit-scrollbar-track{background:transparent}.profile-panel__body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.profile-panel__body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.profile-panel__section{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:42rem}.profile-panel__title{font-family:var(--font-sans);font-size:1.5rem;font-weight:600;text-align:center;color:#fffffff2;text-shadow:0 0 6px rgba(255,255,255,.45),0 0 12px rgba(255,255,255,.25)}.profile-panel__image{display:block;width:100%;max-width:100%;height:auto;border-radius:4px}.profile-panel__scroll-hint{position:absolute;bottom:0;left:0;right:0;height:4rem;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;opacity:0;transition:opacity .3s ease}.profile-panel__scroll-hint--visible{opacity:1}.profile-panel__scroll-hint-column{display:flex;flex-direction:column;align-items:center;gap:.5rem}.profile-panel__scroll-hint-gradient{width:1px;height:2rem;background:linear-gradient(to bottom,#fff0,#fff9)}.profile-panel__scroll-hint-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(255,255,255,.6);filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.intro-panel{--panel-boot-text-width: 80vw;--panel-intro-text-width: 65vw;--panel-text-width: var(--panel-boot-text-width);--panel-inline-padding: 48px;position:relative;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.intro-panel--intro{--panel-text-width: var(--panel-intro-text-width)}.intro-panel--boot{pointer-events:auto;cursor:pointer}.intro-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);will-change:backdrop-filter}.intro-panel__content{position:relative;width:100%;height:100%}.intro-panel__body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding-inline:var(--panel-inline-padding)}.intro-panel__text-wrap{margin:0 auto;width:100%;max-width:var(--panel-text-width)}.intro-panel__text{margin:0;text-align:left;font-family:var(--font-sans);font-size:1.15rem;font-weight:400;line-height:1.65;letter-spacing:.01em;color:#ffffffe6;white-space:pre-line;text-shadow:0 2px 8px rgba(0,0,0,.85)}.xmb-nav{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.xmb-hint{position:fixed;bottom:3vh;left:50%;transform:translate(-50%);color:#fff9;font-size:1.4vh;text-shadow:1px 1px 4px rgba(0,0,0,.8);pointer-events:none}@media(max-width:768px){.xmb-hint{font-size:1.2vh;bottom:2vh}}.clock{position:fixed;top:50px;right:0;z-index:1;display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.4rem 4rem .4rem 7rem;font-family:var(--font-sans);color:#ffffffe6;-webkit-user-select:none;user-select:none;pointer-events:none;border:2px solid rgba(255,255,255,.4);border-right:none;border-radius:2px 0 0 2px}.clock-time{font-size:.9rem;font-weight:400;letter-spacing:.03rem;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.55),0 0 28px rgba(255,255,255,.3)}.clock-date{font-size:.9rem;font-weight:400;letter-spacing:.02rem;text-shadow:0 0 6px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.55),0 0 28px rgba(255,255,255,.3)}.profile-trigger{position:fixed;bottom:16px;left:16px;z-index:2;display:flex;align-items:center;gap:.85rem;margin:0;padding:0;border:none;background:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease}.profile-trigger:hover{transform:scale(1.05)}.profile-trigger img{display:block;width:35px;height:35px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 14px rgba(255,255,255,.55))}.profile-trigger__label{font-family:var(--font-sans);font-size:.85rem;font-weight:400;letter-spacing:.02rem;color:#ffffffe6;text-align:left;text-shadow:0 0 6px rgba(255,255,255,.45),0 0 12px rgba(255,255,255,.25)}:root{font-family:var(--font-sans);color-scheme:dark}@font-face{font-family:Phatboy Slim;src:url(/fonts/PhatBoy%20Slim.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Phatboy Slim;src:url(/fonts/PhatBoy%20Slim%20Bold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Phatboy Slim;src:url(/fonts/PhatBoy%20Slim%20Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Phatboy Slim;src:url(/fonts/PhatBoy%20Slim%20Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Phatboy Slim;src:url(/fonts/PhatBoy%20Slim%20BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Phatboy Slim", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);overflow:hidden}#root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}canvas{display:block}