.pr-page{--pr-gold:#c9a35a;--pr-ink:#e9dcc3;--pr-dim:#e9dcc38c;--pr-serif:"Bodoni 72", Didot, "Songti SC", "Noto Serif SC", Georgia, serif;color:var(--pr-ink);font-family:var(--pr-serif);-webkit-user-select:none;user-select:none;background:#040302;position:fixed;inset:0;overflow:hidden}.pr-stage{touch-action:none;position:absolute;inset:0}.pr-stage canvas{display:block}.pr-loading{color:var(--pr-dim);font:italic 14px/1 var(--pr-serif);letter-spacing:.3em;text-align:center;margin:0;animation:1.8s ease-in-out infinite pr-breathe;position:absolute;inset:50% 0 auto}@keyframes pr-breathe{50%{opacity:.35}}.pr-top{z-index:3;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.pr-top>*{pointer-events:auto}.pr-ring{width:40px;height:40px;color:var(--pr-gold);cursor:pointer;background:#04030259;border:1px solid #c9a35a8c;border-radius:50%;place-items:center;padding:0;display:grid}.pr-ring svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pr-ring--ghost{visibility:hidden}.pr-title{justify-items:center;gap:3px;display:grid}.pr-title b{color:var(--pr-ink);font:400 19px/1 var(--pr-serif);letter-spacing:.5em;text-indent:.5em}.pr-title small{color:var(--pr-gold);font:italic 11px/1 var(--pr-serif);letter-spacing:.32em;text-transform:uppercase}.pr-now{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:2;text-align:center;justify-items:center;width:min(78vw,360px);transition:translate .45s cubic-bezier(.2,.8,.2,1),opacity .3s;display:grid;position:absolute;translate:-50%}.pr-now.is-raised{opacity:.55;translate:-50% -210px}.pr-now small{color:var(--pr-gold);font:italic 11px/1.3 var(--pr-serif);letter-spacing:.26em;text-transform:uppercase}.pr-now b{font:400 22px/1.2 var(--pr-serif);letter-spacing:.08em;margin-top:6px}.pr-now p{color:var(--pr-dim);font:italic 13px/1.5 var(--pr-serif);margin:6px 0 0}.pr-line{background:#c9a35a38;width:100%;height:1px;margin-top:14px;position:relative}.pr-line i{background:var(--pr-gold);transition:width .25s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 8px #c9a35ab3}.pr-now-row{width:100%;color:var(--pr-dim);font:11px/1 var(--pr-serif);letter-spacing:.12em;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.pr-play{width:36px;height:36px;color:var(--pr-gold);cursor:pointer;background:0 0;border:1px solid #c9a35a99;border-radius:50%;place-items:center;padding:0;display:grid}.pr-play svg{fill:currentColor;width:14px;height:14px}.pr-listen{z-index:4;color:var(--pr-ink);font-family:var(--pr-serif);cursor:pointer;background:radial-gradient(closest-side,#040302b3,#0000);border:0;border-radius:50%;justify-items:center;gap:10px;padding:26px 34px;display:grid;position:absolute;top:42%;left:50%;translate:-50% -50%}.pr-listen span{color:var(--pr-gold);font:italic 13px/1 var(--pr-serif);letter-spacing:.2em}.pr-listen b{font:400 18px/1 var(--pr-serif);letter-spacing:.5em;text-indent:.5em;animation:2.4s ease-in-out infinite pr-breathe}.pr-fab{right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);z-index:5;border:1px solid var(--pr-gold);width:52px;height:52px;color:var(--pr-gold);cursor:pointer;background:radial-gradient(circle at 35% 30%,#c9a35a38,#040302cc);border-radius:50%;place-items:center;padding:0;transition:transform .3s;display:grid;position:absolute;box-shadow:0 0 22px #c9a35a2e}.pr-fab svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pr-fab.is-on{transform:rotate(90deg)}.pr-sheet{z-index:4;width:min(100%,520px);max-height:62dvh;padding:24px 22px calc(env(safe-area-inset-bottom,0px) + 96px);scrollbar-width:none;background:linear-gradient(#100c09f0,#060504f7);border-top:1px solid #c9a35a59;border-radius:22px 22px 0 0;transition:translate .5s cubic-bezier(.2,.85,.2,1);position:absolute;bottom:0;left:50%;overflow-y:auto;translate:-50% 105%;box-shadow:0 -20px 50px #0009}.pr-sheet.is-open{translate:-50%}.pr-sheet h2{color:var(--pr-gold);font:italic 400 12px/1 var(--pr-serif);letter-spacing:.3em;margin:6px 0 10px}.pr-sheet ul{margin:0 0 18px;padding:0;list-style:none}.pr-sheet li button{width:100%;color:var(--pr-ink);font-family:var(--pr-serif);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c9a35a24;gap:4px;padding:12px 2px;display:grid}.pr-sheet li b{font:400 16px/1.2 var(--pr-serif);letter-spacing:.06em}.pr-sheet li small{color:var(--pr-dim);font:italic 12px/1.3 var(--pr-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pr-controls{color:var(--pr-dim);font:12px/1 var(--pr-serif);letter-spacing:.14em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:4px 0 14px;display:flex}.pr-controls label{align-items:center;gap:10px;display:flex}.pr-tempo button{width:28px;height:28px;color:var(--pr-gold);cursor:pointer;background:0 0;border:1px solid #c9a35a73;border-radius:50%;padding:0;font-size:15px}.pr-tempo em{min-width:3em;color:var(--pr-ink);text-align:center;font-variant-numeric:tabular-nums;font-style:normal}.pr-volume input{width:120px;accent-color:var(--pr-gold)}.pr-chips{flex-wrap:wrap;gap:8px;display:flex}.pr-chips button{color:var(--pr-ink);font:13px/1 var(--pr-serif);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #c9a35a66;border-radius:999px;padding:8px 14px}.pr-chips button.is-on{border-color:var(--pr-gold);color:var(--pr-gold);background:#c9a35a29}.pr-hands{z-index:4;padding:10px calc(env(safe-area-inset-right,0px) + 8px) calc(env(safe-area-inset-bottom,0px) + 10px) calc(env(safe-area-inset-left,0px) + 8px);background:linear-gradient(#0000,#040302eb 30%);animation:.45s cubic-bezier(.2,.85,.2,1) pr-rise;position:absolute;inset:auto 0 0}@keyframes pr-rise{0%{translate:0 100%}}.pr-hands-bar{color:var(--pr-dim);font:italic 12px/1 var(--pr-serif);letter-spacing:.14em;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pr-hands-bar button{min-width:30px;height:30px;color:var(--pr-gold);font:14px/1 var(--pr-serif);cursor:pointer;background:0 0;border:1px solid #c9a35a73;border-radius:999px;padding:0 10px}.pr-hands-bar .pr-pedal.is-on{background:#c9a35a38}@media (hover:none){.pr-hands-bar span{display:none}}.pr-keys{height:clamp(110px,22vh,170px);box-shadow:0 -2px 0 var(--pr-gold) inset;touch-action:none;border-top:3px solid #2a140a;border-radius:3px;position:relative}.pr-white{color:#8a7650;font:italic 8px/1 var(--pr-serif);cursor:pointer;background:linear-gradient(#e8dcc2,#f8f0dd 70%,#e4d6b8);border:0;border-right:1px solid #b9ab92;border-radius:0 0 3px 3px;justify-content:center;align-items:flex-end;padding:0 0 5px;display:flex;position:absolute;top:0;bottom:0;box-shadow:inset 0 -5px #00000014}.pr-white:active{background:linear-gradient(#dccfae,#efe2c3);box-shadow:inset 0 -2px #0000001a,0 0 18px #ffb35c59}.pr-white small{pointer-events:none}.pr-black{z-index:1;cursor:pointer;background:linear-gradient(#0b0a09,#2a2622 85%,#151311);border:0;border-radius:0 0 2px 2px;height:62%;padding:0;position:absolute;top:0;translate:-50%;box-shadow:0 2px 3px #0000008c}.pr-black:active{background:linear-gradient(#1a1612,#3a2f22);height:60%;box-shadow:0 0 12px #ffb35c66}.pr-page:has(.pr-hands) .pr-fab{bottom:calc(env(safe-area-inset-bottom,0px) + clamp(170px, 22vh + 70px, 240px))}:is(.pr-page:has(.pr-hands) .pr-chat,.pr-page:has(.pr-hands) .pr-chat-bubble){bottom:calc(env(safe-area-inset-bottom,0px) + clamp(170px, 22vh + 70px, 240px))}.pr-chat{left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#120e0aeb,#060504f0);border:1px solid #c9a35a66;border-radius:16px;flex-direction:column;width:min(320px,100vw - 100px);height:min(380px,45dvh);animation:.35s ease-out pr-fade;display:flex;position:absolute;box-shadow:0 18px 40px #0000008c}@keyframes pr-fade{0%{opacity:0;translate:0 10px}}.pr-chat header{cursor:grab;touch-action:none;border-bottom:1px solid #c9a35a33;align-items:baseline;gap:8px;padding:10px 10px 8px 14px;display:flex}.pr-chat header:active{cursor:grabbing}.pr-chat header b{color:var(--pr-gold);font:italic 400 13px/1 var(--pr-serif);letter-spacing:.2em}.pr-chat header small{min-width:0;color:var(--pr-dim);font:italic 11px/1 var(--pr-serif);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pr-chat header button{width:24px;height:24px;color:var(--pr-gold);font:16px/1 var(--pr-serif);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0}.pr-chat-list{scrollbar-width:thin;scrollbar-color:#c9a35a4d transparent;-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.pr-chat-empty{color:#e9dcc359;font:italic 13px/1 var(--pr-serif);letter-spacing:.3em;margin:auto}.pr-chat-msg{max-width:85%;font:14px/1.5 var(--pr-serif);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:0;padding:8px 11px}.pr-chat-msg--user{color:var(--pr-ink);background:#c9a35a33;border-bottom-right-radius:3px;align-self:flex-end}.pr-chat-msg--assistant{color:var(--pr-ink);border:1px solid #c9a35a38;border-bottom-left-radius:3px;align-self:flex-start}.pr-chat-typing{animation:1.2s ease-in-out infinite pr-breathe}.pr-chat-error{color:#d99a7a;font:italic 12px/1.4 var(--pr-serif);margin:0}.pr-chat form{border-top:1px solid #c9a35a33;align-items:center;gap:8px;padding:8px 10px 10px 14px;display:flex}.pr-chat input{min-width:0;color:var(--pr-ink);font:italic 15px/1.2 var(--pr-serif);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:6px 0}.pr-chat input::placeholder{color:#e9dcc359}.pr-chat form button,.pr-chat-bubble{border:1px solid var(--pr-gold);width:32px;height:32px;color:var(--pr-gold);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.pr-chat form button:disabled{opacity:.35;cursor:default}.pr-chat svg,.pr-chat-bubble svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.pr-chat-bubble{left:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 30px);z-index:6;background:radial-gradient(circle at 35% 30%,#c9a35a38,#040302cc);width:48px;height:48px;position:absolute;box-shadow:0 0 22px #c9a35a2e}.pr-chat-bubble svg{width:19px;height:19px}.pr-chat-bubble i{background:var(--pr-gold);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}@media (prefers-reduced-motion:reduce){.pr-sheet,.pr-now,.pr-hands{transition:none;animation:none}}.pr-ask{border-bottom:1px solid #c9a35a73;align-items:center;gap:10px;margin:0 0 6px;padding:4px 0 8px;display:flex}.pr-ask input{min-width:0;color:var(--pr-ink);font:italic 17px/1.2 var(--pr-serif);letter-spacing:.06em;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:none;flex:1;padding:8px 0}.pr-ask input::placeholder{color:#e9dcc361}.pr-ask button{border:1px solid var(--pr-gold);color:var(--pr-gold);font:13px/1 var(--pr-serif);letter-spacing:.2em;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.pr-ask button:disabled{opacity:.4;cursor:default}.pr-ask-note{color:var(--pr-dim);font:italic 12px/1.5 var(--pr-serif);letter-spacing:.06em;margin:0 0 14px}