html[data-public-mode=true]{color-scheme:dark;scroll-padding-top:7rem;--bg: #101a1d;--panel: #172428;--panel-strong: #203035;--ink: #f0f3ec;--muted: #aabbb9;--accent: #83d6bd;--accent-soft: #b2ecdc;--border: rgba(180, 216, 206, .16);--shadow: 0 12px 40px rgba(0, 0, 0, .17);--screen-bg: #101b1e;--screen-glow: transparent}html[data-public-mode=true] [hidden],html[data-public-mode=true] [data-diagnostics-only],html[data-public-mode=true] #notation-view-ascii,html[data-public-mode=true] #toolbar-play-btn,html[data-public-mode=true] #toolbar-generate-btn{display:none!important}html[data-public-mode=true] body{font-size:1rem;line-height:1.5;background:radial-gradient(ellipse at 12% 0%,#1b3032 0,transparent 52%),#101a1d;background-attachment:fixed}html[data-public-mode=true] .page-shell{max-width:1440px;width:calc(100% - 64px);padding-bottom:36px}html[data-public-mode=true] button,html[data-public-mode=true] select,html[data-public-mode=true] input[type=number]{min-height:44px;font-size:.9375rem}html[data-public-mode=true] button{cursor:pointer;transition:background-color .14s ease,border-color .14s ease}html[data-public-mode=true] button:hover:not(:disabled){transform:none}html[data-public-mode=true] button:disabled{cursor:default}html[data-public-mode=true] :focus-visible{outline:3px solid #b2ecdc;outline-offset:3px}html[data-public-mode=true] .transport-bar{position:static;min-height:70px;padding:16px 0;gap:20px;background:transparent;border-color:#b4d8ce21;box-shadow:none;flex-wrap:wrap}html[data-public-mode=true] .transport-title{color:var(--ink);letter-spacing:-.04em;text-transform:none}html[data-public-mode=true] .transport-title h1{margin:0;font-size:1.5rem;font-weight:760;line-height:1.2}html[data-public-mode=true] .transport-title h1:before{content:"";display:inline-block;width:9px;height:20px;margin-right:12px;border-radius:3px;background:var(--accent);box-shadow:5px -4px 0 -2px #83d6bd66;transform:rotate(12deg);vertical-align:-2px}html[data-public-mode=true] .transport-controls{margin-left:0;gap:16px}html[data-public-mode=true] .transport-field{gap:7px;min-width:0;flex-direction:column;align-items:flex-start}html[data-public-mode=true] .transport-label{font-size:.75rem;font-weight:650;letter-spacing:.02em;text-transform:none}html[data-public-mode=true] .transport-field select,html[data-public-mode=true] .transport-field input[type=number]{min-width:90px;padding:8px 12px;background:#142226;border-color:#425653;border-radius:7px;font-weight:600}html[data-public-mode=true] .transport-btn{border-radius:7px;padding:10px 17px}html[data-public-mode=true] .transport-btn-primary{background:var(--accent);color:#102822;font-weight:750;box-shadow:none}html[data-public-mode=true] .transport-btn-primary:hover:not(:disabled){background:#b2ecdc}html[data-public-mode=true] .transport-btn-secondary{color:#d1ded9;background:#243538;border-color:#405552}html[data-public-mode=true] .transport-btn-secondary:hover:not(:disabled){background:#304842;border-color:#688e82}html[data-public-mode=true] .transport-actions{flex-wrap:wrap}html[data-public-mode=true] #play-btn{border:1px solid var(--accent);color:#102822;background:var(--accent)}html[data-public-mode=true] #play-btn:hover:not(:disabled){border-color:#b2ecdc;background:#b2ecdc}html[data-public-mode=true] #play-btn.is-playing{border-color:#b2ecdc;color:#d9f6e9;background:#2d5044}html[data-public-mode=true] #generate-btn{border:1px solid #527467;color:#d5e8dd;background:#253b34}html[data-public-mode=true] #generate-btn:hover:not(:disabled){border-color:var(--accent);background:#345347}html[data-public-mode=true] #public-stop{background:#263538;color:#e1e8e3;border-color:#405552}.public-tagline{margin:0;color:#b2c9be;font-size:.9375rem;font-weight:400}.public-eyebrow{display:block;color:var(--accent);font-size:.625rem;font-weight:750;text-transform:uppercase;letter-spacing:.15em;margin:0 0 7px}#public-open-guide{margin-left:auto;min-height:40px;font-size:.8125rem;background:transparent;border-color:#486259}.help-link{color:#b2ecdc;font-size:.875rem;font-weight:700;text-underline-offset:4px;white-space:nowrap}.public-browse-link{display:inline-block;margin-top:14px;color:#b2ecdc;font-weight:700;text-underline-offset:4px}.public-setup{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px 24px;padding:18px 20px;border:1px solid var(--border);border-radius:12px;background:#203035b3}.public-setup>.transport-controls{flex:0 0 auto}.public-setup #open-phrase-settings-btn{margin-left:auto;align-self:flex-end}.public-setup .public-mode-controls{flex:0 1 280px;min-width:220px;width:auto;padding:0;border:0;border-radius:0;background:transparent}.public-mode-controls .scale-default-preset-row{align-items:flex-end;gap:7px}.public-mode-controls .scale-default-preset-row label{flex-basis:100%;color:var(--muted);font-size:.75rem;line-height:1.5;font-weight:650}.public-mode-controls .scale-default-preset-row select{min-width:170px;min-height:39px;padding:7px 10px;background:#142226;border-color:#425653}.public-mode-controls .scale-default-preset-description,.public-mode-controls .scale-default-preset-source{display:none}.public-progression{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px 24px;min-width:0}.public-setup .public-progression{flex:1 1 320px}.public-progression .notation-toolbar-select{display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:7px;min-width:0;flex:1}.public-progression .notation-toolbar-select span{color:var(--muted);font-size:.75rem;line-height:1.5;font-weight:650;text-transform:none;letter-spacing:.02em}.public-progression .notation-toolbar-select select{border-radius:7px;min-width:260px;width:100%;max-width:100%;padding:8px 12px;background:#142226;border-color:#425653;font-size:.9375rem}.public-progression>.public-hint{flex-basis:100%;margin:0;font-size:.8125rem}.public-setup .public-progression>.public-hint{display:none}.public-setup .public-harmony{flex-basis:100%;margin:0;padding-top:12px;border-top:1px solid var(--border)}.public-hint{color:var(--muted);font-size:.875rem;line-height:1.6;margin:8px 0 12px}.public-score-hint{display:block;margin:0 0 8px;font-size:.8125rem;color:var(--muted)}.public-harmony{display:flex;flex-wrap:wrap;gap:0;margin:16px 0 8px}.public-chord{display:flex;align-items:baseline;gap:10px;padding:6px 20px;border-left:1px solid #3b5450}.public-chord:first-child{padding-left:2px;border-left:0}.public-chord strong{color:#eaf2e9;font-size:1.0625rem;font-weight:650}.public-bar-number,.public-ending{font-size:.75rem;color:var(--muted)}.public-status-row{display:flex;align-items:center;gap:16px;min-height:40px;margin:0 0 12px}.public-status-row #status{margin:0;color:#afc5bb;font-size:.875rem;font-weight:500}.public-status-row.is-error{padding:12px 16px;background:#3b242b;border:1px solid #ce8a95;border-radius:7px}.public-status-row.is-error #status{color:#ffced6}html[data-public-mode=true] .layout{margin-top:0;gap:16px;grid-template-columns:minmax(0,1fr)}html[data-public-mode=true] .output-panel{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(290px,320px);padding:18px 20px 20px;gap:0 24px;border-radius:14px;background:#18272b;border-color:#a4ccbf33;box-shadow:var(--shadow)}html[data-public-mode=true] .notation-sticky-shell{min-width:0;position:relative;top:auto;padding-bottom:0;background:none;z-index:auto}.public-practice-dock{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;position:sticky;top:8px;z-index:10;padding:14px 18px;background:#1d3031;border:1px solid #48685b;border-radius:10px;margin:16px 0;box-shadow:0 6px 20px #00000038}.public-dock-actions{display:flex;flex:0 0 auto;align-items:stretch;gap:10px}html[data-public-mode=true] .public-dock-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:11px 18px}.public-button-icon{font-size:1.125rem;line-height:1}.public-button-label{white-space:nowrap}.public-practice-dock kbd,.public-keyboard-help kbd{display:inline-block;min-width:23px;padding:1px 5px;border:1px solid #466059;border-bottom-width:2px;border-radius:4px;font-family:inherit;font-size:.6875rem;line-height:1.5;color:#dce8e2;background:#203337}.public-dock-actions button kbd{margin-left:10px;border-color:currentColor;opacity:.65;color:inherit;background:transparent;font-size:.625rem}.public-dock-meta{flex:1;min-width:250px}.public-view-picker{display:flex;gap:4px;padding:4px;border:1px solid #48685b;border-radius:8px}html[data-public-mode=true] .public-view-picker button{min-height:44px;padding:8px 12px;background:transparent;border-color:transparent}html[data-public-mode=true] .public-view-picker button[aria-pressed=true]{background:#b2ecdc;color:#102822}html[data-public-mode=true] .output-panel>[hidden]{display:none!important}html[data-public-mode=true] .output-panel[data-practice-view=score],html[data-public-mode=true] .output-panel[data-practice-view=ingredients]{grid-template-columns:minmax(0,1fr)}html[data-public-mode=true] .output-panel[data-practice-view=ingredients]>.output-main-footer{grid-column:1;padding:0;border:0;margin:0}html[data-public-mode=true] .output-panel[data-practice-view=ingredients] #recipe-panel{max-height:none}html[data-public-mode=true] .output-panel[data-practice-view=ingredients] .recipe-list{overflow:visible;max-height:none}.public-dock-meta .public-status-row{min-height:0;margin:0;gap:10px}.public-dock-meta .public-status-row #status{color:#d0dfd3;font-size:.8125rem;line-height:1.5}.public-dock-meta .public-status-row.is-error{padding:8px 10px}.public-dock-meta #public-retry{padding:6px 10px;min-height:38px;font-size:.75rem}.public-shortcuts{display:block;margin:5px 0 0;color:#a7beb0;font-size:.6875rem;line-height:1.75}.public-shortcuts>span{display:inline;margin:0 5px}.public-shortcuts kbd{min-width:18px;padding:0 4px;font-size:.625rem;margin-right:3px}.public-keyboard-help{margin:12px 0 18px;padding:12px 20px;border-left:2px solid #54796a}.public-keyboard-help label{display:flex;align-items:center;gap:8px;min-height:36px;font-size:.875rem}.public-keyboard-help .public-hint{margin:4px 0 0;font-size:.8125rem}html[data-keyboard-shortcuts=false] .public-dock-actions kbd,html[data-keyboard-shortcuts=false] .public-shortcuts{display:none}html[data-public-mode=true] .output-panel>.notation-sticky-shell,html[data-public-mode=true] .output-panel>.output-main-footer{grid-row:1}html[data-public-mode=true] .notation-view-switch{gap:6px;flex-wrap:wrap;margin:0 0 10px;padding:0}html[data-public-mode=true] .notation-view-switch .mini-settings-btn{min-height:38px;padding:6px 13px;border-radius:6px;font-size:.8125rem;font-weight:600;border-color:transparent;background:transparent;color:#b3c4be}html[data-public-mode=true] .notation-view-switch .mini-settings-btn.is-active{background:#304b43;border-color:#4d7265;color:#d4f4e5}html[data-public-mode=true] .notation-view-switch .mini-settings-btn:hover:not(:disabled){background:#2c413d;color:var(--ink)}html[data-public-mode=true] #ingredient-help{margin-left:auto}html[data-public-mode=true] .screen-area{min-width:0}html[data-public-mode=true] .notation-frame{overflow-x:auto;border:1px solid #e3dfca;border-radius:8px;padding:18px 16px 22px;background:#f4f0df}html[data-public-mode=true] .notation-sticky-shell .notation-frame{box-shadow:0 4px 18px #0000001a}html[data-public-mode=true] #notation-render{--accent: #147c67}html[data-public-mode=true] #notation-render{height:auto!important;overflow:visible!important;padding-bottom:0!important}html[data-public-mode=true] #notation-render svg{position:static!important;display:block!important}html[data-public-mode=true] .notation-frame{scrollbar-color:#64756c #e2ddc9;scrollbar-width:auto}@media(min-width:901px){html[data-public-mode=true] #notation-render{width:100%!important;min-width:0!important}html[data-public-mode=true] #notation-render svg{width:100%;height:auto}.public-score-hint{display:none}}html[data-public-mode=true] .output-main-footer{height:auto!important;padding-left:20px;border-left:1px solid var(--border)}html[data-public-mode=true] #recipe-panel{position:static;max-height:660px;height:auto;padding:0;background:none;border:0;box-shadow:none}html[data-public-mode=true] #recipe-panel>.meta-label{color:#f0f3ec;font-size:1.0625rem;font-weight:650;text-transform:none;letter-spacing:-.02em}html[data-public-mode=true] #recipe-panel>.public-hint{margin:8px 0 14px;font-size:.8125rem}html[data-public-mode=true] .recipe-list{padding-right:5px;gap:0;scrollbar-color:#527165 transparent}html[data-public-mode=true] .recipe-item{padding:13px 10px;background:transparent;margin:0;border-radius:5px;border-bottom:1px solid rgba(180,216,206,.12)}html[data-public-mode=true] .recipe-item:last-child{padding-bottom:13px}html[data-public-mode=true] .recipe-item strong{font-size:.875rem;line-height:1.5;font-weight:600;color:#e1e9e0}html[data-public-mode=true] .recipe-item span{display:block;margin-top:6px;font-size:.8125rem;line-height:1.65;color:#adbfba;overflow-wrap:anywhere}html[data-public-mode=true] .recipe-item[role=button]:hover{background:#274037;transform:none}html[data-public-mode=true] .recipe-item[role=button]:focus-visible{outline-offset:-3px}html[data-public-mode=true] .recipe-item.is-meta{color:var(--muted);background:transparent}html[data-public-mode=true] .recipe-item.is-meta strong{color:#b2c1ba;font-weight:500}html[data-public-mode=true] .output-panel[data-has-line=false] .output-main-column,html[data-public-mode=true] .output-panel[data-has-line=false] .recipe-list{opacity:.35}html[data-public-mode=true] .instrument-strip{margin-top:14px;border-radius:8px;background:#132125}html[data-public-mode=true] .instrument-strip-tabs{gap:6px;padding:7px 10px}html[data-public-mode=true] .instrument-strip-btn{padding:6px 12px;min-height:38px;font-size:.8125rem;border-radius:5px;border-color:transparent}html[data-public-mode=true] .instrument-strip-btn.is-active{color:#d4f4e5;background:#304b43;border-color:#4d7265}html[data-public-mode=true] #playback-fretboard,html[data-public-mode=true] .piano-frame{overflow-x:auto}html[data-public-mode=true] .bar-settings-dialog{max-width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-color:#4a6b60;border-radius:12px}html[data-public-mode=true] dialog::backdrop{background:#030c0ed1}html[data-public-mode=true] dialog small{font-size:.875rem;line-height:1.5}html[data-public-mode=true] .bar-settings-header{gap:16px}html[data-public-mode=true] .bar-settings-header strong{font-size:1.125rem}html[data-public-mode=true] .compact-toggle{font-size:.875rem;min-height:36px}html[data-public-mode=true] .controls-panel{border:0;border-radius:0;box-shadow:none;padding:0 18px 18px;background:transparent}html[data-public-mode=true] .controls-panel .meta-label,html[data-public-mode=true] .loading-eyebrow{font-size:.875rem}html[data-public-mode=true] .loading-pun{color:var(--muted)}html[data-public-mode=true] .notation-loading-overlay{border-color:#456a5d;background:#142226}.public-skip{position:absolute;top:-120px;left:16px;z-index:999;padding:10px 16px;color:#102822;background:#b2ecdc}.public-skip:focus{top:8px}.public-start{margin:0}.public-start:not([open])>summary{display:none}.public-start summary{color:#bbd4c9;font-size:.8125rem}.public-start summary,.public-customize summary,.ingredient-guide summary,.public-footer summary{cursor:pointer;padding:8px 0}.public-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:16px 20px;margin:6px 0 8px;border:1px solid var(--border);border-radius:8px;background:#182a2b}.public-steps li{display:grid;gap:4px}.public-steps strong{font-size:.9375rem;color:#edf2e9}.public-steps span{font-size:.875rem;color:var(--muted)}.public-customize{order:3;border:1px solid var(--border);border-radius:10px;background:#18272b}.public-customize>summary{padding:14px 18px;color:#d2e3d9;font-size:.875rem;font-weight:600}.public-customize>.public-hint{margin:0 18px 14px;max-width:85ch}.public-customize-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 18px}.ingredient-guide{font-size:.8125rem;border-top:1px solid var(--border);margin-top:12px;overflow-y:auto;flex:0 1 auto;min-height:42px}.ingredient-guide summary{color:#b6dace}.ingredient-guide dl{margin:4px 0 10px}.ingredient-guide dt{color:#e0eade;font-weight:650;margin-top:12px}.ingredient-guide dd{margin:4px 0 0;color:var(--muted)}.public-footer{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;padding:0 2px;font-size:.75rem;color:#96ada4}.public-footer a{color:#b2ecdc}.public-footer details{flex-basis:100%}.public-footer details p{max-width:86ch;margin:4px 0 12px}html[data-public-mode=true] .public-reset-dialog{max-width:min(520px,calc(100vw - 32px))}.public-reset-dialog h2{font-size:1.25rem;margin:0}.public-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}@media(max-width:1100px){html[data-public-mode=true] .page-shell{width:calc(100% - 40px)}html[data-public-mode=true] .transport-bar{gap:12px 24px}html[data-public-mode=true] .transport-actions{margin-left:auto}html[data-public-mode=true] .output-panel{gap:0 18px;padding:16px;grid-template-columns:minmax(0,1fr) minmax(270px,300px)}html[data-public-mode=true] .output-main-footer{padding-left:16px}.public-practice-dock{gap:12px 18px}html[data-public-mode=true] .public-dock-actions button{padding:11px 14px}.public-dock-actions button kbd{margin-left:4px}}@media(max-width:900px){html[data-public-mode=true] .output-panel{display:flex;flex-direction:column;gap:0}html[data-public-mode=true] .notation-sticky-shell{position:relative;width:100%}html[data-public-mode=true] #recipe-panel{max-height:none;padding-left:0}html[data-public-mode=true] .recipe-list{overflow-y:visible}html[data-public-mode=true] .output-main-footer{width:100%;margin-top:22px;padding:22px 0 0;border-left:0;border-top:1px solid var(--border)}html[data-public-mode=true] .transport-bar{position:static}.public-practice-dock{align-self:stretch}.ingredient-guide{overflow:visible}.public-setup{gap:16px}.public-setup .public-progression{flex-basis:calc(100% - 240px)}.public-setup #open-phrase-settings-btn{margin-left:0}.public-progression .notation-toolbar-select{width:100%}.public-progression .notation-toolbar-select select{flex:1;min-width:0}}@media(max-width:600px){html[data-public-mode=true] .bar-settings-form{padding:14px;grid-template-columns:minmax(0,1fr)}html[data-public-mode=true] .bar-settings-form *{min-width:0}html[data-public-mode=true] .bar-settings-header{flex-wrap:wrap;gap:10px}html[data-public-mode=true] .bar-settings-header button{min-height:44px;padding:8px 12px}html[data-public-mode=true] .bar-settings-columns{grid-template-columns:minmax(0,1fr)}html[data-public-mode=true] dialog .modifier-option{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:8px}html[data-public-mode=true] dialog .modifier-option[for]>span{flex-basis:100%}html[data-public-mode=true] dialog .modifier-option select,html[data-public-mode=true] dialog .modifier-option input[type=range]{width:100%;max-width:100%}html[data-public-mode=true] dialog select{max-width:100%}html[data-public-mode=true] .vocabulary-sticky-top{position:static;margin:-14px -14px 0;padding:14px}html[data-public-mode=true] .bar-inline-row{flex-wrap:wrap}html[data-public-mode=true] .bar-inline-row>span{flex-basis:100%}html[data-public-mode=true] .bar-inline-row select{flex:1 1 85px}html[data-public-mode=true] .module-option-top{flex-wrap:wrap}html[data-public-mode=true] .module-option-top>strong{flex-basis:100%}html[data-public-mode=true] .page-shell{width:calc(100% - 24px)}html[data-public-mode=true] .transport-bar{min-height:84px;padding:16px 0;gap:10px;border-bottom:0}html[data-public-mode=true] .transport-title{flex:1}html[data-public-mode=true] .transport-title h1{font-size:1.3rem}html[data-public-mode=true] .transport-controls{gap:12px}html[data-public-mode=true] .transport-field{flex-direction:column;align-items:flex-start;gap:5px}html[data-public-mode=true] .transport-field input{width:90px}html[data-public-mode=true] .transport-actions{width:auto;gap:8px;margin-left:auto}html[data-public-mode=true] .transport-actions button{padding:8px 12px}html[data-public-mode=true] .output-panel{padding:12px 10px;border-radius:10px}html[data-public-mode=true] .notation-frame{padding:12px 10px 16px}html[data-public-mode=true] .notation-view-switch{gap:3px}html[data-public-mode=true] .notation-view-switch .mini-settings-btn{padding:7px 8px;min-height:40px;font-size:.75rem}html[data-public-mode=true] #ingredient-help{margin-left:0}html[data-public-mode=true] #notation-render{min-width:640px;padding-bottom:0!important}html[data-public-mode=true] #notation-render svg{position:static!important;display:block!important}.public-score-hint{display:block;margin:0 0 8px;font-size:.75rem;color:var(--muted)}html[data-public-mode=true] .controls-panel{grid-template-columns:minmax(0,1fr)}.public-tagline{display:none}.public-eyebrow{font-size:.5625rem;margin-bottom:5px}.public-setup{padding:14px;gap:14px 12px}.public-setup .public-mode-controls{order:-2;flex:1 1 100%;min-width:0;width:100%}.public-mode-controls .scale-default-preset-row select{min-width:0;flex:1 1 180px}.public-setup .public-progression{flex-basis:100%;order:-1}.public-setup>.transport-controls{flex:1}.public-setup #open-phrase-settings-btn{margin-left:0;min-height:44px;padding:8px 10px;font-size:.8125rem}.public-setup .transport-field select,.public-setup .transport-field input[type=number]{min-width:72px;width:72px}.public-steps{grid-template-columns:1fr;gap:14px;padding:14px}.public-progression{gap:0}.public-progression .notation-toolbar-select{gap:6px}.public-progression .notation-toolbar-select select{width:100%;min-width:0}.public-harmony{gap:8px 0;margin-top:14px}.public-chord{flex:0 1 auto;padding:2px 10px;gap:6px;flex-wrap:wrap}.public-chord strong{font-size:.9375rem}.public-ending,.public-bar-number{font-size:.6875rem}.public-status-row{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;margin-bottom:10px}.public-status-row #status{font-size:.8125rem}.public-practice-dock{gap:10px;padding:10px;top:0;margin:12px 0;border-radius:9px}.public-dock-actions{width:100%;gap:8px}html[data-public-mode=true] .public-dock-actions button{flex:1 1 0;padding:11px 9px;min-height:48px;font-size:.875rem;gap:8px}.public-dock-actions button kbd{display:none}.public-dock-meta{width:100%;min-width:0}.public-view-picker{width:100%}html[data-public-mode=true] .public-view-picker button{flex:1}.public-dock-meta .public-status-row{justify-content:flex-start;min-height:0}.public-dock-meta .public-status-row #status{font-size:.75rem}.public-shortcuts{margin-top:4px;font-size:.625rem}.public-shortcuts>span{margin:0 3px}.public-shortcuts kbd{min-width:16px;margin-right:1px;font-size:.5625rem}.public-start{margin:0}.public-keyboard-help{padding:10px 14px}.public-footer{font-size:.75rem}}@media(max-width:360px){.public-setup{padding:12px}.public-setup>.transport-controls{gap:10px}.public-setup #open-phrase-settings-btn{flex-basis:100%}}@media(max-height:500px){html[data-public-mode=true] .vocabulary-sticky-top{position:static}}@media(pointer:coarse){.public-shortcuts{display:none}}@media(prefers-reduced-motion:reduce){html[data-public-mode=true] *,html[data-public-mode=true] *:before,html[data-public-mode=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html[data-public-mode=true] #recipe-list{max-height:min(52vh,580px);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto}html[data-public-mode=true] .recipe-item.is-playing-ingredient{background:#31564b;box-shadow:inset 3px 0 #b2ecdc}html[data-public-mode=true] #notation-shell{scroll-behavior:auto}@media(prefers-reduced-motion:reduce){html[data-public-mode=true] .recipe-item{transition:none}}#line-share-dialog{width:min(540px,calc(100vw - 24px));box-sizing:border-box}#line-share-dialog input{width:100%;min-width:0;box-sizing:border-box}#line-share-dialog .public-dialog-actions{flex-wrap:wrap}#line-share-feedback{margin:8px 0 16px}#share-line{min-height:44px}