@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Manrope:wght@400;500;600&display=swap";:root{font-family:Manrope,Arial,sans-serif;color:#d5d0d8;background:#111116;font-synthesis:none;font-weight:400;color-scheme:dark;--muted:#85818e;--line:#ffffff17;--pink:#e3b9cf}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{opacity:.28;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:1px solid #eed1e8;outline-offset:5px}button:hover:not(:disabled){color:#fff}a{color:inherit;text-decoration:none}.gallery{height:100dvh;min-height:650px;overflow:hidden;position:relative;display:grid;grid-template-columns:21% 1fr 23%;grid-template-rows:19% 1fr 20%;padding:0 clamp(32px,4.3vw,100px);gap:0 2%;isolation:isolate;background:radial-gradient(ellipse at 50% 95%,#382a3a66,transparent 45%),radial-gradient(ellipse at 65% 25%,#26303135,transparent 50%),linear-gradient(120deg,#111116,#17161d 55%,#121318)}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.36;background:radial-gradient(ellipse at 50% 74%,#af96b225,transparent 32%)}.ambient:after{content:"";position:absolute;bottom:17%;left:20%;right:15%;height:15%;border-radius:50%;background:#9d7c9822;filter:blur(35px)}header{grid-area:1/1;padding-top:clamp(25px,4vh,48px);z-index:3}.wordmark{display:inline-flex;position:relative;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-size:clamp(48px,4.8vw,112px);font-weight:300;line-height:.9;letter-spacing:-.095em;background:linear-gradient(175deg,#fff 15%,#c7b4c4 35%,#706974 48%,#ecdeec 57%,#a99cae 72%,#f4e6f1);color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 5px #ddb8d222)}.wordmark span{margin-left:.13em}.wordmark i{position:absolute;font-size:.48em;left:43%;top:-.3em;letter-spacing:0;font-style:normal;color:#d2c3d2}.wordmark:after{content:"";position:absolute;width:115%;height:1px;left:-5%;bottom:15%;background:linear-gradient(90deg,transparent,#dfc6dc80,transparent);transform:rotate(-10deg)}.subtitle{font-size:clamp(8px,.62vw,12px);letter-spacing:.4em;margin-top:23px;color:#aaa1ae}.edition{grid-area:1/3;align-self:start;justify-self:end;font-size:9px;letter-spacing:.13em;white-space:nowrap;padding-top:5vh;color:#98949f;display:flex;align-items:center;gap:9px}.live-dot{height:4px;width:4px;border-radius:50%;background:#d5b5d1;box-shadow:0 0 10px #c6aac2}.acts-column{grid-area:2/1;z-index:3;align-self:start;padding-top:3vh}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:400;color:#9b94a2}.acts-column>.eyebrow{display:flex;justify-content:space-between;margin-bottom:22px;padding-left:15px}.acts-column>.eyebrow span{color:#66616f}#acts{display:flex;flex-direction:column;gap:9px}.act{display:flex;align-items:center;gap:18px;width:100%;height:clamp(50px,7.3vh,80px);border:1px solid transparent;border-radius:50px;text-align:left;background:linear-gradient(100deg,#ffffff04,#ffffff02);transition:.25s;padding:5px 18px}.act.selected{border-color:#c3a9c35c;background:linear-gradient(110deg,#ce9fb11c,#bdb3d90b);box-shadow:inset 0 0 24px #edd4e607,0 5px 30px #0002}.act-orb{width:39px;height:39px;flex:none;filter:hue-rotate(var(--hue));border-radius:45% 55% 39% 61%/58% 41% 59% 42%;background:radial-gradient(circle at 28% 22%,#fff9,transparent 20%),radial-gradient(circle at 76% 70%,#b6e2dd80,transparent 45%),radial-gradient(circle at 30% 80%,#e6abcba1,transparent 50%),linear-gradient(130deg,#e7c0d310,#958aa742);box-shadow:inset 1px 1px 4px #f3d6e9aa,inset -2px -1px 4px #bfcded55,0 0 18px #c4a0c315;transform:rotate(-15deg)}.act-name{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(22px,1.65vw,34px)}.act-name small{display:block;font-family:Manrope,Arial;font-size:10px;color:#8f8998;margin-top:3px}.act-dot{margin-left:auto;width:10px;height:10px;border:1px solid #746777;border-radius:50%}.selected .act-dot{border:0;background:#d7b7ca;box-shadow:0 0 12px #f8c0dc55}.add{display:flex;align-items:center;gap:20px;color:#aaa0af;margin:15px 0 0 21px;font-size:27px}.add span{font-size:11px}.aside-note{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;color:#77707f;font-size:clamp(15px,1.05vw,22px);line-height:1.5;margin:26px 0 0 15px}#scene{position:absolute;left:22%;right:24%;top:9%;bottom:20%;touch-action:none;cursor:grab;z-index:1}#scene canvas{display:block}#scene.hovering{cursor:grab}#scene.touching{cursor:grabbing}.scene-caption{position:absolute;bottom:22%;left:25%;right:26%;text-align:center;pointer-events:none;z-index:2}.tiny-star{font-size:23px;color:#bfa9bd}.scene-caption p{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;letter-spacing:.03em;font-size:clamp(19px,1.45vw,30px);margin:8px 0 10px}.scene-caption small{font-size:8px;letter-spacing:.06em;color:#777380}.editor{grid-area:2/3;align-self:center;z-index:3;border:1px solid #c9bfd526;border-radius:26px;padding:24px 24px 20px;background:linear-gradient(135deg,#d5c5dc09,#a7bac003);box-shadow:inset 0 0 60px #ffffff02;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-top .eyebrow{font-size:8px}.editor-top #saved{font-size:8px;color:#77717c}.editor h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(38px,3vw,64px);margin:15px 0 0}.small-sculpture{position:relative;width:112px;height:104px;margin:16px auto 24px;filter:drop-shadow(0 10px 20px #b9a1d518);transform:rotate(-18deg)}.small-sculpture i,.small-sculpture b,.small-sculpture em{position:absolute;top:10px;right:4px;bottom:10px;left:4px;border-radius:45% 55% 46% 54%/60% 36% 64% 40%;background:radial-gradient(ellipse at 18% 25%,#ffe6f6aa,transparent 23%),radial-gradient(ellipse at 80% 80%,#bfe6e580,transparent 45%),linear-gradient(150deg,#ebc3e722,#b8a5cf44);box-shadow:inset 2px 3px 6px #fff9,inset -3px -5px 9px #d8b5db77;border:1px solid #e2d5e342}.small-sculpture b{top:0;right:25px;bottom:0;left:25px;transform:rotate(55deg);opacity:.7}.small-sculpture em{top:28px;right:28px;bottom:28px;left:28px;background:#201b2b66;box-shadow:inset -2px -3px 6px #e4ccdaaa;transform:rotate(-30deg)}.intensity-label{display:flex;justify-content:space-between;align-items:center;font-family:Cormorant Garamond,Georgia,serif;font-size:21px}.intensity-label small{font-size:17px;color:#7d7585}input[type=range]{--amount:0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border-radius:20px;background:linear-gradient(90deg,#dab4ca var(--amount),#3c3541 var(--amount));margin:24px 0 15px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#cda8c8 30%,#a6c5ca 65%,#585361);box-shadow:0 0 14px #c4a6c455;border:1px solid #e1cfdf}.range-labels{display:flex;justify-content:space-between;color:#8f8797;font-size:9px}.layer-section{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}.layers{display:flex;gap:7px;margin-top:12px}.layers button{border:1px solid var(--line);border-radius:30px;font-size:10px;padding:8px 13px;color:#716a7a}.layers button[aria-pressed=true]{color:#d1becf;background:#c7a9c412;border-color:#c5aac238}.pattern{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:5px}.pattern button{font-size:10px;padding:0}.pattern span{font-size:8px;color:#7d7386}.pattern-options{display:flex;justify-content:space-between;font-size:9px;margin-top:15px;color:#8e8398}.pattern-options input{accent-color:#d8b3cc;vertical-align:middle;margin:0 4px 0 0}.pattern-options button{font-size:9px;padding:0;color:#8e8398}.pattern-note{font-size:8px;color:#6c6475;margin-bottom:0}.active{color:#f4c2d6!important}footer{grid-area:3/1/4/4;align-self:end;z-index:4;padding-bottom:22px}.transport{height:clamp(86px,11vh,120px);display:flex;align-items:center;gap:22px;border:1px solid #c4b3cd2b;border-radius:60px;padding:15px 26px;background:linear-gradient(100deg,#d2a3bb10,#a9a4bf09);box-shadow:inset 0 0 40px #bcb5c507,0 10px 40px #0002;max-width:1160px;margin:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play{width:54px;height:54px;flex:none;border:1px solid #deb9d14d;border-radius:50%;font-size:26px;color:#e5c2d7;background:radial-gradient(circle,#a982a024,transparent);box-shadow:0 0 25px #e0acc017}.sound-info{min-width:110px;display:flex;flex-direction:column;gap:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px}.sound-info select{background:transparent;border:0;color:#908398;font:9px Manrope,Arial;max-width:115px;cursor:pointer}.sound-info select option{background:#24212b}.wave-area{flex:1;min-width:100px}#wave{display:block;width:100%;height:42px}.timeline{display:flex;justify-content:space-between;font-size:8px;color:#7e7289;letter-spacing:.06em}.timeline span:first-child{color:#bca7bf}.tempo{display:flex;flex-direction:column;align-items:center;gap:4px}.tempo input{background:none;border:0;width:43px;color:#b7aabc;text-align:center;font-size:13px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.tempo input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tempo span{font-size:8px;color:#786e81}.record-area{display:flex;align-items:center;gap:18px;padding:0 18px;border-left:1px solid var(--line);border-right:1px solid var(--line)}#record{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:8px}#record i{width:17px;height:17px;border-radius:50%;background:#e2b1c7;box-shadow:0 0 14px #e1a7c033}#record.recording i{background:#fa8cac;animation:blink 1s infinite}.icon{font-size:27px;padding:0}.mute{font-size:8px;width:42px;color:#96879f}.bottomline{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.13em;color:#696271;margin-top:22px}.bottomline>div{display:flex;gap:24px;align-items:center}.bottomline button{font-size:9px;color:#9c8da6;letter-spacing:.02em}.bottomline #help{border:1px solid #82718a44;width:21px;height:21px;border-radius:50%;padding:0}#toast{position:absolute;top:24px;left:50%;max-width:450px;transform:translate(-50%,-100px);z-index:10;padding:15px 22px;border-radius:15px;background:#302633e8;border:1px solid #bea7c340;font-size:12px;transition:transform .2s}#toast.show{transform:translate(-50%)}dialog{max-width:520px;padding:38px;background:#211e29;color:#cbc0d2;border:1px solid #706177;border-radius:24px;line-height:1.8;font-size:13px}dialog::backdrop{background:#06050bbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:28px}dialog #close-help{position:absolute;right:15px;top:10px;font-size:25px}.desktop-message{display:none}.webgl-error{position:absolute;top:40%;right:10%;bottom:40%;left:10%;text-align:center;font-size:14px;line-height:1.8}@keyframes blink{50%{opacity:.4}}@media(min-width:1900px){.editor{padding:30px 32px}.small-sculpture{width:145px;height:132px;margin:25px auto 34px}.act-orb{width:48px;height:48px}.transport{max-width:1400px}.editor-top .eyebrow{font-size:9px}}@media(max-height:850px){.gallery{grid-template-rows:18% 1fr 19%}.editor{padding:20px}.small-sculpture{width:90px;height:76px;margin:5px auto 15px}.layer-section{margin-top:20px;padding-top:10px}.pattern,.aside-note{margin-top:16px}.acts-column{padding-top:1vh}.scene-caption{bottom:21%}.editor h1{margin-top:8px}}@media(max-width:1050px),(orientation:portrait){.gallery{display:none}.desktop-message{display:flex;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(ellipse,#302533,#111116);color:#bcb0c4}.desktop-message span{font:italic 72px Georgia}.desktop-message p{font-size:14px;line-height:1.8}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.gallery{background-color:#17151c;background-image:linear-gradient(180deg,#10101612,#1010160a 58%,#10101640),url(/assets/glass-background.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.ambient{display:none}.editor{background:linear-gradient(135deg,#28212c99,#17151d85);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:#dbc6df38}.act{background:linear-gradient(100deg,#211b2670,#1b182054);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.act.selected{background:linear-gradient(110deg,#b186a03d,#25202d99);border-color:#dec0d473}.transport{background:linear-gradient(100deg,#4c354b99,#211e2cba);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.bottomline{color:#b4a8b9;text-shadow:0 1px 6px #100b16}.bottomline button{color:#ded0e2}.aside-note{color:#b1a1b8;text-shadow:0 1px 6px #100b16}.scene-caption{text-shadow:0 2px 8px #100b16}.scene-caption small{color:#b0a3b9}.gallery{grid-template-rows:19% minmax(0,1fr) 20%}.acts-column{min-height:0}.acts-column:has(.act:nth-child(6)) .act{height:clamp(44px,6.5vh,70px)}.acts-column:has(.act:nth-child(6)) .aside-note{display:none}@media(max-height:850px){.gallery{grid-template-rows:18% minmax(0,1fr) 19%}.acts-column:has(.act:nth-child(6)) #acts{gap:6px}}.gallery header{grid-area:1/1/2/4;justify-self:center;align-self:center;padding:0;line-height:0}.brand-logo{display:block;width:clamp(150px,15.5vw,325px);max-height:8.5vh}.brand-logo img{display:block;width:100%;height:auto;max-height:8.5vh;object-fit:contain}