:root{--bg: #0b0d12;--surf: #141821;--surf2: #1b2230;--line: #2a3242;--text: #f5f7fa;--dim: #9aa4b5;--pink: #ff2d78;--cyan: #4dd7ff;--orange: #ff6b35;--yellow: #ffd400;--danger: #ff5252;--green: #41d98d;--pin-up: #f5f7fa;--pin-down: #262b36;--pin-fx: #ffd400;--pin-beat: #ff2d78;--color-surface-2: #1b2230;--color-info: #4dd7ff;--color-emotion: #ff2d78;--color-surface: #141821;--color-bg: #0b0d12;--color-text: #f5f7fa;--color-text-dim: #9aa4b5;--color-line: #2a3242;--color-label: #ff6b35;--color-warning: #ffd400;--color-danger: #ff5252;--fs-cap: .72rem;--fs-body: .9375rem;--fs-h2: 1.125rem;--fs-disp: 2rem;--font-scale: 1;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--dur: .16s;--ease: cubic-bezier(.2,.8,.2,1)}[data-hc=true]{--cyan: #ffd400;--color-info: #ffd400;--line: #5a6478;--dim: #c3cbd8;--pin-down: #11141b}[data-rm=true]{--dur: 0ms}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,system-ui,sans-serif;font-size:16px;line-height:1.55}#root{min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 5px var(--cyan);border-radius:var(--r-sm);position:relative;z-index:1}[data-hc=true] :focus-visible{outline:3px solid var(--cyan);outline-offset:2px;box-shadow:none}::selection{background:var(--pink);color:#fff}.eyebrow{display:inline-block;font-size:calc(.6875rem * var(--font-scale));letter-spacing:.18em;font-weight:700;color:var(--orange);text-transform:uppercase;margin:0 0 4px}.eyebrow.block{display:block}.display{font-size:calc(var(--fs-disp) * var(--font-scale));line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:6px 0 10px}.display em{font-style:normal}.h2{font-size:calc(var(--fs-h2) * var(--font-scale));font-weight:700;margin:22px 0 8px}.body{font-size:calc(var(--fs-body) * var(--font-scale))}.caption,.dim{color:var(--dim)}.caption{font-size:calc(var(--fs-cap) * var(--font-scale))}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.pink{color:var(--pink)}.cyan{color:var(--cyan)}.row{display:flex;align-items:center}.row.gap{gap:10px}.row.wrap{flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;background:var(--surf2);color:var(--text);font-size:calc(var(--fs-body) * var(--font-scale));font-weight:600;cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(135deg,var(--pink),#ff5e9c);color:#fff;box-shadow:0 6px 24px #ff2d784d}[data-hc=true] .btn--primary{background:var(--pink);box-shadow:none;border-color:#fff}.btn--secondary{border-color:var(--cyan);color:var(--cyan);background:transparent}.btn--ghost{background:transparent;border-color:var(--line);color:var(--dim)}.btn--ghost:hover{color:var(--text)}.btn--sos{background:var(--danger);color:#fff;font-weight:800}.btn--chip{min-height:34px;padding:4px 12px;border-radius:999px;font-size:calc(var(--fs-cap) * var(--font-scale));border-color:var(--line);background:transparent}.btn--chip.is-active{border-color:var(--cyan);color:var(--cyan)}.btn--xl{min-height:56px;padding:14px 28px;font-size:calc(1.0625rem * var(--font-scale));border-radius:var(--r-lg)}.btn--block{width:100%}.btn--sm{min-height:36px;padding:6px 12px;font-size:var(--fs-cap)}.btn:disabled{opacity:.5;cursor:progress}.btn.is-rec{border-color:var(--danger);color:var(--danger);animation:recpulse 1.2s infinite}@keyframes recpulse{50%{opacity:.6}}[data-rm=true] .btn.is-rec{animation:none}.spin{display:inline-block;animation:spinning 1s linear infinite}@keyframes spinning{to{transform:rotate(360deg)}}[data-rm=true] .spin{animation:none}.input{flex:1;min-height:44px;padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surf);color:var(--text);font-size:calc(var(--fs-body) * var(--font-scale))}.input::placeholder{color:var(--dim)}.app{min-height:100vh;display:flex;flex-direction:column}.aud-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.aud-header .eyebrow{margin:0}.aud-header__right{display:flex;align-items:center;gap:10px}.beat-ind{color:var(--pink);font-weight:800;font-size:var(--fs-cap);animation:beatpulse .5s infinite alternate}@keyframes beatpulse{to{opacity:.4}}[data-rm=true] .beat-ind{animation:none}.ble-pill{font-size:var(--fs-cap);font-weight:700;padding:2px 8px;border-radius:99px;border:1px solid}.ble-pill.is-on{color:var(--cyan);border-color:var(--cyan)}.ble-pill.is-sync{color:var(--yellow);border-color:var(--yellow)}.view{flex:1;padding:20px 18px 40px;max-width:720px;margin:0 auto;width:100%}.view--onboard{display:flex;flex-direction:column;gap:16px;justify-content:center;max-width:560px}.onboard-text{padding-top:24px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 8px}.mode-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border-radius:var(--r-lg);border:1.5px solid var(--line);background:var(--surf);cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.mode-card:hover{transform:translateY(-2px)}.mode-card.is-active{border-color:var(--pink);background:linear-gradient(160deg,rgba(255,45,120,.12),var(--surf) 55%)}[data-hc=true] .mode-card.is-active{background:var(--surf);border-width:3px}.mode-card__icon{font-size:1.5rem}.mode-card__title{font-weight:800;font-size:calc(var(--fs-body) * var(--font-scale))}.mode-card__desc{font-size:calc(var(--fs-cap) * var(--font-scale));color:var(--dim)}.mode-grid--compact .mode-card{padding:12px}.view--pairing{display:flex;flex-direction:column;gap:16px;max-width:600px}.pair-top{padding-top:20px}.pair-pad-hero{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--surf);box-shadow:0 20px 60px #0006}.pair-pad-hero .dotpad{border:none;border-radius:0}.pair-actions{padding-bottom:8px}.view--pre{max-width:100%;padding:16px 18px 32px;display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}@media (max-width: 860px){.view--pre{grid-template-columns:1fr}}.pre-left{position:sticky;top:62px;display:flex;flex-direction:column;gap:10px}.pre-title{font-size:calc(1.5rem * var(--font-scale));font-weight:800;line-height:1.15;margin:4px 0 10px}.songlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.song-card{width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surf);cursor:pointer;text-align:left;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.song-card:hover{border-color:#ff2d7866}.song-card.is-selected{border-color:var(--pink);background:linear-gradient(135deg,rgba(255,45,120,.1),var(--surf) 60%)}.song-card__no{font-size:1.2rem;font-weight:800;color:var(--pink);font-variant-numeric:tabular-nums;min-width:28px}.song-card__t{flex:1;display:flex;flex-direction:column;line-height:1.3}.song-card__t strong{font-size:calc(var(--fs-body) * var(--font-scale))}.song-card__t .dim{font-size:calc(var(--fs-cap) * var(--font-scale))}.song-card__sel{color:var(--pink);font-size:.8rem}.song-concept{padding:12px 14px;border-radius:var(--r-md);background:var(--surf);border:1px solid var(--line);border-left:3px solid var(--line)}.song-concept .body{font-size:calc(.82rem * var(--font-scale));line-height:1.6}.pre-right{display:flex;flex-direction:column;gap:14px}.pre-pad-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.lyric-preview{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surf);overflow:hidden}.lyric-preview__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--surf2)}.lyric-preview__pos{font-size:var(--fs-cap)}.lyric-lines-pre{list-style:none;margin:0;padding:6px 8px;display:flex;flex-direction:column;gap:2px;max-height:260px;overflow-y:auto}.lyric-pre-line{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-sm);background:transparent;border:1.5px solid transparent;cursor:pointer;text-align:left;font-size:calc(var(--fs-body) * var(--font-scale));transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.lyric-pre-line:hover{background:var(--surf2)}.lyric-pre-line.is-active{background:linear-gradient(135deg,rgba(255,45,120,.1),var(--surf2) 65%);border-color:#ff2d7859}.lyric-pre-line__text{flex:1;font-weight:600;font-size:calc(var(--fs-body) * var(--font-scale))}.lyric-pre-line__hint{font-size:var(--fs-cap);color:var(--cyan);font-weight:700;white-space:nowrap}.member-dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.member-chip{flex:none;font-size:calc(.65rem * var(--font-scale));font-weight:800;letter-spacing:.04em;color:var(--orange);border:1px solid color-mix(in srgb,var(--orange) 45%,transparent);border-radius:999px;padding:1px 8px}.view--live{max-width:720px;margin:0 auto;width:100%;padding:12px 18px 0;display:flex;flex-direction:column;gap:0}.live-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.live-now{display:flex;align-items:center;gap:8px}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);animation:livepulse 1.2s infinite alternate}@keyframes livepulse{to{opacity:.35;box-shadow:0 0 3px var(--pink)}}[data-rm=true] .live-dot{animation:none}.live-label{font-weight:900;letter-spacing:.1em;color:var(--pink)}.live-song{color:var(--dim);font-size:calc(var(--fs-cap) * var(--font-scale));margin-left:4px}.formation-badge{display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:99px;font-size:var(--fs-cap);font-weight:700;border:1px solid var(--cyan);color:var(--cyan);background:#4dd7ff14;animation:fadein var(--dur) var(--ease)}@keyframes fadein{0%{opacity:0;transform:scale(.9)}}.lyric-hero{min-height:140px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px 22px;border-radius:var(--r-lg);background:radial-gradient(100% 120% at 90% 10%,rgba(255,45,120,.14),transparent 55%),var(--surf);border:1px solid var(--line);margin-bottom:10px;position:relative;overflow:hidden}.lyric-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--pink),transparent)}.lyric-hero__member{display:flex;align-items:center;gap:7px;font-size:calc(var(--fs-cap) * var(--font-scale));font-weight:800;letter-spacing:.06em;margin-bottom:8px}.lyric-hero__text{margin:0;font-size:calc(1.45rem * var(--font-scale));font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--text);animation:lyricin .2s var(--ease)}@keyframes lyricin{0%{opacity:0;transform:translateY(6px)}}[data-rm=true] .lyric-hero__text{animation:none}.lyric-hero__waiting{font-size:calc(var(--fs-body) * var(--font-scale));margin:0;font-style:italic}.lyric-history{max-height:100px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:4px 0;margin-bottom:8px}.lyric-hist-line{margin:0;display:flex;align-items:baseline;gap:8px;font-size:calc(.85rem * var(--font-scale));color:var(--dim);padding:3px 4px}.feed-ticker{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.feed-ticker__item{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-md);background:var(--surf);border:1px solid var(--line);font-size:calc(var(--fs-body) * var(--font-scale))}.feed-ticker__item--latest{border-left:3px solid var(--pink);background:linear-gradient(135deg,rgba(255,45,120,.07),var(--surf) 60%);animation:feedin .2s var(--ease)}.feed-ticker__item--prev{opacity:.55;font-size:calc(var(--fs-cap) * var(--font-scale))}@keyframes feedin{0%{opacity:0;transform:translateY(-5px)}}.live-pad-dock{position:sticky;bottom:0;left:0;right:0;padding:10px 0 14px;background:linear-gradient(to bottom,transparent 0%,var(--bg) 22%);z-index:10}.cs-song{margin:14px 0}.cs-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.cs-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-md);background:var(--surf);border:1px solid var(--line);font-size:calc(var(--fs-body) * var(--font-scale))}.cs-item span:nth-child(3){flex:1}.cs-item__replay{min-height:30px;padding:3px 10px;border-radius:var(--r-sm)}.memo{margin:22px 0}.memo__ta{width:100%;resize:vertical;margin-bottom:10px}.dotpad{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surf);padding:10px;display:flex;flex-direction:column;gap:7px;position:relative;transition:box-shadow var(--dur) var(--ease)}.dotpad--connected{border-color:#4dd7ff59}.dotpad--syncing{border-color:#ffd40059}.dotpad--delayed{border-color:#ff6b3559}.dotpad--offline{border-color:#ff525259}.dotpad__statusbar{display:flex;align-items:center;gap:10px;padding:3px 4px;font-size:.65rem;flex-wrap:wrap;color:var(--dim)}.dotpad__ble-dot{width:7px;height:7px;border-radius:50%;flex:none;animation:blepulse 2.4s infinite}@keyframes blepulse{0%,to{opacity:1}50%{opacity:.35}}[data-rm=true] .dotpad__ble-dot{animation:none}.dotpad__ble-label{font-weight:700}.dotpad__latency{font-size:.6rem;padding:1px 5px;border-radius:99px;border:1px solid currentColor;opacity:.8}.dotpad__batt{color:var(--cyan)}.dotpad__vib-ind{font-size:.62rem}.dotpad__vib-ind.is-on{color:var(--pink);animation:beatpulse .6s infinite alternate}[data-rm=true] .dotpad__vib-ind.is-on{animation:none}.dotpad__output-mode,.dotpad__vib-level{margin-left:auto;color:var(--cyan);font-size:.6rem;opacity:.7}.dotpad__canvas-wrap{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surf2);border:1px solid var(--line);min-height:120px}.dotpad--offline .dotpad__canvas-wrap{border-color:#ff5252;opacity:.55}.dotpad--delayed .dotpad__canvas-wrap{border-color:#ff6b35}.dotpad--syncing .dotpad__canvas-wrap{border-color:#ffd400}.dotpad--connected .dotpad__canvas-wrap{border-color:#4dd7ff4d}.dotpad__canvas{width:100%;display:block}.dotpad__offline-badge,.dotpad__delay-badge{position:absolute;padding:7px 16px;border-radius:var(--r-md);font-weight:800;font-size:.78rem;letter-spacing:.06em;pointer-events:none}.dotpad__offline-badge{top:50%;left:50%;transform:translate(-50%,-50%);background:#ff5252e0;color:#fff;border:1px solid #ff5252;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dotpad__delay-badge{top:8px;right:8px;background:#ff6b35e0;color:#fff;border:1px solid #ff6b35;font-size:.6rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dotpad__brl-strip{background:var(--surf2);border:1px solid var(--line);border-radius:var(--r-md);padding:5px 8px 2px}.dotpad__brl{display:grid;grid-template-columns:repeat(20,1fr);gap:1px}.dotpad__cell{text-align:center;font-size:calc(1.1rem * var(--font-scale));line-height:1.3;color:var(--text);font-family:Apple Braille,Noto Sans Symbols,ui-monospace,monospace;border-radius:2px;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.dotpad__cell.is-marker{color:var(--yellow);background:#ffd4001f}.dotpad__cell.is-empty{opacity:.3}.dotpad__cell-ruler{display:grid;grid-template-columns:repeat(20,1fr);margin-top:1px}.dotpad__cell-ruler span{text-align:center;font-size:.5rem;color:var(--dim);opacity:.45}.dotpad--edge-l .dotpad__brl-strip{box-shadow:inset 4px 0 0 var(--yellow)}.dotpad--edge-r .dotpad__brl-strip{box-shadow:inset -4px 0 0 var(--yellow)}.dotpad__raw{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:1.3em;padding:0 4px}.dotpad__raw-text{font-size:calc(var(--fs-cap) * var(--font-scale));color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dotpad__pan-pos{color:var(--cyan);font-size:.63rem;flex:none}.dotpad__policy{display:flex;align-items:center;gap:5px;font-size:.6rem;color:var(--dim);padding:0 4px}.dotpad__policy-sep{opacity:.3}.dotpad__policy-dot{opacity:.4}.dotpad__policy-dot.is-on{color:var(--cyan);opacity:1;font-weight:700}.dotpad__policy-dot.is-warn{color:var(--yellow);opacity:1;font-weight:700}.dotpad__keys{display:grid;grid-template-columns:38px repeat(4,1fr) 38px 38px;gap:4px}.dotpad__key{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;padding:5px 2px;font-size:.68rem;border-radius:var(--r-sm)}.dotpad__key--pan{font-size:.9rem}.dotpad__key--hist{font-size:.95rem}.dotpad__key-fnum{font-weight:800;font-size:.68rem;color:var(--cyan);font-family:ui-monospace,monospace}.dotpad__key--f4 .dotpad__key-fnum{color:#fff}.dotpad__key-label{font-size:.58rem;color:var(--dim);white-space:nowrap}.dotpad__key--f4 .dotpad__key-label{color:#ffffffbf}.dotpad__help,.dotpad__hist{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:color-mix(in srgb,var(--surf) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-lg);padding:12px 14px;display:flex;flex-direction:column;gap:8px;overflow:auto;border:1px solid var(--line);animation:modalin var(--dur) var(--ease)}.dotpad__help{border-color:var(--cyan)}@keyframes modalin{0%{transform:translateY(14px);opacity:0}}.dotpad__help-head,.dotpad__hist-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dotpad__hist-head .caption{flex:1}.dotpad__help-table{width:100%;border-collapse:collapse;font-size:calc(var(--fs-cap) * var(--font-scale))}.dotpad__help-table th{text-align:left;color:var(--orange);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-bottom:1px solid var(--line)}.dotpad__help-table td{padding:5px 8px;border-bottom:1px solid rgba(42,50,66,.5);vertical-align:middle}.kbd{display:inline-block;padding:2px 7px;border-radius:4px;border:1px solid var(--line);background:var(--surf2);font-family:ui-monospace,monospace;font-size:.7rem;white-space:nowrap;color:var(--cyan)}.dotpad__hist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dotpad__hist-item{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--r-sm);background:var(--surf2);border:1px solid var(--line);font-size:calc(var(--fs-cap) * var(--font-scale))}.dotpad__hist-type{font-size:.58rem;color:var(--cyan);min-width:70px}.dotpad__hist-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dotpad__hist-time{flex:none}.dotpad--mini .dotpad__brl-strip{padding:3px 5px 1px}.dotpad--mini .dotpad__cell{font-size:.68rem}.dotpad--mini .dotpad__raw,.dotpad--mini .dotpad__policy{display:none}.dotpad--mini .dotpad__statusbar{font-size:.58rem;gap:5px}.dotpad--mini .dotpad__cell-ruler{display:none}[data-output=braille] .dotpad__cell:not(.is-empty){text-shadow:0 0 8px rgba(245,247,250,.4)}[data-output=graphic] .dotpad__cell{opacity:.5}.dotpad--delayed .dotpad__key--f4,.dotpad--offline .dotpad__key--f4{animation:sospulse 1.5s infinite}@keyframes sospulse{0%,to{box-shadow:0 0 #ff5252b3}50%{box-shadow:0 0 0 7px #ff525200}}[data-rm=true] .dotpad--delayed .dotpad__key--f4,[data-rm=true] .dotpad--offline .dotpad__key--f4{animation:none}[data-sensory=minimal] .dotpad__canvas-wrap:after,[data-sensory=reduced] .dotpad__canvas-wrap:after{content:attr(data-sensory-label,"감각 안전");position:absolute;bottom:5px;right:7px;font-size:.58rem;font-weight:700;pointer-events:none}[data-sensory=minimal] .dotpad__canvas-wrap:after{color:var(--yellow);content:"감각 안전 · 최소"}[data-sensory=reduced] .dotpad__canvas-wrap:after{color:var(--orange);content:"감각 안전 · 축소"}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05070bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:16px}@media (min-width: 700px){.modal__backdrop{align-items:center}}.modal{width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--surf);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px 22px;animation:modalin var(--dur) var(--ease)}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal__title{font-size:calc(var(--fs-h2) * var(--font-scale));margin:0}.modal__close{min-height:34px;padding:4px 10px}.modal__body>*{margin-top:0}.set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:calc(var(--fs-body) * var(--font-scale))}.set-row input[type=range]{flex:1;max-width:200px;accent-color:var(--pink)}.set-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--pink)}.toasts{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:7px;width:min(440px,calc(100% - 28px));pointer-events:none}.toast{padding:10px 14px;border-radius:var(--r-md);background:var(--surf2);border:1px solid var(--line);border-left:3px solid var(--cyan);font-size:calc(var(--fs-cap) * var(--font-scale));box-shadow:0 8px 28px #0006;animation:feedin .15s var(--ease)}.toast--danger{border-left-color:var(--danger)}.toast--success{border-left-color:var(--green)}.toast--warn{border-left-color:var(--yellow)}.fx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(60% 60% at 50% 45%,#ffd40029,#05070be6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fx-overlay--flame{background:radial-gradient(60% 60% at 50% 45%,#ff6b3533,#05070be6)}.fx-overlay__emoji{font-size:3rem}.fx-overlay__num{font-size:calc(5rem * var(--font-scale));font-weight:900;line-height:1;color:var(--yellow);text-shadow:0 0 40px rgba(255,212,0,.5);animation:fxnum 1s infinite}.fx-overlay--flame .fx-overlay__num{color:#ff6b35;text-shadow:0 0 40px rgba(255,107,53,.5)}@keyframes fxnum{0%{transform:scale(1.15)}to{transform:scale(1)}}[data-rm=true] .fx-overlay__num{animation:none}.fx-overlay__label{font-size:calc(var(--fs-h2) * var(--font-scale));font-weight:700}.fx-banner{position:fixed;bottom:0;left:0;right:0;z-index:70;display:flex;align-items:center;gap:10px;padding:12px 18px;background:color-mix(in srgb,var(--yellow) 90%,transparent);color:#0b0d12;font-weight:800;font-size:calc(var(--fs-body) * var(--font-scale));border-top:2px solid var(--yellow);animation:feedin var(--dur) var(--ease)}.fx-badge{position:fixed;bottom:18px;right:18px;z-index:70;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 14px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg) 85%,transparent);border:2px solid var(--yellow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modalin var(--dur) var(--ease);min-width:80px;text-align:center}.fx-badge__count{font-size:2.4rem;font-weight:900;color:var(--yellow);line-height:1}.fx-badge__label{font-size:.68rem;font-weight:700;color:var(--dim)}.operator{background:radial-gradient(90% 50% at 100% 0%,rgba(77,215,255,.05),transparent 60%),var(--bg)}.op-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.op-header strong{display:block}.op-rehearsal{display:flex;align-items:center;gap:7px;font-size:var(--fs-cap);color:var(--yellow);cursor:pointer}.op-rehearsal input{accent-color:var(--yellow)}.rehearsal-mark{text-align:center;font-size:.65rem;letter-spacing:.4em;color:var(--yellow);border-bottom:1px dashed color-mix(in srgb,var(--yellow) 35%,transparent);padding:3px 0}.op-grid{flex:1;display:grid;grid-template-columns:250px 1fr 360px;gap:14px;padding:14px 18px 24px;align-items:start}@media (max-width: 1100px){.op-grid{grid-template-columns:1fr}}.op-col{display:flex;flex-direction:column;gap:10px;min-width:0}.op-songs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.op-song{width:100%;display:flex;gap:10px;align-items:center;text-align:left;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surf);cursor:pointer}.op-song.is-active{border-color:var(--cyan);background:linear-gradient(135deg,rgba(77,215,255,.08),var(--surf) 60%)}.op-song__t{display:flex;flex-direction:column;line-height:1.25}.op-progress{height:7px;border-radius:99px;background:var(--surf2);overflow:hidden}.op-progress__bar{height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .12s linear}.op-lyrics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.op-line{width:100%;display:flex;align-items:center;gap:8px;text-align:left;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surf);cursor:pointer;font-size:calc(var(--fs-body) * var(--font-scale))}.op-line:hover{border-color:var(--pink)}.op-line.is-cursor{border-color:var(--pink);background:linear-gradient(135deg,rgba(255,45,120,.1),var(--surf) 65%)}.op-line__hint{margin-left:auto;color:var(--pink);font-size:var(--fs-cap)}.op-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}@media (max-width: 700px){.op-quick{grid-template-columns:repeat(3,1fr)}}.op-quickwrap{position:relative}.op-quickbtn{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 5px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surf);cursor:pointer;font-size:calc(var(--fs-cap) * var(--font-scale));font-weight:700}.op-quickbtn:hover{border-color:var(--cyan)}.op-quickbtn.is-on{border-color:var(--pink);color:var(--pink)}.op-quickbtn__key{color:var(--cyan);font-family:ui-monospace,monospace}.op-quickbtn__emoji{font-size:1.2rem}.op-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:30;min-width:240px;display:flex;flex-direction:column;background:var(--surf2);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:0 14px 36px #00000080}.op-menu__item{text-align:left;padding:10px 14px;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;font-size:calc(var(--fs-cap) * var(--font-scale))}.op-menu__item:last-child{border-bottom:0}.op-menu__item:hover{background:var(--surf);color:var(--cyan)}.op-mon{padding:11px 13px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surf)}.op-mon__lyric{margin:2px 0 9px;font-weight:700}.op-log{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surf);display:flex;flex-direction:column}.op-log__row{display:flex;gap:7px;align-items:baseline;padding:6px 10px;border-bottom:1px solid var(--line);font-size:calc(var(--fs-cap) * var(--font-scale))}.op-log__type{font-family:ui-monospace,monospace;font-size:.62rem;letter-spacing:.04em;color:var(--cyan);flex:none}.op-log__type.t-SOS{color:var(--danger)}.op-log__type.t-FX_COUNTDOWN{color:var(--yellow)}.op-log__type.t-HIGHLIGHT,.op-log__type.t-GESTURE{color:var(--pink)}.op-log__sum{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-log__rh{color:var(--yellow)}.sos-banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px;background:var(--danger);color:#fff;font-weight:800;animation:feedin var(--dur) var(--ease)}.sensory-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 14px}.sensory-card{display:flex;flex-direction:column;gap:4px;padding:11px 8px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surf);cursor:pointer;text-align:center;transition:border-color var(--dur) var(--ease)}.sensory-card:hover{border-color:var(--cyan)}.sensory-card.is-active{border-color:var(--cyan);background:linear-gradient(160deg,rgba(77,215,255,.1),var(--surf) 60%)}.sensory-card__icon{font-size:1.2rem}.sensory-card__title{font-weight:700;font-size:.78rem}.sensory-card__desc{font-size:.62rem;color:var(--dim)}.policy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:6px 0 14px}.policy-card{padding:9px 6px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surf);cursor:pointer;text-align:center;font-size:.75rem;font-weight:700;transition:border-color var(--dur) var(--ease)}.policy-card:hover{border-color:var(--pink)}.policy-card.is-active{border-color:var(--pink);color:var(--pink);background:linear-gradient(160deg,rgba(255,45,120,.09),var(--surf) 60%)}.a11y-status{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.a11y-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;font-size:.62rem;font-weight:700;border:1px solid}.a11y-badge--pass{border-color:var(--green);color:var(--green);background:#41d98d12}.a11y-badge--warn{border-color:var(--yellow);color:var(--yellow);background:#ffd40012}.a11y-badge--fail{border-color:var(--danger);color:var(--danger);background:#ff525212}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;position:relative;overflow:hidden}.landing__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(34% 30% at 30% 24%,rgba(255,45,120,.15),transparent 70%),radial-gradient(30% 28% at 72% 70%,rgba(77,215,255,.12),transparent 70%);pointer-events:none}.landing__title{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:900;letter-spacing:-.03em;margin:10px 0 6px;position:relative}.landing__sub{color:var(--dim);font-size:1.05rem;margin:0 0 34px;position:relative}.landing__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;width:min(880px,100%);position:relative}.landing__card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:22px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surf);color:var(--text);text-decoration:none;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.landing__card:hover{transform:translateY(-4px);border-color:var(--pink)}.landing__card-icon{font-size:1.6rem}.landing__hint{margin-top:26px;position:relative}.demo-split{display:grid;grid-template-columns:1fr 400px;min-height:100vh}@media (max-width: 1180px){.demo-split{grid-template-columns:1fr}}.demo-split__pane{min-width:0;overflow:auto;max-height:100vh}.demo-split__pane--aud{border-left:1px solid var(--line);background:radial-gradient(80% 40% at 50% 0%,rgba(255,45,120,.06),transparent 60%),var(--bg);display:flex;justify-content:center;padding:16px 10px}.phone-frame{width:min(380px,100%);border:1px solid var(--line);border-radius:26px;overflow:auto;max-height:calc(100vh - 32px);background:var(--bg);box-shadow:0 22px 55px #00000080}.phone-frame .aud-header{position:static}.is-embedded .view{padding-bottom:28px}.is-embedded .view--pre{grid-template-columns:1fr}.is-embedded .pre-left{position:static}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}