:root{color-scheme:dark;--forest: #07120f;--canopy: #10251d;--paper: #f1ead8;--paper-deep: #ded4bc;--ink: #15231c;--muted-ink: #526259;--mist: #b8c9c0;--lichen: #b8d46a;--pollen: #f2bc57;--coral: #ee7968;--fern: #5bbf8a;--danger: #a9362c;--serif: Georgia, "Times New Roman", serif;--sans: "Trebuchet MS", Arial, sans-serif;font-family:var(--sans);font-synthesis:none;background:var(--forest);color:var(--paper)}*{box-sizing:border-box}html{min-width:320px;background:var(--forest);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--forest);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-underline-offset:.22em}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--pollen);outline-offset:3px}.skip-link{position:fixed;z-index:100;left:1rem;top:1rem;padding:.75rem 1rem;color:var(--ink);background:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.offline-banner{position:fixed;z-index:80;top:0;width:100%;padding:.5rem 1rem;text-align:center;background:var(--pollen);color:var(--ink);font-weight:700}.offline-banner:not([hidden])~.site-header{top:2.5rem}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1rem,4vw,4rem)}.site-header nav,footer nav{display:flex;align-items:center;gap:1.5rem}.wordmark{display:flex;align-items:center;gap:.55rem;min-height:44px;text-decoration:none;font-family:var(--serif);font-size:1.16rem;font-weight:700}.fern-mark{color:var(--lichen);font-size:2rem;transform:rotate(-20deg)}.text-button{min-height:44px;padding:.45rem .15rem;border:0;border-bottom:1px solid transparent;background:transparent;cursor:pointer}.text-button:hover{border-bottom-color:currentColor}.text-button.dark{color:var(--ink)}.landing{min-height:100vh;padding:clamp(5.5rem,10vw,8rem) clamp(1rem,4vw,4rem) 3rem;background-color:var(--forest);background-image:radial-gradient(rgba(184,212,106,.12) .7px,transparent .7px);background-size:7px 7px}.specimen-sheet{position:relative;max-width:1440px;margin:0 auto;color:var(--ink);background:var(--paper);box-shadow:0 28px 80px #00000073;overflow:hidden}.specimen-sheet:before,.specimen-sheet:after{content:"";position:absolute;z-index:2;width:72px;height:72px;pointer-events:none}.specimen-sheet:before{top:1rem;left:1rem;border-top:1px solid rgba(21,35,28,.35);border-left:1px solid rgba(21,35,28,.35)}.specimen-sheet:after{right:1rem;bottom:1rem;border-right:1px solid rgba(21,35,28,.35);border-bottom:1px solid rgba(21,35,28,.35)}.kicker{display:flex;justify-content:space-between;margin:0;padding:1rem 2rem;border-bottom:1px solid rgba(21,35,28,.24);color:var(--muted-ink);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(400px,1.25fr);align-items:stretch;min-height:min(68vh,700px)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,6vw,7rem)}h1{max-width:8ch;margin:0 0 1.5rem;font-family:var(--serif);font-size:clamp(3.1rem,7vw,6.8rem);font-weight:400;line-height:.9;letter-spacing:-.055em}.lede{max-width:36rem;margin:0 0 2rem;color:#304239;font-family:var(--serif);font-size:clamp(1.12rem,1.7vw,1.4rem);line-height:1.52}.start-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.primary-button,.secondary-button,.danger-button,.arrow-button,.icon-button,.show-controls{min-height:48px;border:0;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:.9rem 1.25rem;border-radius:999px;background:var(--lichen);color:var(--ink);font-weight:800;box-shadow:inset 0 0 0 1px #15231c38}.primary-button:hover{background:#cbe77b;transform:translateY(-2px)}.primary-button:active,.secondary-button:active,.arrow-button:active{transform:translateY(1px)}.primary-button.compact{padding-inline:1.5rem}.primary-button[aria-busy=true]{cursor:wait;opacity:.75}.privacy-note{display:flex;align-items:center;gap:.55rem;max-width:16rem;margin:0;color:var(--muted-ink);font-size:.8rem;line-height:1.3}.privacy-note span{color:var(--fern)}.permission-help{max-width:36rem;margin-top:1.5rem;padding:1rem;border-left:4px solid var(--coral);background:#e6dcc6}.permission-help p{margin:.3rem 0 .8rem}.button-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.secondary-button{padding:.7rem 1rem;border:1px solid currentColor;border-radius:999px;background:transparent;color:var(--ink);font-weight:700}.secondary-button:hover{background:#15231c14}.secondary-button.paper{border-color:#f1ead8a6;color:var(--paper)}.hero-art{position:relative;min-height:420px;margin:0;background:var(--canopy);overflow:hidden}.hero-art picture,.hero-art img{width:100%;height:100%}.hero-art img{object-fit:cover;filter:saturate(.9) contrast(1.04)}.hero-art figcaption{position:absolute;left:1.25rem;right:1.25rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;padding:.65rem .8rem;color:var(--paper);background:#07120fd6;backdrop-filter:blur(8px);font-family:var(--serif);font-style:italic;font-size:.84rem}.hero-art figcaption span{font-family:var(--sans);font-style:normal;font-weight:700;letter-spacing:.1em}.feature-index{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid rgba(21,35,28,.24)}.feature-index div{padding:1.25rem 2rem}.feature-index div+div{border-left:1px solid rgba(21,35,28,.24)}.feature-index dt{margin-bottom:.3rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.feature-index dd{margin:0;color:var(--muted-ink);font-family:var(--serif)}.stage{position:fixed;z-index:20;inset:0;min-height:100dvh;overflow:hidden;background:var(--forest)}#visual-canvas{width:100%;height:100%;display:block}.stage-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(7,18,15,.55),transparent 18%,transparent 62%,rgba(7,18,15,.68))}.stage-top{position:absolute;z-index:3;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));transition:opacity .2s ease,transform .2s ease}.live-badge{justify-self:start;display:flex;align-items:center;gap:.55rem;margin:0;font-size:.84rem}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--fern);box-shadow:0 0 0 4px #5bbf8a24}.beat-readout{display:flex;align-items:center;gap:1rem;margin:0;font-size:.8rem;color:var(--mist)}#tempo-value{min-width:4.7rem;color:var(--paper);font-variant-numeric:tabular-nums;font-weight:800}.stage-actions{justify-self:end;display:flex;gap:.5rem}.icon-button{display:inline-grid;place-items:center;width:48px;padding:0;border:1px solid rgba(241,234,216,.3);border-radius:50%;background:#07120f5c;color:var(--paper);font-size:1.4rem;backdrop-filter:blur(8px)}.icon-button:hover{background:#f1ead824}.control-drawer{position:absolute;z-index:3;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(300px,1fr) auto;gap:1.5rem;align-items:center;padding:.8rem 1rem;border:1px solid rgba(241,234,216,.23);background:#07120fb8;backdrop-filter:blur(16px);transition:opacity .2s ease,transform .2s ease}.eyebrow{margin:0 0 .18rem;color:var(--muted-ink);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.control-drawer .eyebrow{color:var(--mist)}.preset-title{min-width:11rem;margin:0;font-family:var(--serif);font-size:1.1rem}#preset-number{margin-right:.35rem;color:var(--lichen);font-family:var(--sans);font-size:.72rem;font-weight:800}.preset-nav{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:.5rem;align-items:center}.arrow-button{border:1px solid rgba(241,234,216,.25);background:transparent;color:var(--paper);font-size:1.25rem}.arrow-button:hover{background:#f1ead81a}.preset-strip{display:flex;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.preset-strip::-webkit-scrollbar{display:none}.preset-chip{position:relative;flex:0 0 52px;width:52px;height:48px;border:1px solid rgba(241,234,216,.28);background:#10251d8a;color:var(--mist);scroll-snap-align:center;cursor:pointer;font-size:.74rem;font-variant-numeric:tabular-nums}.preset-chip:hover{border-color:var(--paper)}.preset-chip[aria-current=true]{border-color:var(--lichen);background:var(--lichen);color:var(--ink);font-weight:800}.preset-chip.locked:after{content:"✦";position:absolute;right:3px;top:1px;color:var(--pollen);font-size:.56rem}.preset-chip.locked[aria-current=true]:after{color:var(--ink)}.show-controls{position:absolute;z-index:4;left:50%;bottom:max(1rem,env(safe-area-inset-bottom));transform:translate(-50%);padding:.7rem 1rem;border:1px solid rgba(241,234,216,.4);border-radius:999px;background:#07120fbf;color:var(--paper)}.show-controls kbd{margin-left:.4rem;color:var(--lichen);background:none}.stage.chrome-hidden .stage-top,.stage.chrome-hidden .control-drawer{opacity:0;transform:translateY(16px);pointer-events:none}.stage-status{position:absolute;z-index:5;left:50%;top:16%;transform:translate(-50%);margin:0;padding:.55rem .9rem;border-radius:999px;background:#07120fbf;opacity:0;transition:opacity .18s ease;pointer-events:none}.stage-status.visible{opacity:1}.venue-logo{position:absolute;z-index:2;right:4vw;bottom:16vh;width:min(18vw,240px);max-height:140px;object-fit:contain;filter:drop-shadow(0 2px 12px rgba(0,0,0,.5))}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4rem);color:var(--mist);font-size:.82rem}footer p{margin:0}dialog{width:min(600px,calc(100% - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #000000a6}dialog::backdrop{background:#030a08c7;backdrop-filter:blur(6px)}.dialog-shell{padding:clamp(1.25rem,4vw,2.25rem);overflow-y:auto}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.dialog-heading h2{margin:0;font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:400;line-height:1.08}.dark-icon{flex:0 0 48px;border-color:#15231c40;background:transparent;color:var(--ink)}.dark-icon:hover{background:#15231c14}.range-label{display:flex;justify-content:space-between;margin-top:1rem;font-weight:700}input[type=range]{width:100%;min-height:44px;accent-color:var(--ink)}.select-label{display:grid;gap:.45rem;margin:1rem 0;font-weight:700}select,input[type=text],input[type=file],#license-input{width:100%;min-height:48px;padding:.65rem;border:1px solid #6b776f;border-radius:0;background:#fffdf7;color:var(--ink)}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px;margin:.7rem 0}.toggle-label span{display:grid}.toggle-label small{color:var(--muted-ink)}.toggle-label input{flex:0 0 auto;width:28px;height:28px;accent-color:var(--ink)}.venue-inline{margin-top:1.25rem;padding:1rem;border:1px dashed var(--muted-ink)}.dialog-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(21,35,28,.2)}.danger-button{padding:.65rem;background:transparent;color:var(--danger);font-weight:700;text-decoration:underline}.remote-pairing{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:1.5rem;margin:1.5rem 0}.qr-frame{display:grid;place-items:center;width:180px;height:180px;padding:10px;border:1px solid rgba(21,35,28,.3);background:#fff}.qr-frame canvas{width:100%!important;height:100%!important}.loading-leaf{color:var(--ink);font-size:3rem}.room-code{margin:0 0 .3rem;font-family:ui-monospace,monospace;font-size:1.8rem;font-weight:800;letter-spacing:.12em}.muted,.small-copy{color:var(--muted-ink)}.small-copy{font-size:.83rem}summary{min-height:44px;padding-block:.7rem;cursor:pointer;font-weight:700}.venue-dialog-shell{background-image:linear-gradient(115deg,transparent 70%,rgba(184,212,106,.18))}.venue-list{display:grid;gap:.7rem;padding-left:1.4rem}.link-button{width:100%;margin-block:1.25rem .5rem;text-decoration:none}.venue-dialog-shell hr{margin:1.5rem 0;border:0;border-top:1px solid rgba(21,35,28,.2)}#restore-form>label{display:block;margin-bottom:.5rem;font-weight:700}.restore-row{display:grid;grid-template-columns:1fr auto;gap:.5rem}.form-message{min-height:1.5rem;margin:.4rem 0;color:var(--muted-ink)}.legal-links{margin-bottom:0;font-size:.84rem}.legal-page,.remote-page{min-height:calc(100vh - 160px);padding:8rem max(1rem,calc((100vw - 780px)/2)) 4rem}.legal-page h1,.remote-page h1{max-width:none;font-size:clamp(2.8rem,7vw,5rem)}.legal-page h2{margin-top:2.25rem;font-family:var(--serif);font-size:1.7rem;font-weight:400}.legal-page p,.legal-page li{color:var(--mist)}.legal-page .effective{color:var(--lichen);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.remote-page{max-width:760px;margin:auto;text-align:center}.remote-page h1{margin-inline:auto}.remote-page .room-label{color:var(--mist)}.remote-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:2rem auto}.remote-controls button{min-height:72px;padding:1rem;border:1px solid rgba(241,234,216,.28);background:var(--canopy);color:var(--paper);cursor:pointer;font-size:1.05rem}.remote-controls button:hover{border-color:var(--lichen)}.remote-controls button:active{background:var(--lichen);color:var(--ink)}.remote-palette{grid-column:1 / -1}.connection-orbit{width:18px;height:18px;margin:0 auto 1rem;border:2px solid var(--lichen);border-top-color:transparent;border-radius:50%;animation:orbit 1s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:820px){.site-header{padding-inline:1rem}.site-header nav{gap:.75rem}#venue-header{display:none}.landing{padding:5rem 0 0}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:3.5rem 1.5rem 2.5rem}h1{max-width:7ch}.hero-art{min-height:360px}.feature-index{grid-template-columns:1fr}.feature-index div{padding:1rem 1.5rem}.feature-index div+div{border-left:0;border-top:1px solid rgba(21,35,28,.24)}footer{flex-direction:column}.stage-top{grid-template-columns:1fr auto}.beat-readout{order:3;grid-column:1 / -1;justify-self:center;margin-top:.5rem}.control-drawer{grid-template-columns:1fr auto;gap:.7rem}.preset-nav{grid-column:1 / -1;grid-row:2}.now-growing,.preset-title{min-width:0}.control-drawer>.paper{grid-column:2;grid-row:1}.remote-pairing{grid-template-columns:1fr;text-align:center}.qr-frame{margin:auto}}@media(max-width:460px){.wordmark{font-size:1rem}#remote-header{font-size:.84rem}.kicker{padding-inline:1.25rem}.kicker span:last-child{display:none}.hero-copy{padding-top:2.6rem}h1{font-size:3.6rem}.start-row,.primary-button{width:100%}.hero-art{min-height:280px}.hero-art figcaption{font-size:.7rem}.control-drawer{left:0;right:0;bottom:0;border-inline:0;border-bottom:0;padding-bottom:max(.8rem,env(safe-area-inset-bottom))}.preset-strip{max-width:calc(100vw - 128px)}.dialog-shell{padding:1.25rem}.dialog-footer,.restore-row{grid-template-columns:1fr;flex-direction:column-reverse}.dialog-footer>*{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}