*{box-sizing:border-box;margin:0;padding:0}:focus{outline:none}body{background:#fff;font-family:Instrument Sans,sans-serif;overflow:hidden}::selection{color:#fff;background-color:#f77b00}canvas{display:block}#loading{z-index:10;opacity:0;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .25s;display:flex;position:fixed;inset:0}#loading.visible{opacity:1}#loading.hidden{opacity:0;pointer-events:none;transition-duration:.7s}#loading-label{letter-spacing:.12em;color:#bbb;font-family:Sometype Mono,Courier New,monospace;font-size:11px}#loading-progress{color:#222;letter-spacing:-.02em;font-family:Sometype Mono,Courier New,monospace;font-size:28px}#gui-panel,#gui-nav{z-index:200;-webkit-backdrop-filter:blur(5px);background:linear-gradient(#fff6,#fff9);border:1px solid #878d94cc;border-radius:20px;flex-direction:column;gap:6px;padding:12px;display:flex;position:fixed;top:20px;left:20px;overflow:hidden;box-shadow:inset 0 -5px 10px #ffffffb3}.gp-head,.nav-btn{color:#000;background:#c2c6cdcc;border-radius:12px;padding:12px 16px;font-family:Barlow Semi Condensed,sans-serif;font-size:17px;font-weight:500;box-shadow:inset 0 0 10px #fff;border:1px solid #878d94cc!important}#gui-nav{min-width:200px}.nav-btn{cursor:pointer;text-align:left;box-sizing:border-box;border:none;width:100%;transition:background .12s;display:block}.nav-btn:hover{filter:brightness(.95)}.nav-sep{background:#c2c6cdcc;height:1px;margin:5px 0}#gui-panel{width:400px;max-height:calc(100vh - 80px);display:none}#gui-panel.open{display:flex}.gp-head{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.gp-close{cursor:pointer;color:#000;background:0 0;border:none;align-items:center;padding:0;transition:opacity .12s;display:flex}.gp-close:hover{opacity:.5}.gp-body{scrollbar-width:none;background-color:#fff9;border-radius:12px;flex:1;overflow-y:auto;box-shadow:inset 0 -5px 10px #ffffffe6}.gp-body::-webkit-scrollbar{display:none}.gp-body.has-filter-bar{flex-direction:column;display:flex;overflow:hidden}.acc-item{border-bottom:1px solid #00000012}.acc-item:last-child{border-bottom:none}.acc-item.open .acc-chevron{margin-bottom:0;transform:rotate(-135deg)}.acc-item.open .acc-content{display:block}.acc-trigger{cursor:pointer;color:#000;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:400;transition:background .12s;display:flex}.acc-trigger:hover{background:#00000008}.acc-chevron{border-bottom:1.5px solid #000;border-right:1.5px solid #000;flex-shrink:0;width:6px;height:6px;margin-bottom:3px;margin-left:12px;transition:transform .18s;display:inline-block;transform:rotate(45deg)}.acc-content{color:#000;padding:4px 16px 14px;font-family:Instrument Sans,sans-serif;font-size:13px;line-height:1.65;display:none}.gp-foot{flex-shrink:0;justify-content:space-between;align-items:center;margin:12px 0 6px}.gp-foot.button{color:#c2c6cd!important}.place-row{cursor:pointer;color:#000;text-align:left;background:0 0;border:none;border-top:1px solid #00000012;width:100%;padding:12px 16px;font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:400;transition:background .12s;display:block}.place-row:first-child{border-top:none}.place-row:hover{background:#00000008}.place-name{color:#000;padding:12px 12px 4px;font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:500;line-height:1.1}.place-desc{color:#000;margin:0;padding:5px 12px 24px;font-family:Instrument Sans,sans-serif;font-size:14px;line-height:1.6}.place-image{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:calc(100% - 24px);margin:0 12px 12px;display:block}.place-nav-btn{cursor:pointer;color:#000;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Instrument Sans,sans-serif;font-size:14px;transition:opacity .12s;display:flex}.place-nav-btn:hover{opacity:.5}.arrow-icon{flex-shrink:0;display:inline-block;overflow:visible}.arrow-icon--right{transform:rotate(-45deg)}.arrow-icon--left{transform:rotate(135deg)}.film-filter-bar{border-bottom:1px solid #878d94cc;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.film-list{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.film-list::-webkit-scrollbar{display:none}.scroll-fade{pointer-events:none;opacity:1;z-index:1;background:linear-gradient(#fff0 0%,#fff 100%);flex-shrink:0;height:120px;margin-top:-120px;transition:opacity .25s;position:sticky;bottom:0}.scroll-fade.hidden{opacity:0}.film-filter-label{color:#000;flex-shrink:0;margin-right:2px;font-family:Instrument Sans,sans-serif;font-size:13px}.film-filter-wraps{align-items:center;gap:24px;display:flex}.film-filter-wrap{position:relative}.film-filter-btn{cursor:pointer;color:#000;white-space:nowrap;z-index:1000;background:0 0;border:none;align-items:center;gap:6px;padding:5px 0;font-family:Instrument Sans,sans-serif;font-size:14px;transition:color .12s;display:flex;position:relative}.film-filter-btn.active{color:#000}.film-filter-btn.active:before{content:"";z-index:-1;background-color:#fff;border-top:1px solid #878d94cc;border-left:1px solid #878d94cc;border-right:1px solid #878d94cc;border-radius:12px 12px 0 0;width:calc(100% + 26px);height:calc(100% + 15px);display:block;position:absolute;top:-8px;left:-12px}.film-filter-btn.filtered{color:#000}.film-filter-chevron{border-bottom:1.5px solid #000;border-right:1.5px solid #000;flex-shrink:0;width:6px;height:6px;margin-bottom:3px;margin-left:6px;transition:transform .15s;display:inline-block;transform:rotate(45deg)}.film-filter-btn.active .film-filter-chevron{margin-bottom:0;transform:rotate(-135deg)}.film-filter-dropdown{z-index:300;background:#fff;border:1px solid #878d94cc;border-top:none;border-radius:0 0 10px 10px;min-width:200px;display:none;position:fixed;overflow:hidden}.film-filter-dropdown.open{display:block}.film-filter-option{cursor:pointer;color:#000;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;font-family:Instrument Sans,sans-serif;font-size:14px;transition:background .2s;display:flex}.film-filter-option:hover{background-color:#00000014}.film-filter-option input[type=checkbox]{accent-color:#000;cursor:pointer;flex-shrink:0;width:14px;height:14px;border-radius:0!important}.film-filter-sep{background:#878d9433;height:1px;margin:0}.film-card{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;border-top:1px solid #00000012;align-items:flex-start;gap:14px;width:100%;padding:14px 16px;transition:background .12s;display:flex}.film-card:first-child{border-top:none}.film-card:hover{background:#00000005}.film-card-thumb{aspect-ratio:16/9;background:#0000000f;flex-shrink:0;width:auto;height:80px;overflow:hidden}.film-card-thumb img{object-fit:cover;filter:grayscale();width:100%;display:block}.film-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.film-card-title{color:#000;font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:500;line-height:1.05}.film-card-desc{color:#000;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-family:Instrument Sans,sans-serif;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.film-card-duration{color:#000;margin-top:2px;font-family:Sometype Mono,Courier New,monospace;font-size:11px}.film-detail-hero{aspect-ratio:16/9;object-fit:cover;filter:grayscale();border-radius:6px;width:calc(100% - 24px);margin:12px 12px 0;display:block}.film-detail-header{justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 20px 8px;display:flex}.film-detail-title{color:#000;flex:1;font-family:Barlow Condensed,sans-serif;font-size:36px;font-weight:500;line-height:1.05}.film-detail-duration{color:#000;flex-shrink:0;margin-top:5px;padding-bottom:5px;font-family:Sometype Mono,Courier New,monospace;font-size:12px}.film-detail-desc{color:#000;margin:0;padding:5px 20px 28px;font-family:Instrument Sans,sans-serif;font-size:14px;line-height:1.6}.film-detail-cols{flex-direction:column;gap:0;padding:0 16px 28px;display:flex}.film-detail-col{border-bottom:1px solid #00000012;gap:16px;padding:14px 0;display:flex}.film-detail-col:last-child{border-bottom:none}.film-detail-col-label{color:#000;flex-shrink:0;min-width:110px;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:500}.film-detail-col-items{flex:1;min-width:0}.film-detail-col-item{color:#000;font-family:Instrument Sans,sans-serif;font-size:14px;line-height:1.65}.film-legend{color:#000;-webkit-user-select:none;user-select:none;flex-wrap:wrap;flex-shrink:0;gap:10px 24px;padding:12px 16px 6px;display:flex}.film-legend-item{align-items:center;gap:8px;display:flex}.film-legend-icon{flex-shrink:0;width:30px;height:10px;display:block}.film-legend-label{color:#000;white-space:nowrap;font-family:Sometype Mono,Courier New,monospace;font-size:11px}.film-watch-btn{cursor:pointer;color:#fff;text-align:left;box-sizing:border-box;background:#262626;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:12px 24px;font-family:Barlow Semi Condensed,sans-serif;font-size:22px;font-weight:500;transition:background .12s;display:flex;box-shadow:inset 0 0 10px #ffffffb3}.film-watch-btn:hover{background:#000}.film-watch-icon{opacity:1;font-size:14px}.film-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(24px);box-sizing:border-box;background:#1c1c1cbf;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0;overflow:hidden}.film-modal-video{z-index:1;aspect-ratio:16/9;border-radius:20px;width:80vw;max-height:calc(100vh - 80px);display:block;position:relative}.film-duration{color:#bbb;padding:0 20px 6px;font-family:Courier New,Courier,monospace;font-size:11px}.movement-row{cursor:pointer;color:#000;text-align:left;box-sizing:border-box;background:0 0;border:none;border-top:1px solid #00000012;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-family:Instrument Sans,sans-serif;font-size:15px;font-weight:400;transition:background .12s;display:flex}.movement-row:first-child{border-top:none}.movement-row:hover,.movement-row.playing{background:#00000008}.movement-row-title{flex:1}.movement-row-icon{color:#000;flex-shrink:0;margin-left:12px;margin-right:2px;font-family:Sometype Mono,Courier New,monospace;font-size:16px;transition:color .12s}.movement-row.playing .movement-row-icon{color:#000}.about-block{border-bottom:1px solid #00000012;padding:14px 16px}.about-block:last-child{border-bottom:none}.about-block:has(+.scroll-fade){border-bottom:none}.about-label{color:#000;margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:500}.about-block:first-child .about-label{font-size:36px}.about-body{color:#000;font-family:Instrument Sans,sans-serif;font-size:14px;line-height:1.4}.about-body p{margin-top:10px}.about-body p:first-child{margin-top:0}.team-row{gap:16px;margin-bottom:4px;font-family:Instrument Sans,sans-serif;font-size:13px;display:flex}.team-role{color:#000;min-width:80px;font-family:Barlow Semi Condensed,sans-serif;font-weight:500}.team-names{color:#000}.about-ref a{color:#000;font-family:Instrument Sans,sans-serif;font-size:13px;text-decoration:underline}.about-ref a:hover{color:#f77b00}.about-ref span{color:#000;font-family:Instrument Sans,sans-serif;font-size:13px}.about-markdown h1,.about-markdown h2,.about-markdown h3,.about-markdown h4,.about-markdown h5,.about-markdown h6{color:#000;margin:14px 0 6px;font-family:Barlow Condensed,sans-serif;font-weight:500;line-height:1.1}.about-markdown h1:first-child,.about-markdown h2:first-child,.about-markdown h3:first-child,.about-markdown h4:first-child,.about-markdown h5:first-child,.about-markdown h6:first-child{margin-top:0}.about-markdown h1{font-size:24px}.about-markdown h2{font-size:20px}.about-markdown h3{font-size:18px}.about-markdown h4,.about-markdown h5,.about-markdown h6{font-size:16px}.about-markdown p{margin:0 0 10px}.about-markdown p:last-child{margin-bottom:0}.about-markdown strong{color:#000;font-weight:600}.about-markdown em{font-style:italic}.about-markdown a{color:#000;text-underline-offset:2px;text-decoration:underline}.about-markdown a:hover{color:#f77b00}.about-markdown ul,.about-markdown ol{margin:0 0 10px;padding-left:18px}.about-markdown ul:last-child,.about-markdown ol:last-child{margin-bottom:0}.about-markdown li{margin-bottom:3px}.about-markdown blockquote{color:#888;border-left:2px solid #00000026;margin:10px 0;padding:2px 12px;font-style:italic}.about-markdown code{background:#0000000f;border-radius:3px;padding:1px 5px;font-family:Sometype Mono,Courier New,monospace;font-size:12px}#gui-title{z-index:200;color:#fff;mix-blend-mode:difference;letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:500;transition:opacity .12s;position:fixed;top:18px;right:24px}#gui-title:hover{opacity:.5}#gui-status{z-index:200;color:#fff;mix-blend-mode:difference;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 24px;font-family:Sometype Mono,Courier New,monospace;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}#gui-compass{z-index:200;pointer-events:none;-webkit-user-select:none;user-select:none;filter:invert();mix-blend-mode:difference;width:50px;height:auto;position:fixed;bottom:40px;right:20px}#gui-compass img{width:100%;height:auto;display:block}body.fly-mode #gui-title,body.fly-mode #gui-nav,body.fly-mode #gui-panel,body.fly-mode #gui-status,body.fly-mode #gui-compass,body.fly-mode #time-scrubber{display:none!important}.mobile-bg{z-index:0;opacity:1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .6s;position:fixed;inset:0}body.mobile *{-webkit-tap-highlight-color:transparent}body.mobile #gui-title{top:16px;left:24px;right:0}body.mobile #gui-nav,body.mobile #gui-panel{width:auto;min-width:0;max-height:none;top:72px;left:24px;right:24px}body.mobile #gui-panel.open{max-height:calc(100dvh - 142px)}body.mobile #gui-status{flex-wrap:wrap;justify-content:space-between;gap:2px 18px;padding:12px 24px}body.mobile #gui-compass{display:none}body.mobile[data-period=night] #gui-title,body.mobile[data-period=night] #gui-status{color:#fff;mix-blend-mode:normal}body.mobile[data-period=day] #gui-title,body.mobile[data-period=day] #gui-status,body.mobile[data-period=sunrise] #gui-title,body.mobile[data-period=sunrise] #gui-status,body.mobile[data-period=sunset] #gui-title,body.mobile[data-period=sunset] #gui-status{color:#000;mix-blend-mode:normal}