:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#fff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}canvas:focus-visible{outline:1px solid #d9d9d9;outline-offset:-6px}.fallback{position:absolute;inset:0;display:grid;place-content:center;padding:32px;color:#666;line-height:1.8;text-align:center}.archive-nav{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;padding:8px 17px;border:1px solid #e9e9e9;border-radius:40px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #1e232809;white-space:nowrap}.archive-nav[hidden]{display:none}.archive-nav button{border:0;padding:9px 7px;border-radius:20px;background:none;color:#444;font:inherit;font-size:11px;cursor:pointer;transition:background .2s ease,color .2s ease}.archive-nav button:hover{color:#000;background:#f2f2f2}.archive-nav button:disabled{color:#ccc;cursor:default}.archive-nav button:disabled:hover{background:none}.archive-nav span{padding:0 4px;color:#999;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.archive-nav[data-scene=sphere]{left:28px;top:24px;bottom:auto;transform:none;padding:0;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.archive-nav[data-scene=sphere] button:before{content:"←";margin-right:8px}.project-title{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(5px);max-width:min(560px,78vw);color:#494949;font-size:clamp(16px,1.6vw,23px);font-weight:400;letter-spacing:-.025em;line-height:1.4;text-align:center;overflow-wrap:anywhere;pointer-events:none;opacity:0;transition:opacity .24s ease,transform .3s ease}.project-title.is-visible{opacity:1;transform:translate(-50%,-50%)}.project-title[data-scene=gallery]{top:87%;font-size:clamp(14px,1.25vw,18px)}.project-title[data-scene=timeline]{left:11.2%;top:50%;max-width:34vw;padding:0;transform:translateY(-50%) translateY(5px);background:none;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:clamp(22px,2vw,29px);font-weight:400;letter-spacing:-.035em;line-height:1.45;color:#292b2d}.project-title.is-visible[data-scene=timeline]{transform:translateY(-50%)}.collection-name{display:block;margin:.2em 0;font:inherit;opacity:1}.collection-name:nth-child(1),.collection-name:nth-child(5){opacity:.1}.collection-name:nth-child(2),.collection-name:nth-child(4){opacity:.5}.collection-name:nth-child(3){opacity:1}.project-title[data-scene=sphere]{display:none}@media(max-width:600px){.archive-nav{bottom:20px;gap:4px;padding:6px 10px}.archive-nav button{padding:8px 6px}.archive-nav[data-scene=sphere]{left:18px;top:18px}.project-title[data-scene=gallery]{top:84%}.project-title[data-scene=timeline]{left:8%;top:6%;max-width:80vw;transform:translateY(5px);font-size:16px}.project-title.is-visible[data-scene=timeline]{transform:none}}