:root{--accent:#35e0ff;--accent-dim:#35e0ff2e;--brand-a:#f0c;--brand-b:#0ff;--pro:#ffb347;--pro-dim:#ffb34729;--danger:#f57;--text:#fffffff0;--text-dim:#ffffff94;--text-faint:#ffffff57;--glass:#0c0d129e;--glass-solid:#0c0d12;--panel:#0e0f15c7;--border:#ffffff17;--border-bright:#ffffff38;--blur:blur(22px) saturate(140%);--r:10px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100dvh;color:var(--text);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;overflow:hidden}#cv{touch-action:none;width:100vw;height:100dvh;display:block;position:fixed;inset:0}button,input,textarea{color:inherit;font-family:inherit}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.5px}b{color:var(--text);font-weight:600}.pill,.mood-btn,.fx-btn,.icon-btn,.speed-chip,.look-chip{background:var(--glass);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,color .2s,background .2s,transform .12s,box-shadow .2s}.pill:active,.mood-btn:active,.fx-btn:active,.speed-chip:active,.look-chip:active{transform:scale(.96)}#splash{z-index:50;padding:calc(var(--safe-t) + 32px) 32px calc(var(--safe-b) + 32px);text-align:center;background:radial-gradient(#1e0032b3 0%,#000 70%);flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}#splash.hidden{opacity:0;pointer-events:none;display:flex}.logo{letter-spacing:.3em;background:linear-gradient(90deg, var(--brand-a), var(--brand-b));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;margin-right:-.3em;font-size:clamp(26px,8.6vw,38px);font-weight:200}.tagline{letter-spacing:4px;color:var(--text-dim);text-transform:uppercase;margin-bottom:56px;font-size:11px;font-weight:400}.splash-warn{letter-spacing:1px;max-width:300px;color:var(--text-faint);text-transform:uppercase;margin-top:18px;font-size:10.5px;line-height:1.5}.start-btn{background:var(--text);color:#000;border-radius:var(--r);letter-spacing:4px;text-transform:uppercase;cursor:pointer;border:none;padding:18px 56px;font-size:13px;font-weight:700;box-shadow:0 0 40px #35e0ff40}.start-btn:disabled{opacity:.45;cursor:default}#error{color:var(--danger);max-width:300px;margin-top:16px;font-size:12px;line-height:1.5}.ghost-btn{min-height:44px;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--r);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;font-size:11px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.ghost-btn:hover{color:var(--text);border-color:var(--border-bright)}.ghost-btn:disabled{opacity:.4;cursor:default}.ghost-btn svg{flex:none;width:15px;height:15px}.ghost-btn.wide{width:100%;margin:0}.install-btn{margin-top:28px}.clock-btn{background:0 0;border-color:#0000;min-height:40px;margin-top:14px;padding:10px 16px;font-size:10px}.clock-btn:hover{border-color:var(--border)}html.demo #splash .clock-btn{display:none}#chrome{z-index:10;pointer-events:none;opacity:1;flex-direction:column;justify-content:space-between;transition:opacity .5s;display:flex;position:fixed;inset:0}#chrome.idle{opacity:0}#chrome.locked>:not(.unlock-tap){display:none}#chrome.locked{opacity:1}.topbar{padding:calc(var(--safe-t) + 10px) 12px 0;justify-content:space-between;align-items:center;gap:8px;display:flex}.top-left,.top-right{align-items:center;gap:6px;min-width:0;display:flex}.pill{border-radius:var(--r);letter-spacing:2px;text-transform:uppercase;min-height:38px;color:var(--text-dim);pointer-events:auto;white-space:nowrap;align-items:center;gap:8px;padding:0 13px;font-size:10.5px;font-weight:600;display:inline-flex}.pill svg{width:16px;height:16px}.pill-icon{padding:0 10px}.pill-tiny{letter-spacing:1.5px;min-height:30px;padding:0 9px;font-size:9.5px}.pill .dot{background:var(--text-faint);border-radius:50%;flex:none;width:7px;height:7px;transition:background .3s,box-shadow .3s}.pill.locked{color:var(--text);border-color:#35e0ff73}.pill.locked .dot{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:1s ease-out infinite bpm-pulse}@keyframes bpm-pulse{0%{opacity:1}70%{opacity:.35}to{opacity:1}}.pill.on{color:var(--text);background:var(--accent-dim);border-color:#35e0ff73}.pill.on .dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.pill.warn{color:var(--pro);border-color:#ffb34773}@media (prefers-reduced-motion:reduce){.pill.locked .dot{animation:none}}@media (width<=430px){#screenBtn span{display:none}#screenBtn{padding:0 10px}#screenBtn.on{color:var(--accent)}}.meter{border-radius:var(--r);background:var(--glass);border:1px solid var(--border);height:38px;-webkit-backdrop-filter:var(--blur);align-items:flex-end;gap:3px;padding:0 9px;display:flex}.meter i{background:linear-gradient(to top, var(--accent) var(--lvl,0%), #ffffff1a var(--lvl,0%));border-radius:2px;width:5px;height:22px;margin:7px 0;display:block}.dock{padding:0 12px calc(var(--safe-b) + 12px);flex-direction:column;gap:10px;transition:opacity .2s;display:flex}.dock-row{align-items:center;gap:8px;min-width:0;display:flex}.speed-row{background:var(--glass);border:1px solid var(--border);border-radius:var(--r);-webkit-backdrop-filter:var(--blur);pointer-events:auto;flex:none;gap:4px;padding:3px;display:flex}.speed-chip{-webkit-backdrop-filter:none;min-width:40px;height:30px;font-family:var(--mono);color:var(--text-faint);background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:11.5px;font-weight:500;display:inline-flex}.speed-chip.active{color:#000;background:var(--accent)}.looks-strip{scrollbar-width:none;touch-action:pan-x;pointer-events:auto;flex:auto;gap:6px;min-width:0;display:flex;overflow-x:auto}.looks-strip::-webkit-scrollbar{display:none}.look-chip{border-radius:var(--r);letter-spacing:1.5px;text-transform:uppercase;height:36px;color:var(--text-dim);white-space:nowrap;flex:none;padding:0 12px;font-size:10.5px;font-weight:600}.look-chip.active{color:var(--text);border-color:#35e0ff73}.dock-main{align-items:stretch;gap:8px;display:flex}.mood-btn{border-radius:var(--r);pointer-events:auto;text-align:left;flex:auto;align-items:center;gap:12px;min-width:0;min-height:58px;padding:0 16px;display:flex}.mood-btn .grid-icon{width:19px;height:19px;color:var(--accent);flex:none}.mood-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.mood-kicker{letter-spacing:3px;color:var(--text-faint);font-size:9px}.mood-name{letter-spacing:3px;text-transform:uppercase;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.fx-btn{border-radius:var(--r);letter-spacing:2px;width:64px;min-height:58px;color:var(--text-dim);pointer-events:auto;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:700;display:inline-flex;position:relative}.fx-btn svg{width:20px;height:20px}.pads-panel{flex-direction:column;gap:8px;display:flex}.pads-panel.hidden{display:none}.pads-panel .speed-row{align-self:flex-start}.pads-row{pointer-events:auto;grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.pad{border-radius:var(--r);background:var(--glass);border:1px solid var(--border);min-height:64px;-webkit-backdrop-filter:var(--blur);color:var(--text-dim);letter-spacing:1.5px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9.5px;font-weight:700;transition:background 80ms,border-color 80ms;display:flex;position:relative}.pad.down{background:var(--text);color:#000;border-color:var(--text)}.pad.on:not(.down){color:var(--text);border-color:#35e0ff99}.pad .seg-tag{position:absolute;top:4px;right:5px}.pad.down .seg-tag{color:#0009}.fx-btn.on{color:var(--text);border-color:#35e0ff73}.fx-btn.on svg{color:var(--accent)}.fx-count{background:var(--accent);color:#000;min-width:16px;height:16px;font-family:var(--mono);letter-spacing:0;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:9.5px;font-weight:700;display:inline-flex;position:absolute;top:6px;right:6px}#chrome.panel-open .dock{opacity:0;pointer-events:none}.unlock-tap{pointer-events:auto;cursor:default;background:0 0;border:none;width:96px;height:96px;position:fixed;top:0;left:0}.overlay{z-index:40;background:#00000059;flex-direction:column;display:flex;position:fixed;inset:0}.overlay-head{padding:calc(var(--safe-t) + 16px) 18px 14px;background:linear-gradient(#000000d9,#0000);justify-content:space-between;align-items:center;display:flex}.overlay-title{letter-spacing:4px;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:600}.icon-btn{border-radius:var(--r);width:38px;height:38px;color:var(--text-dim);justify-content:center;align-items:center;display:inline-flex}.icon-btn svg{width:18px;height:18px}.thumb-grid{padding:0 12px calc(var(--safe-b) + 20px);-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y;flex:auto;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid;overflow-y:auto}.thumb-grid::-webkit-scrollbar{display:none}.thumb{aspect-ratio:3/4;border:1px solid var(--border);border-radius:var(--r);cursor:pointer;background:0 0;align-items:flex-end;padding:8px;transition:border-color .2s,transform .12s;display:flex;position:relative;overflow:hidden}.thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000d9);height:46%;position:absolute;inset:auto 0 0}.thumb:active{transform:scale(.97)}.thumb.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.thumb-label{z-index:1;letter-spacing:2px;text-transform:uppercase;color:var(--text);font-size:10px;font-weight:600;position:relative}.thumb[hidden]{display:none}.thumb-badge{z-index:1;letter-spacing:1.5px;color:var(--pro);background:#ffb34738;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:6px;left:6px}.thumb-fave{z-index:1;color:var(--accent);text-shadow:0 0 8px var(--accent);font-size:13px;display:none;position:absolute;top:4px;right:7px}.thumb.fave .thumb-fave{display:block}.picker-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:0 12px 10px;display:flex;overflow-x:auto}.picker-tabs::-webkit-scrollbar{display:none}.picker-tab{border:1px solid var(--border);min-height:30px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#00000073;border-radius:999px;flex:none;padding:7px 11px;font-size:9.5px;font-weight:600}.picker-tab.active{color:var(--text);background:var(--accent-dim);border-color:#35e0ff73}.picker-tab .tab-count{opacity:.5;font-variant-numeric:tabular-nums;letter-spacing:0;margin-left:5px}.picker-shuffle{color:var(--text);margin-left:auto}.thumb-grid.picker-empty:before{content:attr(data-empty);text-align:center;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint);grid-column:1/-1;padding:40px 12px;font-size:11px}.sheet{z-index:60;-webkit-backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-card{width:100%;max-width:520px;padding:22px 22px calc(var(--safe-b) + 22px);background:var(--glass-solid);border-top:1px solid var(--border);border-radius:16px 16px 0 0;animation:.32s cubic-bezier(.2,.9,.3,1) sheet-rise}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet-card{animation:none}}#fxPanel,#layerPanel{-webkit-backdrop-filter:none;background:0 0}.fx-card,.menu-card,.page-card{touch-action:pan-y;background:var(--panel);-webkit-backdrop-filter:blur(26px)saturate(150%);max-height:76dvh;overflow-y:auto;box-shadow:0 -20px 60px #00000073}.page-card{background:#0c0d12f5;max-height:92dvh}.sound-scope{aspect-ratio:16/9;border-radius:var(--r);border:1px solid var(--border);background:#000;width:100%;height:auto;display:block;position:static}.sound-stats{color:var(--text-dim);grid-template-columns:repeat(3,1fr);gap:4px 10px;margin:10px 0 14px;font-size:10.5px;display:grid}.sound-stats b{color:var(--text);font-weight:500}.sound-stats .on{color:var(--accent)}.sound-stats .warn{color:var(--pro)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.fx-card,.menu-card{background:#0c0d12e6}}.fx-card::-webkit-scrollbar{display:none}.menu-card::-webkit-scrollbar{display:none}.page-card::-webkit-scrollbar{display:none}.fx-card .fx-label,.fx-card .fx-value,.fx-card .group-label,.fx-card .sheet-title,.fx-card .text-btn{text-shadow:0 1px 3px #000000d9}.fx-card .ctrl-slider::-webkit-slider-runnable-track{background:#00000080;box-shadow:inset 0 0 0 1px #ffffff24}.fx-card .ctrl-slider::-moz-range-track{background:#00000080;box-shadow:inset 0 0 0 1px #ffffff24}.fx-card .sheet-head,.menu-card .sheet-head,.page-card .sheet-head{border-bottom:1px solid var(--border);background:#0c0d12eb;margin:-22px -22px 16px;padding:22px 22px 12px;top:-22px}.sheet-head{z-index:1;background:var(--glass-solid);align-items:center;gap:12px;margin-bottom:20px;display:flex;position:sticky}.sheet-title{letter-spacing:4px;text-transform:uppercase;color:var(--text);flex:auto;font-size:12px;font-weight:700}.text-btn{cursor:pointer;letter-spacing:2px;text-transform:uppercase;min-height:32px;color:var(--text-faint);background:0 0;border:none;font-size:10.5px;font-weight:600}.text-btn:hover{color:var(--text)}.fx-group{margin-bottom:18px}.group-label{letter-spacing:3px;text-transform:uppercase;color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.group-hint{text-transform:none;letter-spacing:.3px;opacity:.75;font-weight:400}.tier-tag{background:var(--pro-dim);color:var(--pro);font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;vertical-align:middle;border-radius:4px;align-items:center;margin-left:6px;padding:2px 6px;font-size:8.5px;font-weight:700;display:inline-flex}.tier-tag.soon{color:var(--text-dim);background:#ffffff14}.seg-tag{font-family:var(--mono);letter-spacing:1px;color:var(--pro);font-size:7.5px;font-weight:700;position:absolute;top:3px;right:4px}.seg-btn.active .seg-tag{color:#0009}.unlocked .tier-tag,.unlocked .seg-tag,.tier-tag.unlocked,.seg-tag.unlocked{display:none}.tier-badge{color:var(--text-dim);letter-spacing:2px;background:#ffffff14;border-radius:4px;padding:4px 8px;font-size:9.5px;font-weight:700}.tier-badge.tier-pro,.tier-badge.tier-studio,.tier-badge.tier-venue{background:var(--pro-dim);color:var(--pro)}.fx-row{align-items:center;gap:12px;padding:3px 0;display:flex;position:relative}.fx-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);flex:0 0 82px;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.fx-label .tier-tag{letter-spacing:1px;margin-left:0;padding:1px 3px;font-size:7px}.fx-value{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-dim);flex:0 0 40px;font-size:12px}.fx-row.on .fx-label,.fx-row.on .fx-value{color:var(--text)}.fx-row.on .fx-value{color:var(--accent)}.fx-row.gated .fx-label{color:var(--text-faint)}.fx-row.gated .ctrl-slider::-webkit-slider-thumb{background:var(--pro);box-shadow:none}.fx-row.gated .ctrl-slider::-moz-range-thumb{background:var(--pro)}.ctrl-slider{appearance:none;cursor:pointer;background:0 0;outline:none;flex:auto;min-width:0;height:28px}.ctrl-slider::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:2px;height:4px}.ctrl-slider::-webkit-slider-thumb{appearance:none;background:var(--text);border-radius:6px;width:22px;height:22px;margin-top:-9px;box-shadow:0 0 0 1px #0006,0 2px 8px #00000080}.fx-row.on .ctrl-slider::-webkit-slider-thumb{background:var(--accent)}.ctrl-slider::-moz-range-track{background:#ffffff1f;border-radius:2px;height:4px}.ctrl-slider::-moz-range-thumb{background:var(--text);border:none;border-radius:6px;width:22px;height:22px}.fx-row.on .ctrl-slider::-moz-range-thumb{background:var(--accent)}.toggle-row{min-height:44px;color:var(--text-dim);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.switch{appearance:none;cursor:pointer;border:1px solid var(--border);background:#ffffff1f;border-radius:13px;width:44px;height:26px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--text);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent-dim);border-color:#35e0ff73}.switch:checked:after{background:var(--accent);transform:translate(18px)}.sheet-steps{counter-reset:step;flex-direction:column;gap:16px;margin:20px 0 26px;list-style:none;display:flex}.sheet-steps li{counter-increment:step;color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:7px;font-size:14px;line-height:1.45;display:flex}.sheet-steps li:before{content:counter(step);border:1px solid var(--border);width:22px;height:22px;font-family:var(--mono);color:var(--text);border-radius:50%;flex:none;place-items:center;margin-right:4px;font-size:11px;display:grid}.sheet-steps strong{color:var(--text);font-weight:500}.ios-share{vertical-align:-4px;color:#0a84ff;width:18px;height:18px}.sheet-close{width:100%;padding:15px 0}.menu-list{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.menu-item{text-align:left;border:1px solid var(--border);border-radius:var(--r);cursor:pointer;background:#ffffff0a;flex-direction:column;align-items:flex-start;gap:3px;min-height:56px;padding:12px 14px;transition:border-color .2s,background .2s;display:flex}.menu-item:hover{border-color:var(--border-bright);background:#ffffff12}.menu-item-title{letter-spacing:1px;color:var(--text);font-size:13px;font-weight:600}.menu-item-sub{color:var(--text-dim);font-size:11.5px}.menu-foot{color:var(--text-faint);letter-spacing:1px;margin-top:8px;font-size:9.5px}.clip-row{cursor:default;padding-right:150px;position:relative}.clip-actions{gap:6px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clip-actions .ghost-btn{min-height:36px;margin-top:0;padding:8px 12px}.plans-status{border:1px solid var(--border);border-radius:var(--r);color:var(--text-dim);background:#ffffff0a;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:12.5px;display:flex}.status-dot{background:var(--text-faint);border-radius:50%;flex:none;width:8px;height:8px}.status-dot.tier-pro,.status-dot.tier-studio,.status-dot.tier-venue{background:var(--pro);box-shadow:0 0 8px var(--pro)}.plans-sec{margin-bottom:24px}.plans-sec-title{letter-spacing:3px;text-transform:uppercase;color:var(--text);font-size:12px;font-weight:700}.plans-sec-lead{color:var(--text-dim);margin:4px 0 12px;font-size:12px}.plan-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=380px){.plan-row{grid-template-columns:1fr}}.plan-card{border-radius:var(--r);border:1px solid var(--border);background:#ffffff0a;flex-direction:column;gap:8px;padding:14px;display:flex}.plan-card.tier-pro,.plan-card.tier-studio,.plan-card.tier-venue{border-color:#ffb34759}.plan-card.current{box-shadow:0 0 0 1px var(--accent) inset;border-color:var(--accent)}.plan-name{letter-spacing:3px;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:700}.plan-price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.plan-amount{font-family:var(--mono);color:var(--text);font-size:26px;font-weight:500}.plan-period{color:var(--text-dim);font-size:10.5px}.plan-blurb{color:var(--text-dim);font-size:12px;line-height:1.45}.plan-list{flex-direction:column;gap:4px;margin:4px 0;list-style:none;display:flex}.plan-list li{color:var(--text);padding-left:14px;font-size:12px;position:relative}.plan-list li:before{content:"●";color:var(--accent);font-size:8px;line-height:18px;position:absolute;top:0;left:0}.tier-pro .plan-list li:before,.tier-studio .plan-list li:before,.tier-venue .plan-list li:before{color:var(--pro)}.plan-btn{border-radius:var(--r);cursor:pointer;border:1px solid var(--border-bright);background:var(--text);color:#000;letter-spacing:2px;text-transform:uppercase;min-height:44px;margin-top:auto;font-size:11px;font-weight:700}.tier-pro .plan-btn,.tier-studio .plan-btn,.tier-venue .plan-btn{background:var(--pro);border-color:#0000}.plan-btn:disabled{color:var(--text-dim);border-color:var(--border);cursor:default;background:0 0}.plans-matrix{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:6px 0 22px}.plans-matrix summary{cursor:pointer;letter-spacing:2.5px;text-transform:uppercase;min-height:44px;color:var(--text-dim);align-items:center;font-size:10.5px;font-weight:700;list-style:none;display:flex}.plans-matrix summary::-webkit-details-marker{display:none}.plans-matrix summary:after{content:"+";font-family:var(--mono);margin-left:auto;font-size:16px}.plans-matrix[open] summary:after{content:"–"}.matrix-scroll{padding-bottom:12px;overflow-x:auto}.matrix{border-collapse:collapse;width:100%}.matrix th{font-family:var(--mono);letter-spacing:2px;color:var(--text-faint);text-align:center;width:52px;padding:8px 4px;font-size:9px}.matrix th:first-child{text-align:left;width:auto}.matrix td{border-top:1px solid var(--border);vertical-align:top;padding:8px 4px}.matrix-label{color:var(--text);font-size:12px}.matrix-blurb{color:var(--text-faint);margin-top:2px;font-size:10.5px;line-height:1.35}.matrix-cell{text-align:center}.matrix .tick{color:var(--accent);font-size:9px}.matrix .dash{color:var(--text-faint)}.plans-key{margin-bottom:14px}.key-row{gap:8px;display:flex}.key-row .ghost-btn{flex:none;margin:0}.key-input{min-width:0;font-family:var(--mono);letter-spacing:0;flex:auto;font-size:12px;font-weight:400}.plans-actions{gap:16px;margin-top:8px;display:flex}.plans-fine{color:var(--text-faint);font-size:10.5px;line-height:1.5}.guide-nav{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.chip{border-radius:var(--r);border:1px solid var(--border);min-height:34px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;padding:0 12px;font-size:10.5px;font-weight:600}.guide-sec{margin-bottom:26px;scroll-margin-top:70px}.guide-h{letter-spacing:3px;text-transform:uppercase;color:var(--text);margin-bottom:10px;font-size:12px;font-weight:700}.guide-sub{letter-spacing:2.5px;text-transform:uppercase;color:var(--text-faint);margin:14px 0 6px;font-size:9.5px;font-weight:700}.guide-p{color:var(--text-dim);margin-bottom:10px;font-size:13px;line-height:1.55}.guide-dl{grid-template-columns:84px 1fr;gap:6px 10px;display:grid}.guide-dt{font-family:var(--mono);letter-spacing:1px;color:var(--text);padding-top:2px;font-size:10.5px;font-weight:600}.guide-dt .tier-tag{margin-left:4px}.guide-dd{color:var(--text-dim);font-size:12.5px;line-height:1.45}.go-btn{border-radius:var(--r);background:var(--accent);color:#000;letter-spacing:3px;cursor:pointer;pointer-events:auto;border:1px solid #35e0ff80;flex:none;min-width:64px;height:36px;padding:0 16px;font-size:12px;font-weight:800;transition:transform .12s,background .2s}.go-btn:active{transform:scale(.96)}.go-btn.armed{background:var(--pro);border-color:#0000;animation:.5s steps(2,end) infinite go-blink}.go-btn.running{color:var(--text);border-color:var(--border-bright);background:#ffffff26}.go-btn.hidden{display:none}@keyframes go-blink{50%{opacity:.55}}.pip{z-index:11;pointer-events:auto;right:12px;bottom:calc(var(--safe-b) + 128px);aspect-ratio:9/16;border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;width:34vw;max-width:180px;padding:6px;display:flex;position:fixed;box-shadow:0 6px 24px #00000080,0 0 0 1px #0009}.pip.hidden{display:none}.pip-tag{font-family:var(--mono);letter-spacing:2px;color:#000;background:var(--accent);border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.pip-name{letter-spacing:1.5px;color:var(--text);text-transform:uppercase;text-shadow:0 1px 3px #000;font-size:9.5px}#chrome.idle .pip{opacity:1}#deckBtn.on{color:var(--text);border-color:#35e0ff73}#deckBtn.on svg{color:var(--accent)}.deck-status{border:1px solid var(--border);border-radius:var(--r);background:#0000004d;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.deck-col{flex-direction:column;flex:1 1 0;gap:3px;min-width:0;display:flex}.deck-k{letter-spacing:3px;color:var(--text-faint);font-size:9px;font-weight:700}.deck-v{letter-spacing:1px;color:var(--text);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.deck-arrow{color:var(--accent);font-size:18px}.deck-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:6px;display:flex}.deck-go{background:var(--accent);width:100%;box-shadow:none;padding:16px 0}.deck-actions .ghost-btn{margin:0}.wm{z-index:9;pointer-events:none;right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(var(--safe-b) + 12px);letter-spacing:4px;color:#ffffff61;text-shadow:0 1px 4px #000000b3;opacity:0;font-size:10.5px;font-weight:600;transition:opacity 1.2s;position:fixed}.wm.show{opacity:1}.wm.hidden{display:none}#moodFade{z-index:8;opacity:0;pointer-events:none;background:#000;transition:opacity .25s;position:fixed;inset:0}#moodFade.visible{opacity:1}.update-pill,.toast{z-index:70;top:calc(var(--safe-t) + 62px);background:var(--glass);max-width:calc(100vw - 40px);-webkit-backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--r);letter-spacing:1px;color:var(--text);text-align:center;cursor:pointer;padding:10px 18px;font-size:11px;position:fixed;left:50%;transform:translate(-50%)}.toast{cursor:default;animation:.25s toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.hidden,#chrome.hidden,.ghost-btn.hidden,.install-btn.hidden,.sheet.hidden,.overlay.hidden,.pill.hidden,.fx-btn.hidden,.fx-count.hidden,.mood-btn.hidden,.update-pill.hidden,.text-btn.hidden,.tier-tag.hidden,.unlock-tap.hidden,.looks-strip.hidden,.go-btn.hidden,.pip.hidden,.toast.hidden{display:none}.seg{border:1px solid var(--border);border-radius:var(--r);background:#0000004d;gap:3px;margin-bottom:18px;padding:3px;display:flex}.seg-btn{cursor:pointer;letter-spacing:1.5px;min-height:40px;color:var(--text-faint);background:0 0;border:none;border-radius:7px;flex:1 1 0;font-size:10.5px;font-weight:700;transition:color .2s,background .2s;position:relative}.seg-btn.active{color:#000;background:var(--accent)}.seg-wrap{flex-wrap:wrap}.seg-wrap .seg-btn{flex:30%}.layer-pane{display:none}.layer-pane.active{display:block}.logo-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.file-btn{cursor:pointer;margin:0}.logo-preview{object-fit:contain;border:1px solid var(--border);background:#ffffff0f;border-radius:8px;width:56px;height:56px}.pane-note{color:var(--text-dim);margin-top:10px;font-size:12px;line-height:1.5}.pane-note strong{color:var(--text);font-weight:600}.pane-error{color:var(--danger)}.text-input{resize:none;border-radius:var(--r);border:1px solid var(--border);width:100%;color:var(--text);letter-spacing:1px;-webkit-user-select:text;user-select:text;background:#00000059;outline:none;padding:12px 14px;font-size:18px;font-weight:600}.text-input:focus{border-color:#35e0ff80}.select-input{letter-spacing:.5px;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 14px);background-repeat:no-repeat;background-size:6px 6px;margin-bottom:8px;padding-right:36px;font-size:14px;font-weight:500}.select-input option{color:var(--text);background:#0c0e12}.look-input{flex:auto;min-width:0;font-size:14px;font-weight:500}.looks-row{gap:8px;margin-bottom:10px;display:flex}.looks-row .ghost-btn{margin:0}.track-row{align-items:center;gap:10px;margin-top:10px;display:flex}.track-row .ghost-btn{min-width:84px;margin:0}.track-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-dim);flex:auto;font-size:11px;overflow:hidden}.studio-lead{margin:0 0 14px}.studio-render{width:100%;margin-top:18px}.studio-progress{margin-top:16px}.studio-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.studio-bar i{background:var(--accent);width:0;height:100%;transition:width .2s linear;display:block}.studio-progress-row{color:var(--text-dim);align-items:center;gap:12px;margin-top:8px;font-size:11px;display:flex}.studio-progress-row .text-btn{margin-left:auto}.studio-done{gap:10px;margin-top:16px;display:grid}.studio-done .ghost-btn{margin:0;text-decoration:none}.studio-still{margin-top:10px}.studio-wave{margin:12px 0 4px}.studio-wave-canvas{border-radius:var(--r);border:1px solid var(--border);cursor:ew-resize;touch-action:none;background:#00000073;width:100%;height:64px;display:block}.studio-wave-row{color:var(--text-dim);justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}.studio-wave-row .text-btn.active{color:var(--accent)}.studio-projects{margin-top:22px}.studio-projects .pane-note{margin:0}@media (width>=960px) and (pointer:fine){#studioPanel{-webkit-backdrop-filter:none;pointer-events:none;background:0 0;justify-content:flex-end;align-items:stretch}#studioPanel .sheet-card{pointer-events:auto;border-top:none;border-left:1px solid var(--border);border-radius:0;max-width:440px;height:100%;max-height:none;animation:.28s cubic-bezier(.2,.9,.3,1) sheet-side}}@keyframes sheet-side{0%{transform:translate(100%)}to{transform:translate(0)}}.preset-chip.dim{opacity:.4}.track-loop{letter-spacing:1.5px;color:var(--text-dim);align-items:center;gap:8px;font-size:10px;display:flex}.font-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.font-chip{border-radius:var(--r);border:1px solid var(--border);min-height:38px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;padding:0 14px;font-size:14px;transition:border-color .2s,color .2s}.font-chip.active{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.cam-row{gap:10px;display:flex}.cam-row .ghost-btn{margin:0}.place-row{align-items:center;gap:16px;display:flex}.place-pad{border:1px solid var(--border-bright);touch-action:none;cursor:crosshair;background:linear-gradient(#ffffff14,#ffffff14) 50%/1px 100% no-repeat,linear-gradient(#ffffff14,#ffffff14) 50%/100% 1px no-repeat,#00000059;border-radius:6px;flex:none;width:120px;height:84px;position:relative}.place-dot{background:var(--accent);width:16px;height:16px;box-shadow:0 0 10px var(--accent);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.place-pad.gated .place-dot{background:var(--pro);box-shadow:none}.seg-tight{margin-bottom:12px}.seg-tight .seg-btn{letter-spacing:1.5px;min-height:36px;font-size:10px}.preset-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.preset-chip{border-radius:var(--r);border:1px solid var(--border);min-height:34px;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#ffffff0a;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:10.5px;font-weight:600;transition:border-color .2s,color .2s;display:inline-flex}.preset-chip.active{color:var(--text);border-color:var(--accent)}.preset-strip{border-radius:6px;width:40px;height:22px}.preset-chip .chip-x{color:var(--text-faint);margin-left:2px;font-size:14px}.preset-chip .seg-tag{margin-left:2px;position:static}.group-label.sub-label{margin-top:4px}.swatch-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatch{border:1px solid var(--border-bright);cursor:pointer;background:#000;border-radius:8px;width:44px;height:44px;position:relative;overflow:hidden}.swatch input[type=color]{cursor:pointer;background:0 0;border:none;width:60px;height:60px;padding:0;position:absolute;inset:-8px}.swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatch input[type=color]::-webkit-color-swatch{border:none}.swatch-x{color:#fff;text-align:center;cursor:pointer;pointer-events:auto;background:#0009;border:none;border-radius:0 0 0 8px;width:18px;height:18px;font-size:11px;line-height:18px;position:absolute;top:0;right:0}.swatch-add{border:1px dashed var(--border-bright);width:44px;height:44px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:8px;font-size:20px}.swatch-add:disabled{opacity:.3;cursor:default}#spinAdvanced>summary{cursor:pointer;padding:6px 0;list-style:none}#spinAdvanced>summary::-webkit-details-marker{display:none}#spinAdvanced>summary:before{content:"▸ ";opacity:.7}#spinAdvanced[open]>summary:before{content:"▾ "}.demo-bar{z-index:12;border-radius:var(--r);border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:var(--blur);flex-direction:column;gap:6px;padding:8px 10px;display:flex;position:fixed;bottom:10px;left:10px;right:10px}.demo-bar.hidden{display:none}.demo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-label{font-family:var(--mono);letter-spacing:2px;color:var(--text-faint);flex:0 0 52px;font-size:10px}.demo-chips{flex-wrap:wrap;gap:6px;display:flex}.demo-bar .seg-btn{white-space:nowrap;letter-spacing:1.5px;border:1px solid var(--border);min-height:30px;color:var(--text-dim);background:0 0;border-radius:999px;padding:0 10px;font-size:10.5px}.demo-bar .seg-btn.active{color:#000;background:var(--text);border-color:#0000}.demo-bar .seg-btn.demo-pal[data-pal]:not([data-pal=free]):before{content:"";vertical-align:middle;background:var(--sw);border-radius:4px;width:22px;height:8px;margin-right:6px;display:inline-block}.demo-text{letter-spacing:1px;flex:120px;max-width:220px;min-height:30px;padding:4px 10px;font-size:13px;font-weight:600}.demo-text.hidden{display:none}.demo-foot{border-top:1px solid var(--border);justify-content:flex-end;margin-top:2px;padding-top:6px}.demo-foot .ghost-btn{min-height:32px;margin:0;padding:0 12px;font-size:10.5px;text-decoration:none}.demo-note{letter-spacing:1px;color:var(--text-dim);flex:160px;font-size:11px}@media (height<=420px){.demo-row:not(.demo-foot) .demo-label{display:none}}html.demo #splash .install-btn,html.demo #splash .splash-privacy{display:none}