@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-cyrillic-400-normal-DBn7fddJ.woff2) format("woff2"),url(data:font/woff;base64,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) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff")}:root{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,monospace;color:#e8eee4;background:#080a09;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0a0d0b;--panel: #111611;--panel-2: #151c15;--line: #2b372a;--line-bright: #44553d;--muted: #84907f;--dim: #566151;--text: #e8eee4;--acid: #c9ff4a;--acid-dim: #789b34;--mint: #68f5c2;--amber: #ffc85a;--red: #ff736d;--pixel-shadow: #27351d}*{box-sizing:border-box}html{min-width:320px;background:#080a09;color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}body,button,input,select{font-family:inherit}button,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}button,input,select{border-radius:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:3px}button{border:0}p,h1,h2{margin:0}.pixel-font{font-family:"Press Start 2P",IBM Plex Mono,monospace}.app-shell{position:relative;width:100%;max-width:540px;min-height:var(--tg-viewport-stable-height, 100dvh);margin:0 auto;background-color:var(--bg);background-image:linear-gradient(rgba(201,255,74,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(201,255,74,.018) 1px,transparent 1px);background-size:16px 16px;border-inline:1px solid #1b241a}.screen-texture{position:fixed;z-index:90;inset:0;pointer-events:none;opacity:.15;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(0,0,0,.28) 4px)}.app-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:calc(15px + env(safe-area-inset-top)) 17px 14px;border-bottom:1px solid var(--line);background:#0a0d0bf5}.brand-block{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;width:43px;height:43px;color:#10150c;background:var(--acid);border:2px solid var(--acid);box-shadow:3px 3px 0 var(--pixel-shadow)}.brand-copy h1{font-size:12px;line-height:1.4;letter-spacing:-.4px;color:var(--acid)}.brand-copy>span{display:block;margin-top:5px;font-size:8px;font-weight:600;letter-spacing:1.2px;color:var(--muted)}.brand-copy b{color:var(--text);font-weight:500}.header-settings{position:relative;display:grid;place-items:center;width:41px;height:41px;color:var(--muted);background:var(--panel);border:1px solid var(--line)}.header-settings:active{color:var(--acid);transform:translate(1px,1px)}.header-settings i{position:absolute;top:5px;right:5px;width:5px;height:5px;background:var(--dim)}.header-settings i.listening{background:var(--acid);box-shadow:0 0 8px #c9ff4a99}main{position:relative;z-index:1}.page{padding:16px 16px calc(108px + env(safe-area-inset-bottom));animation:page-in .2s steps(4,end)}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.section-kicker{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:8px;font-weight:600;letter-spacing:.8px;color:var(--muted)}.section-kicker>span:first-child{display:flex;align-items:center}.section-kicker .pixel-font{font-size:7px;color:var(--acid-dim)}.live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:var(--dim)}.live-dot.on{background:var(--acid);animation:pixel-blink 1.4s steps(2,end) infinite}@keyframes pixel-blink{50%{opacity:.35}}.tuner-console{position:relative;overflow:hidden;background:#0d120e;border:2px solid var(--line-bright);box-shadow:4px 4px #1d2819;transition:border-color .12s,box-shadow .12s}.tuner-console:after{content:"";position:absolute;right:0;top:0;width:7px;height:7px;background:var(--line-bright)}.tuner-console.is-locked{border-color:var(--acid);box-shadow:4px 4px #425b20,inset 0 0 32px #c9ff4a09}.tuner-console.is-locked:after{background:var(--acid)}.console-topline{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-bottom:1px solid var(--line);background:#121812}.mode-switch{display:flex;padding:2px;border:1px solid #303c2d;background:#0a0e0b}.mode-switch button{min-width:68px;padding:7px 9px;color:var(--muted);background:transparent;font-size:9px;font-weight:600;letter-spacing:.7px}.mode-switch button.active{color:#11160d;background:var(--acid)}.console-number{font-size:7px;color:var(--dim)}.note-stage{padding:20px 15px 15px}.signal-status{display:flex;align-items:center;justify-content:center;gap:8px;min-height:15px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.65px;text-align:center}.signal-status.good{color:var(--acid)}.signal-status.warn{color:var(--amber)}.signal-status.error{color:var(--red)}.status-bracket{color:var(--dim)}.note-readout{display:flex;align-items:flex-start;justify-content:center;min-height:101px;margin:9px 0 0;color:#f0f5eb;text-align:center;text-shadow:4px 4px 0 #263021;transition:color .12s}.note-readout.good{color:var(--acid);text-shadow:4px 4px 0 #3e551e}.note-name{font-size:clamp(58px,18vw,80px);line-height:1.15;letter-spacing:-4px}.note-name.empty{align-self:center;margin-top:13px;color:#66725f;font-size:34px;letter-spacing:4px;text-shadow:3px 3px 0 #20291c}.note-octave{margin:9px 0 0 10px;font-size:20px;letter-spacing:0}.cents-readout{min-height:24px;margin:1px 0 8px;color:var(--muted);font-size:13px;text-align:center}.cents-readout.good{color:var(--acid)}.cents-readout.warn{color:var(--amber)}.cents-readout.error{color:var(--red)}.cents-readout small{margin-left:5px;font-family:IBM Plex Mono,monospace;font-size:15px}.gauge{margin-top:3px;color:var(--muted)}.gauge.in-tune{color:var(--acid)}.gauge.too-low,.gauge.too-high{color:var(--amber)}.gauge-scale{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:47px;padding:0 3px;border-bottom:2px solid #3b4736}.gauge-tick{display:block;width:2px;height:12px;background:#354032;transition:height .06s,background .06s}.gauge-tick.major{height:23px;background:#52604c}.gauge-tick.center{width:3px;height:34px;background:var(--acid-dim)}.gauge-tick.current{height:36px;background:currentColor}.gauge-tick.center.current{background:var(--acid)}.gauge-needle{position:absolute;bottom:-2px;width:3px;height:44px;background:currentColor;transform:translate(-50%);transition:left .06s linear;box-shadow:0 0 9px #c9ff4a33}.gauge-needle:before{content:"";position:absolute;top:-3px;left:-3px;width:9px;height:5px;background:currentColor}.gauge-labels{display:flex;justify-content:space-between;margin-top:8px;color:#5f6c59;font-size:6px}.frequency-row{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:12px;border-top:1px dashed #2f3a2c;color:var(--dim);font-size:8px;letter-spacing:.6px}.frequency-row>span:last-child{text-align:right}.frequency-row b{display:block;margin-top:5px;color:#b8c3b2;font-size:11px;font-weight:500;letter-spacing:0}.strings-panel{margin-top:18px}.tuning-selector{display:flex;align-items:center;width:100%;padding:0 0 12px;background:transparent;text-align:left}.tuning-selector-icon{display:grid;place-items:center;width:34px;height:34px;margin-right:9px;color:var(--acid);background:#151d13;border:1px solid var(--line)}.tuning-selector>span:nth-child(2){flex:1}.tuning-selector small{display:block;margin-bottom:3px;color:var(--dim);font-size:7px;font-weight:600;letter-spacing:1px}.tuning-selector strong{display:block;max-width:205px;overflow:hidden;color:#cdd6c7;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.text-link{color:var(--acid-dim);font-size:8px;font-weight:600;border-bottom:1px dashed var(--acid-dim)}.string-grid{display:grid;grid-template-columns:repeat(var(--string-count),minmax(0,1fr));gap:6px}.string-button{position:relative;min-width:0;height:76px;padding:7px 2px 6px;color:#a9b3a3;background:#111711;border:1px solid #303b2d;box-shadow:2px 2px #080a08}.string-button small{position:absolute;top:4px;left:5px;color:#505b4b;font-size:7px}.string-button strong{display:block;margin-top:12px;font-size:clamp(8px,2.5vw,12px);line-height:1.4;white-space:nowrap}.string-button>span{display:block;margin-top:5px;color:#65705f;font-size:9px}.string-button.active{color:var(--acid);background:#1a2415;border-color:var(--acid);transform:translateY(-2px);box-shadow:2px 4px #35451f}.string-button.active small,.string-button.active>span{color:var(--acid-dim)}.string-button.good{color:#10150c;background:var(--acid)}.string-button.good small,.string-button.good>span{color:#4c641e}.error-box{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:11px;color:#ffc0bb;background:#ff736d12;border:1px solid rgba(255,115,109,.45)}.error-box>span{display:grid;flex:0 0 auto;place-items:center;width:20px;height:20px;color:#160b0a;background:var(--red);font-weight:700}.error-box p{font-size:10px;line-height:1.55}.mic-button{display:flex;align-items:center;width:100%;min-height:68px;margin-top:18px;padding:10px 13px;color:#12170d;background:var(--acid);border:2px solid var(--acid);box-shadow:4px 4px #3c511e;text-align:left}.mic-button:active{transform:translate(2px,2px);box-shadow:2px 2px #3c511e}.mic-button.listening{color:var(--acid);background:#141c12;box-shadow:4px 4px #29351d}.mic-button-icon{display:grid;flex:0 0 auto;place-items:center;width:38px}.mic-button-copy{flex:1;min-width:0;padding-left:7px}.mic-button-copy strong{display:block;font-size:9px;line-height:1.5}.mic-button-copy small{display:block;margin-top:4px;font-size:8px;font-weight:500;opacity:.68}.level-meter{display:flex;align-items:flex-end;gap:2px;height:25px;margin-left:7px}.level-meter i{display:block;width:3px;height:7px;background:currentColor;opacity:.18}.level-meter i:nth-child(2),.level-meter i:nth-child(5){height:13px}.level-meter i:nth-child(3),.level-meter i:nth-child(4){height:20px}.level-meter i.on{opacity:1}.tuner-tip{margin:13px 3px 0;color:#667160;font-size:9px;line-height:1.6}.tuner-tip span{color:var(--acid-dim);font-weight:600}.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:538px;min-height:calc(72px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:#0c100df7;border-top:1px solid #35412f;transform:translate(-50%);backdrop-filter:blur(12px)}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:61px;color:#687363;background:transparent;font-size:8px;font-weight:600;letter-spacing:.5px}.nav-icon{display:grid;place-items:center;width:38px;height:29px}.nav-item.active{color:var(--acid)}.nav-item.active .nav-icon{background:#1d2817;border:1px solid #3e512c}.nav-pixel{position:absolute;top:-6px;width:27px;height:3px;background:var(--acid);box-shadow:5px -2px 0 -1px var(--acid)}.page-heading{margin:4px 1px 21px}.eyebrow{color:var(--acid-dim);font-size:8px;font-weight:600;letter-spacing:1.1px}.page-heading h2{margin:11px 0 12px;color:var(--acid);font-size:24px;line-height:1.35;text-shadow:3px 3px 0 #2c3b1c}.page-heading p{max-width:410px;color:var(--muted);font-size:11px;line-height:1.6}.create-preset-button{display:flex;align-items:center;gap:11px;width:100%;min-height:60px;padding:10px 13px;color:var(--acid);background:#182114;border:1px dashed var(--acid-dim);text-align:left}.create-preset-button>span{display:grid;place-items:center;width:30px;height:30px;color:#11170c;background:var(--acid)}.create-preset-button strong{flex:1;font-size:9px;line-height:1.5}.preset-group{margin-top:25px}.group-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#8a9583;font-size:9px;font-weight:600;letter-spacing:.8px}.group-heading:after{content:"";flex:1;height:1px;margin:0 10px;background:#283225}.group-heading b{order:3;color:var(--dim);font-size:9px;font-weight:500}.tuning-list{display:grid;gap:10px}.tuning-card{overflow:hidden;background:#101510;border:1px solid #303a2d;box-shadow:3px 3px #070907}.tuning-card.selected{background:#141d11;border-color:var(--acid-dim);box-shadow:3px 3px #2a381a}.tuning-card-main{display:block;width:100%;padding:14px;background:transparent;text-align:left}.tuning-card-main:active{background:#c9ff4a06}.tuning-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tuning-card-heading small{display:block;margin-bottom:7px;color:#586451;font-size:7px;font-weight:600;letter-spacing:.8px}.tuning-card-heading strong{display:block;overflow-wrap:anywhere;color:#d7dfd1;font-size:10px;line-height:1.55}.selected .tuning-card-heading strong{color:var(--acid)}.preset-check{display:grid;flex:0 0 auto;place-items:center;width:27px;height:27px;color:#10160b;background:transparent;border:1px solid #303b2b}.preset-check.visible{background:var(--acid);border-color:var(--acid)}.preset-notes{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.preset-notes i{min-width:30px;padding:5px 6px;color:#a9b5a1;background:#192017;border:1px solid #313d2b;font-size:9px;font-style:normal;font-weight:600;text-align:center}.selected .preset-notes i{color:#cfe2b2;border-color:#455832}.preset-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#596551}.preset-footer small{font-size:7px;letter-spacing:.6px}.selected .preset-footer small{color:var(--acid-dim)}.custom-actions{display:flex;border-top:1px solid #2c3629}.custom-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:7px 12px;color:#8b9784;background:#0e130e;font-size:8px;font-weight:600}.custom-actions button:first-child{flex:1}.custom-actions button:last-child{width:45px;border-left:1px solid #2c3629}.custom-actions .danger{color:var(--red)}.delete-confirm{display:flex;align-items:center;gap:8px;padding:9px 11px;color:#ffc1bd;background:#ff736d12;border-top:1px solid rgba(255,115,109,.35);font-size:8px}.delete-confirm span{flex:1}.delete-confirm button{padding:6px 9px;color:var(--text);background:#283025;font-size:8px}.delete-confirm button.danger{color:#160b09;background:var(--red)}.settings-card{margin-bottom:13px;padding:15px;background:#101510;border:1px solid #303a2d;box-shadow:3px 3px #070907}.settings-card-title{display:flex;align-items:center;gap:9px}.settings-card-title>span{display:grid;place-items:center;width:23px;height:23px;color:var(--acid-dim);background:#1b2416;border:1px solid #3b4a2f;font-size:8px}.settings-card-title strong{color:#cbd5c4;font-size:10px;font-weight:600;letter-spacing:.5px}.calibration-value{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:24px 0 18px;color:var(--acid)}.calibration-value b{font-size:34px;text-shadow:3px 3px 0 #34451e}.calibration-value span{color:var(--acid-dim);font-size:15px}.pixel-range{width:100%;height:20px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.pixel-range::-webkit-slider-runnable-track{height:5px;background:#303d28;border:1px solid #46553a}.pixel-range::-webkit-slider-thumb{width:15px;height:21px;margin-top:-9px;appearance:none;-webkit-appearance:none;background:var(--acid);border:3px solid #11170d;box-shadow:0 0 0 1px var(--acid)}.pixel-range::-moz-range-track{height:5px;background:#303d28;border:1px solid #46553a}.pixel-range::-moz-range-thumb{width:11px;height:17px;background:var(--acid);border:3px solid #11170d;box-shadow:0 0 0 1px var(--acid)}.range-labels{display:flex;justify-content:space-between;margin-top:4px;color:#586451;font-size:8px}.calibration-actions{display:flex;align-items:flex-end;gap:10px;margin-top:17px;padding-top:12px;border-top:1px dashed #303a2c}.calibration-actions p{flex:1;color:#74806d;font-size:9px;line-height:1.55}.calibration-actions button{padding:7px 8px;color:var(--acid-dim);background:#1a2216;border:1px solid #3a482f;font-size:8px}.sensitivity-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px}.sensitivity-options button{position:relative;min-height:66px;padding:10px 4px;color:#778370;background:#0c110c;border:1px solid #2e392a}.sensitivity-options button.active{color:var(--acid);background:#192215;border-color:var(--acid-dim)}.sensitivity-options button>svg{position:absolute;top:4px;right:4px}.sensitivity-options strong{display:block;font-size:8px}.sensitivity-options small{display:block;margin-top:7px;color:#64705e;font-size:7px}.settings-help{margin-top:12px;color:#6f7b68;font-size:9px;line-height:1.6}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.setting-toggle-row>div{flex:1}.setting-toggle-row p{margin-top:10px;color:#6f7b68;font-size:9px;line-height:1.5}.pixel-toggle{position:relative;flex:0 0 auto;width:48px;height:27px;padding:3px;background:#242e21;border:1px solid #43503a}.pixel-toggle span{display:block;width:18px;height:19px;background:#697462;transition:transform .12s steps(3,end)}.pixel-toggle.on{background:#26351a;border-color:var(--acid-dim)}.pixel-toggle.on span{background:var(--acid);transform:translate(20px)}.privacy-note{display:flex;gap:11px;margin:20px 0;padding:13px;color:#8b9b80;background:#68f5c209;border:1px dashed #334d3d}.privacy-note>span{color:var(--mint)}.privacy-note strong{color:#a9c8ae;font-size:9px}.privacy-note p{margin-top:6px;font-size:9px;line-height:1.6}.system-info{display:flex;justify-content:space-between;color:#3f4c39;font-size:6px}.editor-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-top:25px;background:#020402db;backdrop-filter:blur(4px)}.editor-panel{display:flex;flex-direction:column;width:100%;max-width:540px;max-height:94dvh;color:var(--text);background-color:#0d120e;background-image:linear-gradient(rgba(201,255,74,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(201,255,74,.018) 1px,transparent 1px);background-size:16px 16px;border:1px solid #495a3c;border-bottom:0;box-shadow:0 -5px #c9ff4a0f;animation:editor-in .22s steps(5,end)}@keyframes editor-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.editor-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:calc(17px + env(safe-area-inset-top)) 17px 15px;border-bottom:1px solid #34402e}.editor-header h2{margin-top:9px;color:var(--acid);font-size:15px;line-height:1.4}.square-icon-button{display:grid;place-items:center;width:38px;height:38px;color:#95a18e;background:#171e15;border:1px solid #37442f}.editor-content{flex:1;min-height:0;overflow-y:auto;padding:18px 16px;overscroll-behavior:contain;scrollbar-color:var(--acid-dim) #141a12;scrollbar-width:thin}.field-label{position:relative;display:block}.field-label>span,.string-count-control small{display:block;margin-bottom:8px;color:#7c8974;font-size:8px;font-weight:600;letter-spacing:.8px}.field-label input{width:100%;height:49px;padding:0 52px 0 12px;color:var(--acid);background:#111811;border:1px solid #405036;font-size:13px;font-weight:600;text-transform:uppercase}.field-label input::placeholder{color:#4c5b43}.field-label>small{position:absolute;right:11px;bottom:17px;color:#56634e;font-size:8px}.string-count-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0;padding:13px 0;border-block:1px dashed #303d2b}.string-count-control small{margin-bottom:5px}.string-count-control strong{color:#bcc8b4;font-size:10px}.stepper{display:flex;align-items:center;height:38px;border:1px solid #3c4b33}.stepper button{width:36px;height:100%;color:var(--acid);background:#182115;font-size:20px}.stepper b{display:grid;place-items:center;width:35px;color:var(--acid);font-size:11px}.editor-string-heading{display:grid;grid-template-columns:56px minmax(68px,1fr) 118px;gap:8px;margin-bottom:8px;color:#5e6b56;font-size:7px;font-weight:600;letter-spacing:.7px}.editor-string-heading span:last-child{text-align:center}.editor-strings{display:grid;gap:8px}.editor-string-row{display:grid;grid-template-columns:56px minmax(68px,1fr) 118px;align-items:center;gap:8px;min-height:59px;padding:7px;background:#111711;border:1px solid #2f3b2a}.editor-string-name{text-align:center}.editor-string-name b{display:block;color:#aab7a1;font-size:10px}.editor-string-name small{display:block;margin-top:6px;color:#5c6954;font-size:7px;white-space:nowrap}.editor-string-row select{width:100%;height:40px;padding:0 8px;color:var(--acid);background:#1a2316;border:1px solid #435438;font-family:"Press Start 2P",monospace;font-size:9px}.octave-stepper{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;height:40px;border:1px solid #3a4931}.octave-stepper button{height:100%;padding:0;color:var(--acid);background:#192115;font-size:17px}.octave-stepper b{color:#d5dfd0;font-size:12px;text-align:center}.editor-hint{margin-top:13px;color:#63705b;font-size:8px;line-height:1.6}.editor-footer{flex:0 0 auto;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:#0c110d;border-top:1px solid #34402e}.save-preset-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:52px;color:#10150c;background:var(--acid);border:2px solid var(--acid);box-shadow:3px 3px #3a4e1e}.save-preset-button span{font-size:9px;line-height:1.5}@media(max-width:359px){.page{padding-inline:12px}.app-header{padding-inline:13px}.note-stage{padding-inline:10px}.note-name{font-size:56px}.mode-switch button{min-width:59px}.string-grid{gap:4px}.string-button strong{font-size:8px}.text-link{display:none}.mic-button-copy strong{font-size:8px}.editor-content{padding-inline:11px}.editor-string-heading,.editor-string-row{grid-template-columns:48px minmax(60px,1fr) 106px;gap:6px}.octave-stepper{grid-template-columns:30px 1fr 30px}}@media(min-width:700px){body{background-image:radial-gradient(#1b2517 1px,transparent 1px);background-size:18px 18px}.app-shell{box-shadow:0 0 70px #000000a6}.bottom-nav{border-inline:1px solid #35412f}.editor-backdrop{align-items:center;padding:25px}.editor-panel{max-height:min(850px,92dvh);border-bottom:1px solid #495a3c}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
