.posters-container{z-index:2;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.posters-container:focus-visible{box-shadow:inset 0 0 0 1px var(--orange)}.posters-canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.posters-canvas:active{cursor:grabbing}.composition-page{isolation:isolate;background-color:#060606;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:76px 76px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100svh;padding:124px 0 28px;position:relative;overflow:hidden}.composition-aura{z-index:-1;aspect-ratio:1;filter:blur(40px);background:radial-gradient(circle,#ff5b282e,#4a3f3a12 35%,#0000 68%);border-radius:50%;width:74vw;position:absolute;top:-28vw;right:-17vw}.composition-header{z-index:20;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;padding:0 18px 0 22px;display:grid;position:absolute;top:24px;left:50%;transform:translate(-50%)}.composition-header>p{color:#fff6;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;margin:0;font-size:8px}.composition-back{min-height:38px;font-family:var(--font-geist-mono), monospace;letter-spacing:.11em;background:#ffffff06;justify-self:end;gap:10px;padding:0 15px;font-size:8px;display:flex}.composition-stage{grid-template-columns:minmax(260px,.62fr) minmax(520px,1.48fr) minmax(250px,.58fr);gap:20px;height:calc(100svh - 190px);min-height:600px;display:grid}.composition-title{flex-direction:column;justify-content:flex-end;min-width:0;padding:0 14px 72px 0;display:flex}.composition-title>span,.composition-data,.composition-posters__rail,.composition-posters__hint,.composition-work-list,.composition-footer,.score-viewer__top,.score-viewer__controls,.score-viewer__pdf{font-family:var(--font-geist-mono), monospace;letter-spacing:.12em}.composition-title>span{color:var(--orange);font-size:8px}.composition-title h1{letter-spacing:-.09em;margin:22px 0 30px;font-size:clamp(54px,4.9vw,88px);font-weight:500;line-height:.74}.composition-title h1 em{color:var(--orange);font-family:inherit;font-style:normal;font-weight:inherit}.composition-title>p{color:#f0efea82;max-width:320px;margin:0;font-size:11px;line-height:1.85}.composition-data{color:#ffffff52;flex-wrap:wrap;gap:8px 18px;margin-top:38px;font-size:7px;display:flex}.composition-posters{height:100%;min-height:600px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 50% 46%,#ff5b281c,#0000 35%),0 0;border:0;border-radius:0;position:relative;overflow:visible}.composition-posters:before{content:none}.composition-posters:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0000,#ff5b2859,#0000);width:1px;position:absolute;top:10%;bottom:10%;left:50%}.composition-posters__rail{z-index:5;color:#ffffff57;pointer-events:none;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:22px;left:24px;right:24px}.composition-posters__rail span:first-child{color:var(--orange)}.composition-flying-posters{position:absolute;inset:0}.composition-posters__hint{z-index:5;color:#ffffff59;pointer-events:none;align-items:center;gap:12px;font-size:7px;display:flex;position:absolute;bottom:22px;right:24px}.composition-posters__hint i{background:var(--orange);width:28px;height:1px;animation:2.4s ease-in-out infinite compositionHint}.composition-work-list{border-radius:16px;align-self:end;margin-bottom:48px;overflow:hidden}.composition-work-list__head{color:#ffffff6e;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;font-size:7px;display:flex}.composition-work-list__head i{aspect-ratio:1;background:var(--orange);width:6px;box-shadow:0 0 12px var(--orange);border-radius:50%}.composition-work{width:100%;min-height:104px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff1a;grid-template-columns:26px 1fr;padding:18px 42px 18px 18px;transition:background .3s;display:grid;position:relative}.composition-work:hover,.composition-work:focus-visible{background:#ff5b2816}.composition-work>span{color:var(--orange);grid-row:1/span 2;font-size:7px}.composition-work strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;align-self:end;font-family:Arial,Noto Sans JP,Noto Sans SC,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.composition-work small{color:#ffffff57;align-self:start;margin-top:8px;font-size:6px}.composition-work>i{font-size:16px;font-style:normal;transition:transform .3s,color .3s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.composition-work:hover>i{color:var(--orange);transform:translateY(-50%)rotate(45deg)}.composition-footer{color:#ffffff47;justify-content:space-between;padding-top:20px;font-size:7px;display:flex}.composition-footer a{color:#ffffffad}.score-viewer{z-index:120;-webkit-backdrop-filter:blur(26px)saturate(112%);backdrop-filter:blur(26px)saturate(112%);background:radial-gradient(circle at 50% 48%,#ff5b2817,#0000 38%),#040405ad;grid-template-rows:auto 1fr auto;gap:6px;padding:18px 28px 20px;animation:.6s cubic-bezier(.16,1,.3,1) both scoreViewerIn;display:grid;position:fixed;inset:0;overflow:hidden}.score-viewer__backdrop{z-index:0;cursor:zoom-out;background:0 0;border:0;position:absolute;inset:0}.score-viewer__top,.score-viewer__controls{z-index:4;min-height:58px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;align-items:center;display:grid;position:relative}.score-viewer__top{color:#ffffff6b;grid-template-columns:1fr auto 1fr;padding:0 18px;font-size:7px;animation:.9s cubic-bezier(.16,1,.3,1) .12s both scoreChromeTop}.score-viewer__top strong{color:#ffffffd1;letter-spacing:0;font-family:Arial,Noto Sans JP,sans-serif;font-size:13px;font-weight:500}.score-viewer__top button{color:#ffffff9e;cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;justify-self:end;transition:color .26s,transform .26s}.score-viewer__top button:hover,.score-viewer__top button:focus-visible{color:var(--orange);transform:translate(-4px)}.score-viewer__sheet{z-index:2;cursor:grab;touch-action:none;background:0 0;border:0;border-radius:0;place-items:center;min-height:0;animation:1.15s cubic-bezier(.16,1,.3,1) 90ms both scoreSheetFloat;display:grid;position:relative;overflow:visible}.score-viewer__sheet.is-dragging{cursor:grabbing}.score-viewer__sheet:after{content:"";z-index:1;filter:blur(18px);opacity:.8;pointer-events:none;background:radial-gradient(#000000c2,#0000 68%),radial-gradient(#ff5b281c,#0000 58%);border-radius:50%;width:min(42vw,660px);height:9%;position:absolute;bottom:1.5%;left:50%;transform:translate(-50%)}.score-viewer__ambient{z-index:0;filter:blur(70px)brightness(.2)saturate(.58);opacity:.42;pointer-events:none;background-position:50%;background-size:cover;position:fixed;inset:-12%;transform:scale(1.12)}.score-viewer__page{z-index:2;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:auto;max-width:94%;height:auto;max-height:calc(100% - 16px);transform:translate3d(var(--score-drag-x,0), -4px, 0) rotate(var(--score-drag-rotate,0deg));background:#fff;border:0;transition:transform .46s cubic-bezier(.16,1,.3,1);display:block;position:relative;box-shadow:0 4px 8px #0003,0 34px 110px #000000ad,0 0 72px #ff5b280f}.score-viewer__sheet.is-dragging .score-viewer__page{transition:none}.score-viewer__gesture{z-index:3;color:#ffffff3d;font-family:var(--font-geist-mono), monospace;letter-spacing:.14em;pointer-events:none;font-size:6px;position:absolute;bottom:12px;right:12px}.score-viewer__page.is-next{animation:.7s cubic-bezier(.16,1,.3,1) both scorePageNext}.score-viewer__page.is-previous{animation:.7s cubic-bezier(.16,1,.3,1) both scorePagePrevious}.score-viewer__controls{grid-template-columns:1fr auto 1fr;padding:0 16px;font-size:7px;animation:.9s cubic-bezier(.16,1,.3,1) .18s both scoreChromeControls}.score-viewer__controls>button{color:#ffffff9e;cursor:pointer;font:inherit;letter-spacing:inherit;background:0 0;border:0;justify-self:start;transition:color .26s,transform .26s,opacity .26s}.score-viewer__controls>button:last-child{justify-self:end}.score-viewer__controls>button:not(:disabled):hover,.score-viewer__controls>button:not(:disabled):focus-visible{color:var(--orange);transform:translate(-5px)}.score-viewer__controls>button:last-child:not(:disabled):hover,.score-viewer__controls>button:last-child:not(:disabled):focus-visible{transform:translate(5px)}.score-viewer__controls>button:disabled{cursor:default;opacity:.22}.score-viewer__pagination{color:#ffffff7a;justify-items:center;gap:9px;display:grid}.score-viewer__pagination>div{gap:6px;display:flex}.score-viewer__pagination button{cursor:pointer;background:#ffffff29;border:0;width:22px;height:2px;padding:0;transition:width .28s,background .28s}.score-viewer__pagination button.is-active{background:var(--orange);width:42px}.score-viewer__pdf{z-index:5;color:#ffffff70;font-size:6px;position:absolute;bottom:44px;right:42px}@keyframes compositionHint{0%,to{transform-origin:0;transform:scaleX(.35)}50%{transform-origin:0;transform:scaleX(1)}}@keyframes scoreViewerIn{0%{opacity:0;clip-path:inset(5% 3% round 28px);transform:scale(.97)}to{opacity:1;clip-path:inset(0%);transform:scale(1)}}@keyframes scorePageNext{0%{opacity:0;clip-path:inset(0 0 0 78%);transform:translate(13%)scaleX(.84)translateY(18px)}}@keyframes scorePagePrevious{0%{opacity:0;clip-path:inset(0 78% 0 0);transform:translate(-13%)scaleX(.84)translateY(18px)}}@keyframes scoreChromeTop{0%{opacity:0;transform:translateY(-36px)scaleX(.82)}}@keyframes scoreChromeControls{0%{opacity:0;transform:translateY(36px)scaleX(.82)}}@keyframes scoreSheetFloat{0%{opacity:0;filter:blur(10px);transform:translateY(54px)scale(.92)}}@media (width<=1080px){.composition-page{overflow:visible}.composition-header>p{display:none}.composition-stage{grid-template-columns:minmax(220px,.55fr) minmax(460px,1.45fr);height:auto;min-height:calc(100svh - 170px)}.composition-work-list{display:none}}@media (width<=760px){.composition-page{padding-top:104px}.composition-header{grid-template-columns:1fr auto;width:calc(100vw - 24px);min-height:62px;padding-inline:14px 10px;top:14px}.composition-header>p{display:none}.composition-stage{grid-template-rows:auto minmax(460px,1fr);grid-template-columns:1fr;height:auto;min-height:calc(100svh - 122px)}.composition-title{padding:36px 0 18px}.composition-title h1{margin:14px 0 18px;font-size:clamp(62px,18vw,92px)}.composition-data{display:none}.composition-title>p{max-width:290px;font-size:10px;display:block}.composition-posters{min-height:460px}.composition-footer{padding:24px 0}.composition-footer span:nth-child(2){display:none}.score-viewer{gap:8px;padding:8px 10px 10px}.score-viewer__top{grid-template-columns:1fr auto;min-height:54px}.score-viewer__top strong{display:none}.score-viewer__controls{min-height:58px;padding:0 6px}.score-viewer__pagination>div,.score-viewer__pdf{display:none}.score-viewer__gesture{bottom:4px;right:4px}.composition-back{min-height:42px;padding-inline:12px}.score-viewer__page{max-width:98%;max-height:calc(100% - 8px)}}@media (prefers-reduced-motion:reduce){.composition-posters__hint i,.score-viewer,.score-viewer__page,.score-viewer__top,.score-viewer__controls,.score-viewer__sheet{animation:none}}