:root{--walnut-980: #130d09;--walnut-940: #1f140d;--walnut-900: #2d1d13;--walnut-820: #4b311f;--walnut-700: #694328;--walnut-560: #8e5f37;--walnut-420: #b57a45;--ivory-100: #efe3c7;--ivory-180: #e1d0ac;--ivory-260: #c4b089;--brass-700: #6d4c22;--brass-620: #8f652d;--brass-520: #ad8141;--brass-420: #c59a59;--brass-260: #dfbf86;--ebony-940: #0f0e0b;--ebony-880: #191612;--ink-900: #221810;--ink-760: #3a281a;--burgundy-640: #7f2f25;--burgundy-500: #9f3c30;--verdigris-980: #0c1917;--verdigris-920: #102724;--verdigris-840: #1c3a36;--verdigris-760: #29504c}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Baskerville,Palatino Linotype,Book Antiqua,Garamond,serif;color:var(--ivory-100);background:radial-gradient(circle at 84% 14%,rgba(220,172,96,.11),transparent 30%),radial-gradient(circle at 15% 9%,rgba(243,210,150,.13),transparent 34%),radial-gradient(circle at 20% 23%,rgba(36,77,72,.43) 0 2.8%,transparent 2.8% 100%),radial-gradient(circle at 75% 65%,rgba(30,67,62,.34) 0 2.5%,transparent 2.5% 100%),repeating-linear-gradient(90deg,rgba(75,114,108,.07),rgba(75,114,108,.07) 1px,transparent 1px,transparent 56px),linear-gradient(180deg,var(--verdigris-920),var(--verdigris-980) 52%,#11100d);letter-spacing:.01em}button,input{font:inherit}button{cursor:pointer}.machine-shell,.gallery-shell{position:relative;min-height:100vh;padding:1.25rem clamp(1rem,2vw,2.2rem) 1.8rem;isolation:isolate}.machine-shell:before,.gallery-shell:before{content:"";position:absolute;inset:.75rem clamp(.75rem,1.8vw,1.6rem);z-index:-1;border:7px solid #26180f;border-radius:4px;background:radial-gradient(circle at 11% 20%,rgba(254,218,149,.13),transparent 26%),radial-gradient(circle at 90% 7%,rgba(248,188,95,.1),transparent 30%),repeating-linear-gradient(13deg,rgba(26,14,9,.16),rgba(26,14,9,.16) 2px,transparent 2px,transparent 11px),linear-gradient(160deg,var(--walnut-820),var(--walnut-940) 50%,var(--walnut-900));box-shadow:inset 0 0 0 2px #be884833,inset 0 22px 32px #ffe4a60f,inset 0 -35px 42px #0907056b,0 25px 60px #0000008c}.machine-shell:after,.gallery-shell:after{content:"";position:absolute;inset:.95rem calc(clamp(.75rem,1.8vw,1.6rem) + .22rem);z-index:-1;border:1px solid rgba(215,169,93,.22);border-radius:2px;pointer-events:none}.machine-header{text-align:center;padding:.4rem 1rem .5rem}.machine-header h1,.machine-header p{margin:0}.machine-header h1{position:relative;display:inline-block;padding:.28rem 1.5rem;color:var(--brass-260);font-family:UnifrakturMaguntia,cursive;font-size:clamp(2rem,3.2vw,3.4rem);font-weight:400;letter-spacing:.02em;text-transform:none;text-shadow:0 1px 0 rgba(255,227,160,.17),0 9px 18px rgba(0,0,0,.42)}.machine-header h1:before,.machine-header h1:after{content:"";position:absolute;top:50%;width:min(7.8vw,82px);height:1px;background:linear-gradient(90deg,transparent,rgba(207,160,88,.74),transparent)}.machine-header h1:before{left:calc(-1*min(8.5vw,88px))}.machine-header h1:after{right:calc(-1*min(8.5vw,88px))}.machine-header p{margin-top:.2rem;color:var(--ivory-180);font-size:clamp(1rem,1.35vw,1.26rem);letter-spacing:.05em}.machine-main{margin-top:1.2rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 358px;align-items:start}.plate-field{position:relative;padding:1.3rem 1.15rem 1rem;border:2px solid #2b1a0f;border-radius:3px;background:linear-gradient(180deg,rgba(248,212,144,.07),transparent 30%),linear-gradient(145deg,#593720,#332116 58%,#26190f);box-shadow:inset 0 0 0 1px #dca95a3d,inset 0 14px 20px #f9d38214,inset 0 -24px 28px #08060475,0 14px 26px #00000073}.plate-field.is-strained{animation:machine-strain .35s ease-out;box-shadow:inset 0 0 0 1px #dca95a3d,inset 0 14px 20px #f9d38214,inset 0 -24px 28px #08060475,0 0 0 2px #9f3c308c,0 0 18px #b1493d52,0 14px 26px #00000073}.youtube-embed{width:100%;aspect-ratio:16 / 9;border-radius:3px;overflow:hidden;border:1px solid rgba(116,76,33,.5);box-shadow:0 6px 18px #00000059;margin-bottom:1rem}.youtube-embed iframe{width:100%;height:100%;border:0;display:block}.variation-clock{position:relative;width:min(92vw,520px);aspect-ratio:1 / 1;margin:.35rem auto 0;border:2px solid rgba(116,76,33,.9);border-radius:50%;background:radial-gradient(circle at 48% 42%,rgba(246,225,187,.14),transparent 44%),radial-gradient(circle at 53% 56%,#110b0880,#170f0aeb 68%),linear-gradient(145deg,#603d24,#332014 64%,#1e140d);box-shadow:inset 0 0 0 1px #dbaa5c54,inset 0 26px 36px #fce2a517,inset 0 -26px 34px #08060494,0 16px 30px #00000070;overflow:hidden}.variation-clock:before{content:"";position:absolute;inset:6%;border:1px solid rgba(197,149,76,.48);border-radius:50%;pointer-events:none}.variation-clock-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.variation-clock-hand{position:absolute;left:50%;top:12%;width:4px;height:38%;border-radius:3px;transform-origin:50% 100%;background:linear-gradient(180deg,#f4d9a0,#ba8342 55%,#73491f);box-shadow:0 0 0 1px #503216a6,0 0 14px #deaf6238;transition:transform .24s cubic-bezier(.22,1.35,.35,1);z-index:2}.variation-clock-core{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);border:1px solid rgba(207,159,87,.9);border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(252,235,196,.76),transparent 45%),radial-gradient(circle,#b78343 22%,#6f451f 70%);box-shadow:inset 0 0 0 1px #fae3ac57,0 0 10px #daab5f3d;z-index:3}.clock-marker{position:absolute;width:clamp(34px,6.2vw,52px);height:clamp(34px,6.2vw,52px);margin-left:calc(-.5*clamp(34px,6.2vw,52px));margin-top:calc(-.5*clamp(34px,6.2vw,52px));border:1px solid rgba(156,108,48,.86);border-radius:50%;color:var(--ivory-180);font-size:clamp(1rem,2vw,1.25rem);background:linear-gradient(180deg,#f2d18c24,#f2d18c00 30%),linear-gradient(180deg,#452b18f2,#25180ff5);box-shadow:inset 0 0 0 1px #d4a3582e,0 3px 9px #00000057;transition:transform .16s ease,box-shadow .18s ease,color .18s ease;z-index:4}.clock-marker:hover:not(:disabled){transform:translateY(-1px) scale(1.02);color:#f7e7c4}.clock-marker.is-active{border-color:var(--brass-420);color:#2f1d10;background:linear-gradient(180deg,#f9e5b15c,#f9e5b10f 34%),linear-gradient(180deg,#cfab72,#946a38 62%,#704b24);box-shadow:inset 0 0 0 1px #fae6b68c,0 0 0 1px #d5a65a61,0 0 16px #daad6154}.clock-marker:disabled{opacity:.35;filter:grayscale(.3);cursor:default}.clock-marker:focus-visible{outline:2px solid var(--ivory-100);outline-offset:2px}.program-note{margin:1.4rem 0 0;padding:1.1rem 1.2rem 1rem;border-top:1px solid rgba(197,154,89,.28);color:var(--ivory-180);font-size:clamp(.92rem,1.15vw,1.04rem);line-height:1.55;letter-spacing:.015em}.program-note p{margin:0 0 .85rem}.program-note p:last-of-type:not(.program-note-author){margin-bottom:.65rem}.program-note-author{margin:0;text-align:right;color:var(--brass-260);font-style:italic;font-size:.95em;letter-spacing:.03em}.keyboard-help{margin:.92rem 0 0;color:var(--ivory-180);text-align:center;letter-spacing:.03em}.mobile-panel-toggle{display:none;border:1px solid #3f2817;border-radius:2px;background:linear-gradient(180deg,#ffde9c2b,#ffde9c00 24%),linear-gradient(180deg,#6e4729,#4a301d);color:var(--ivory-100);padding:.64rem .95rem;box-shadow:inset 0 0 0 1px #d4a85f4d,0 6px 14px #0000004a}.side-panel{border:2px solid #28180f;border-radius:3px;background:linear-gradient(180deg,rgba(246,214,145,.07),transparent 22%),linear-gradient(180deg,#492e1bfa,#2d1c11f7);padding:.9rem;box-shadow:inset 0 0 0 1px #d5a35630,inset 0 -16px 24px #0a080563,0 16px 28px #0006}.panel-top{display:grid;gap:.58rem}.status-card,.transport-card,.recording-card,.gallery-link-card,.about-panel,.performance-card{border:1px solid rgba(134,91,43,.84);border-radius:2px;padding:.72rem;background:linear-gradient(180deg,#fbdfa20f,#fbdfa200 18%),linear-gradient(180deg,#432b19ed,#2c1b10f2);box-shadow:inset 0 0 0 1px #d09f552e,inset 0 -11px 16px #0605044d}.status-title{margin:0;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-260)}.status-value{margin:.33rem 0 0;font-size:1.16rem;color:var(--ivory-100)}.status-subtle{margin:.4rem 0 0;color:#ccba95;font-size:.95rem}.beat-orb-shell{margin-top:.47rem;width:33px;height:33px;border-radius:50%;padding:3px;border:1px solid rgba(198,149,78,.8);background:radial-gradient(circle at 32% 28%,rgba(242,207,128,.3),transparent 42%),radial-gradient(circle,#3a2617f5,#18100bf0)}.beat-orb{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#f6deb1 24%,#c58f43 74%);animation:beat-pulse .27s ease-out}.transport-card,.recording-card,.gallery-link-card{margin-top:.68rem}.sidebar-gallery-list{margin-top:.58rem;display:grid;gap:.56rem;grid-template-columns:1fr;max-height:52vh;overflow-y:auto;padding-right:.14rem}.sidebar-gallery-list .performance-card h3{font-size:1.05rem}.sidebar-gallery-list .timeline-track{height:48px}.transport-row{display:flex;gap:.42rem;flex-wrap:wrap}.control-button{border:1px solid #3d2615;border-radius:2px;padding:.47rem .75rem;color:var(--ivory-100);background:linear-gradient(180deg,#f7d6951f,#f7d69500 22%),linear-gradient(180deg,#6c4529,#4a2f1c);box-shadow:inset 0 0 0 1px #cc9a4e3d,0 4px 8px #00000045}.control-button:hover:not(:disabled){filter:brightness(1.07) saturate(1.03)}.control-button:disabled{opacity:.56;cursor:default}.control-button:focus-visible,.record-button:focus-visible,.mobile-panel-toggle:focus-visible{outline:2px solid var(--ivory-100);outline-offset:2px}.control-button--danger{border-color:#61231a;background:linear-gradient(180deg,#ffb5a61a,#ffb5a600 22%),linear-gradient(180deg,#7f3027,#591f18)}.volume-label{display:block;margin:.66rem 0 .28rem;color:var(--ivory-180);letter-spacing:.04em}input[type=range]{width:100%;accent-color:var(--brass-420)}.recording-row{display:flex;gap:.62rem;align-items:center}.record-button{border:1px solid #621f18;border-radius:2px;padding:.47rem .82rem;color:#f6e1d7;background:linear-gradient(180deg,#fcc4b81c,#fcc4b800 24%),linear-gradient(180deg,#7d2f26,#531e18);box-shadow:inset 0 0 0 1px #b65a4d4a,0 4px 8px #00000045}.record-button.is-armed{background:linear-gradient(180deg,#ffd1c02b,#ffd1c000 24%),linear-gradient(180deg,#9a392d,#6c251e);box-shadow:inset 0 0 0 1px #c2605266,0 0 12px #b54b3f54,0 4px 8px #00000045}.rec-indicator{border:1px solid rgba(131,80,67,.95);border-radius:2px;padding:.14rem .45rem;color:#d9b6a6;letter-spacing:.09em;font-weight:700}.rec-indicator.is-live{border-color:#bc584af2;color:#ffc5bb;box-shadow:0 0 9px #bc584a59}.initials-entry{margin-top:.5rem}.initials-label{display:block;margin-bottom:.32rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-260);font-weight:700}.initials-row{display:flex;gap:.36rem;align-items:center}.initials-input{width:5.2ch;padding:.42rem .5rem;border:1px solid rgba(156,108,48,.86);border-radius:2px;background:linear-gradient(180deg,#f6d6910f,#f6d69100 26%),linear-gradient(180deg,#26180ef7,#18100af5);color:var(--brass-260);font-size:1.3rem;font-weight:700;letter-spacing:.22em;text-align:center;text-transform:uppercase;font-family:Courier New,Courier,monospace}.initials-input::placeholder{color:#c59a595c}.initials-input:focus{outline:none;border-color:var(--brass-420);box-shadow:0 0 8px #c59a5940}.performance-header-row{display:flex;align-items:baseline;gap:.5rem}.performance-initials{font-family:Courier New,Courier,monospace;font-size:1.2rem;letter-spacing:.16em;color:var(--brass-260);font-weight:700;margin:0}.performance-header-row .performance-date{margin:0;font-size:.82rem;color:#a99672}.status-warning,.status-error{margin:.7rem 0 0;padding:.5rem;border:1px solid;border-radius:2px}.status-warning{background:#c59a5924;border-color:#d2a96994}.status-error{background:#9f3c3026;border-color:#b74f42a1;color:#f8c8c0}.error-card{margin-top:.68rem;border:1px solid rgba(183,79,66,.63);border-radius:2px;padding:.72rem;background:#9f3c301f}.error-card .status-error{margin:0}.reset-button{margin-top:.52rem;width:100%;border-color:#61231a;background:linear-gradient(180deg,#ffb5a61a,#ffb5a600 22%),linear-gradient(180deg,#7f3027,#591f18)}.gallery-main{margin-top:1.08rem;display:grid;grid-template-columns:320px minmax(0,1fr);gap:1rem}.admin-main{margin-top:1.08rem;display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:1rem}.admin-label{display:block;margin:.58rem 0 .3rem;color:var(--ivory-180)}input[type=file]{width:100%;border:1px solid rgba(146,100,49,.86);border-radius:2px;color:var(--ivory-100);background:linear-gradient(180deg,#f6d6910f,#f6d69100 26%),linear-gradient(180deg,#3a2517f2,#261810f5);padding:.38rem .44rem}input[type=file]::file-selector-button{border:1px solid #3d2615;border-radius:2px;margin-right:.65rem;color:var(--ivory-100);background:linear-gradient(180deg,#f7d6951f,#f7d69500 22%),linear-gradient(180deg,#6c4529,#4a2f1c);padding:.34rem .54rem}.admin-preview-card h3{margin:0;color:var(--brass-260);font-size:1.24rem}.admin-warning-box{margin-top:.6rem;border:1px solid rgba(197,154,89,.58);border-radius:2px;background:#c59a591c;padding:.52rem}.admin-tick-strip{margin-top:.62rem}.admin-tick-track{position:relative;margin-top:.36rem;height:38px;border:1px solid rgba(157,112,53,.82);border-radius:2px;background:repeating-linear-gradient(90deg,rgba(214,169,95,.12),rgba(214,169,95,.12) 1px,transparent 1px,transparent 25%),linear-gradient(180deg,#3b2516f7,#22160ef5);box-shadow:inset 0 0 0 1px #ca9d552e;overflow:hidden}.admin-beat-tick{position:absolute;top:4px;bottom:4px;width:2px;margin-left:-1px;border-radius:1px;background:linear-gradient(180deg,#ffe2a9f5,#b8833fe6);box-shadow:0 0 5px #d6a75954}.admin-tick-labels{margin-top:.3rem;display:flex;justify-content:space-between;color:var(--ivory-180);font-size:.89rem}.about-panel h2{margin:0;font-size:1.3rem;color:var(--brass-260);letter-spacing:.03em}.about-panel p{margin:.55rem 0 .9rem;color:var(--ivory-180);line-height:1.35}.gallery-grid{display:grid;gap:.78rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.performance-card h3,.performance-date{margin:0}.performance-card h3{font-size:1.24rem;color:var(--brass-260)}.performance-date{margin-top:.25rem;color:#c9b38e}.performance-card--empty p{margin:.5rem 0 0;color:var(--ivory-180)}.timeline{margin:.63rem 0}.timeline-track{position:relative;height:58px;border:1px solid rgba(157,112,53,.82);border-radius:2px;background:repeating-linear-gradient(90deg,rgba(214,169,95,.13),rgba(214,169,95,.13) 1px,transparent 1px,transparent 12%),linear-gradient(180deg,#3b2516f7,#22160ef5);box-shadow:inset 0 0 0 1px #ca9d552e;overflow:hidden}.timeline-segment{position:absolute;top:0;height:100%}.timeline-ribbon{position:absolute;left:8%;right:8%;height:14%;border-radius:999px;opacity:.9;box-shadow:inset 0 0 0 1px #ffe7b638}@keyframes beat-pulse{0%{transform:scale(.6);filter:brightness(1.22);opacity:.86}to{transform:scale(1);filter:brightness(1);opacity:1}}@keyframes machine-strain{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes brass-sweep{0%{transform:translate(-190%)}to{transform:translate(190%)}}@media(max-width:980px){.machine-main{grid-template-columns:1fr}.mobile-panel-toggle{display:inline-block}.side-panel{max-height:0;overflow:hidden;padding:0 .9rem;border-width:0;opacity:0;transition:max-height .24s ease,opacity .2s ease,padding .2s ease}.side-panel.is-open{max-height:1200px;padding:.9rem;border-width:2px;opacity:1}.gallery-main,.admin-main{grid-template-columns:1fr}}@media(max-width:700px){.variation-clock{width:min(96vw,420px)}.machine-shell,.gallery-shell{padding:.95rem .62rem 1.4rem}.machine-shell:before,.gallery-shell:before{inset:.45rem}.machine-shell:after,.gallery-shell:after{inset:.63rem}}