:root{--deco-gold: #d9b25a;--deco-gold-deep: #b98e3c;--deco-ivory: #f3e7cf;--deco-ink: #0e1428;--deco-teal-deep: #123f3a}*{box-sizing:border-box}.hermes-scroller{position:absolute;inset:0;overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--deco-ink);scroll-snap-type:y mandatory}.hermes-stage{position:fixed;inset:0}.hermes-stage,.hermes-stage *{pointer-events:none!important}.hermes-stage.is-interactive canvas{pointer-events:auto!important}.deco-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden}.deco-rays{position:absolute;top:34%;left:50%;width:260vmax;height:260vmax;transform:translate(-50%,-50%);animation:deco-spin 150s linear infinite;will-change:transform}.deco-sun{position:absolute;top:34%;left:50%;width:46vw;max-width:18rem;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;opacity:.9}@keyframes deco-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (prefers-reduced-motion: reduce){.deco-rays{animation:none}}.deco-frame{position:absolute;inset:0;z-index:4;width:100%;height:100%;pointer-events:none}.hermes-veil{position:absolute;inset:0;z-index:2;background:var(--deco-ivory);pointer-events:none}.hermes-panel{position:relative;z-index:3;pointer-events:none;width:100%;display:flex;align-items:flex-end;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always}.hermes-caption{width:min(84vw,30rem);margin-bottom:15vh;padding:.85rem 1.15rem;text-align:center;background:#0e14288c;border-top:2px solid var(--deco-gold);border-bottom:2px solid var(--deco-gold);box-shadow:inset 0 0 0 1px #d9b25a40;backdrop-filter:blur(3px);transition:opacity .2s ease}.hermes-line{margin:.2rem 0;font-family:Poiret One,ui-rounded,system-ui,sans-serif;font-size:clamp(1.25rem,5.6vw,1.8rem);line-height:1.4;font-weight:700;letter-spacing:.04em;color:inherit;text-shadow:0 1px 10px rgba(0,0,0,.55)}.hermes-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:6;background:#d9b25a2e}.hermes-progress-fill{height:100%;background:var(--deco-gold);transition:width .1s linear}.hermes-hint,.hermes-nudge{position:fixed;left:50%;transform:translate(-50%);z-index:6;padding:.5rem 1.2rem;font-family:Poiret One,ui-rounded,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--deco-ink);background:var(--deco-gold);border:1px solid var(--deco-gold-deep)}.hermes-hint{bottom:2.2rem}.hermes-nudge{bottom:1.6rem;background:transparent;color:var(--deco-gold);border:none;letter-spacing:.2em;animation:hermes-bob 1.6s ease-in-out infinite}@keyframes hermes-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.creator-float{position:fixed;bottom:1rem;right:1rem;z-index:20;padding:.55rem 1rem;border:1px solid var(--deco-gold-deep);border-radius:999px;background:var(--deco-gold);color:var(--deco-ink);font-family:Poiret One,system-ui,sans-serif;font-weight:700;letter-spacing:.08em;cursor:pointer}.creator{position:absolute;inset:0;display:flex;flex-direction:column;background:#11151f;color:#e8e6df;font-family:ui-sans-serif,system-ui,sans-serif}.creator-head{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;background:#0c0f17;border-bottom:1px solid #2a2f3c}.creator-head strong{letter-spacing:.04em}.creator-spacer{flex:1}.creator-head button,.creator button{background:#232a38;color:#e8e6df;border:1px solid #353d4d;border-radius:6px;padding:.35rem .7rem;cursor:pointer;font:inherit}.creator button:hover{background:#2c3446}.creator-danger{border-color:#5a2f2f!important;background:#3a2222!important}.creator-body{flex:1;display:flex;min-height:0}.creator-rail{width:240px;flex:none;padding:.8rem;border-right:1px solid #2a2f3c;overflow-y:auto}.creator-main{flex:1;padding:1rem 1.2rem;overflow-y:auto}.creator-field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.8rem;font-size:.85rem}.creator-field>span{color:#9aa3b5;letter-spacing:.04em}.creator-field input,.creator-field select,.creator-grow{background:#1a1f2b;color:#e8e6df;border:1px solid #353d4d;border-radius:6px;padding:.4rem .5rem;font:inherit}.creator-beatlist-head{display:flex;align-items:center;justify-content:space-between;margin:.6rem 0 .4rem;color:#9aa3b5;font-size:.8rem}.creator-beat{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;margin-bottom:.3rem}.creator-beat.is-sel{outline:2px solid var(--deco-gold)}.creator-beat-n{display:inline-flex;width:1.4rem;height:1.4rem;align-items:center;justify-content:center;border-radius:50%;background:#353d4d;font-size:.75rem}.creator-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}.creator-grow{flex:1}.creator-group{border:1px solid #2a2f3c;border-radius:8px;padding:.7rem .9rem;margin-bottom:1rem}.creator-group legend,.creator-group summary{color:#9aa3b5;font-size:.8rem;letter-spacing:.05em;cursor:pointer}.creator-range{display:flex;align-items:center;gap:.6rem}.creator-range input{flex:1}.creator-range code{color:var(--deco-gold);min-width:2.5rem}.creator-json{width:100%;height:220px;margin-top:.6rem;background:#0c0f17;color:#cde3c9;border:1px solid #353d4d;border-radius:6px;font-family:ui-monospace,monospace;font-size:.75rem}.creator-float{font-family:Poiret One,system-ui,sans-serif}