html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#app{flex-direction:row}#content{background-color:var(--color-background);width:100%;height:100dvh}.loading{width:100vw;height:100dvh}.loading svg{width:10vw;height:10vw;animation-name:bounce;animation-duration:var(--bounce-duration);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(1, .5, 1);will-change:transform;animation-direction:alternate;position:fixed}@keyframes bounce{0%{transform:translate(var(--left), var(--bounce-start));opacity:1}to{transform:translate(var(--left), var(--bounce-end)) scale(var(--scale));opacity:var(--scale)}}@media (orientation:landscape){#catalog-modal{width:min(96vw,36em)}}.catalog .search-input{flex-shrink:0;justify-content:center;position:relative}.catalog .search-input svg{width:1em;height:1em;color:var(--color-text-muted);pointer-events:none;position:absolute;left:.65em}.catalog .search-input input{padding-left:2.1em}.catalog .search-input .search-icon.searching{animation:.15s .3s both fade-out}.catalog .search-input .spinner{color:var(--color-accent);animation:.15s .3s both fade-in,.8s linear infinite spin}.catalog .message{color:var(--color-text-muted);font-style:italic}.catalog .message.error{color:var(--color-danger);font-style:normal}.catalog .results{gap:1px;transition:opacity .15s}.catalog .results.stale{opacity:.5;transition-delay:.3s}.catalog .placeholder{flex-shrink:0;gap:.4em;padding:.65em .75em;animation:.2s .3s both fade-in}.catalog .placeholder span{border-radius:var(--radius);background:linear-gradient(90deg, var(--color-hover) 30%, var(--color-border) 50%, var(--color-hover) 70%);background-size:300% 100%;height:.9em;animation:1.4s ease-in-out infinite shimmer;display:block}.catalog .placeholder .song{width:55%}.catalog .placeholder .artist{width:30%;height:.7em}.catalog .placeholder:nth-child(3n+2) .song{width:40%}.catalog .placeholder:nth-child(3n+2) .artist{width:22%}.catalog .placeholder:nth-child(3n) .song{width:68%}.catalog .placeholder:nth-child(3n) .artist{width:35%}.catalog .result{text-align:left;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:.1em;padding:.5em .75em}.catalog .result span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.catalog .result .artist{color:var(--color-text-muted);font-size:.85em}.catalog .result:disabled{cursor:progress}.catalog .result.opening{background-color:var(--color-accent-soft);color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.catalog .spinner{animation:.15s .3s both fade-in}.catalog .placeholder span{animation:none}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.song-form .fields{grid-template-columns:minmax(10em,2fr) 5em minmax(10em,3fr);gap:.75em;display:grid}@media (orientation:portrait){.song-form .fields{grid-template-columns:1fr 5em}.song-form .fields .link,.song-form .fields .version{grid-column:1/-1}}.song-form .editor{flex-direction:row;flex:1;gap:1em;min-height:0}@media (orientation:portrait){.song-form .editor{flex-direction:column;flex:none}}.song-form .editor .field{flex:1;min-height:0}.song-form textarea,.song-form .lyrics-component{min-height:20em;font-family:var(--font-mono);flex:1;font-size:.85em;line-height:1.35}.song-form textarea{resize:none;white-space:pre}.song-form .lyrics-component{border:1px dashed var(--color-border);border-radius:var(--radius);margin:0;padding:.55em .75em;overflow:auto}.song-form .lyrics-component .chord{cursor:pointer}.song-form .loading-input{background-image:repeating-linear-gradient(-45deg, var(--color-accent-soft), var(--color-accent-soft) .6em, transparent .6em, transparent 1.2em);will-change:background-position;background-size:200% 100%;animation:10s linear infinite indeterminate}@keyframes indeterminate{0%{background-position:100%}to{background-position:0}}.hamburger{z-index:calc(var(--z-index-menu) + 1);color:var(--color-text-muted);position:fixed;top:.5rem;right:.5rem}.hamburger:hover{color:var(--color-text)}.hamburger svg{width:1.5rem;height:1.5rem}.hamburger line{transform-origin:50%;transition:all .25s ease-in-out}.hamburger.open line:first-child{opacity:0}.hamburger.open line:nth-child(2){transform:translate(-.3rem,.23rem)rotate(45deg)}.hamburger.open line:nth-child(3){transform:translate(-.3rem,-.3rem)rotate(-45deg)}.menu-backdrop{z-index:var(--z-index-menu);background-color:#00000040;background-color:lab(0% 0 0/.25);transition:opacity .25s ease-in-out;position:fixed;inset:0}.menu-backdrop.collapsed{opacity:0;pointer-events:none}#menu{background-color:var(--color-surface);width:min(100vw, var(--chords-sidebar-width));z-index:var(--z-index-menu);box-shadow:var(--shadow);flex-direction:column;transition:transform .25s ease-in-out,visibility,opacity .25s;display:flex;position:fixed;top:0;bottom:0;right:0}#menu.collapsed{visibility:hidden;transition:transform .25s ease-in-out,visibility 0s .25s,opacity .25s;transform:translate(100%)}#menu .search{flex-direction:row;align-items:center;gap:.25em;padding:.5rem 3rem .5rem .75rem}#menu .search .search-input{flex:1;justify-content:center;min-width:0;position:relative}#menu .search .search-input svg{width:1em;height:1em;color:var(--color-text-muted);pointer-events:none;position:absolute;left:.65em}#menu .search .search-input input{padding-left:2.1em}#menu .search .sort{color:var(--color-text-muted);flex-shrink:0;padding:.5em;font-size:.85em}#menu .search .sort:hover{color:var(--color-text)}#menu .songs{flex:1;gap:1px;padding:.25rem .5rem 1rem;overflow:auto}#menu .songs .song{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius);transition:background-color var(--transition);flex-shrink:0;padding:.6em .75em;display:block;overflow:hidden}#menu .songs .song:hover{background-color:var(--color-hover)}#menu .songs .song.active{background-color:var(--color-accent-soft);color:var(--color-accent);font-weight:600}#menu .songs .empty{color:var(--color-text-muted);padding:.6em .75em;font-style:italic}#menu .controls{border-top:1px solid var(--color-border);gap:.5rem;padding:.75rem}#menu .controls .display{flex-direction:row;justify-content:space-between;align-items:center}#menu .controls .display button:not(.icon){color:var(--color-text-muted);font-size:.85em}#menu .controls .display button:not(.icon):hover{color:var(--color-text)}#menu .controls .font{flex-direction:row;align-items:center}#menu .controls .actions{flex-direction:row;gap:.5rem}#menu .controls .actions button:not(.icon){flex:1}#menu .controls .actions button.icon{border-radius:var(--radius);padding:.5em .75em}.song-with-chords-component{height:100%;max-height:100%;overflow:hidden}@media (orientation:landscape){.song-with-chords-component{flex-direction:row}}.song-with-chords-component .song-pane{flex:1;min-width:0;min-height:0;position:relative}.song-with-chords-component .song-container{flex:1;overflow:auto}.song-with-chords-component .song-container .lyrics-component{padding:0 1.25rem 2rem}.song-with-chords-component .song-info-component{gap:.25em;padding:1.25rem 3.5rem 1rem 1.25rem}.song-with-chords-component .song-info-component .name{letter-spacing:-.01em;cursor:default;-webkit-user-select:none;user-select:none;font-size:1.5em;font-weight:700;line-height:1.2}.song-with-chords-component .song-info-component .meta{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;flex-flow:wrap;align-items:center;font-size:.9em}.song-with-chords-component .song-info-component .meta>span{align-items:center;gap:.3em;display:inline-flex}.song-with-chords-component .song-info-component .meta>span+span:before{content:"·";padding:0 .5em}.song-with-chords-component .song-info-component .meta svg{width:1em;height:1em}.song-with-chords-component .auto-scroll-controls{background-color:var(--color-raised);border:1px solid var(--color-border);box-shadow:var(--shadow-small);opacity:0;pointer-events:none;transition:all var(--transition);border-radius:2em;flex-direction:row;align-items:center;padding:.15em;position:absolute;top:.5rem;right:3rem;transform:translateY(-.5rem)}.song-with-chords-component .auto-scroll-controls.active{opacity:1;pointer-events:all;transform:none}.song-with-chords-component .auto-scroll-controls .speed{font-variant-numeric:tabular-nums;min-width:2.5em;color:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;gap:.15em;font-weight:600;display:inline-flex}.song-with-chords-component .auto-scroll-controls .speed svg{width:1em;height:1em}.chords-component{z-index:var(--z-index-chords);background-color:var(--color-surface);flex-shrink:0;transition:all .2s ease-in-out;overflow:hidden}.chords-component *{-webkit-user-select:none;user-select:none}@media (orientation:portrait){.chords-component{border-top:1px solid var(--color-border);border-radius:.75rem .75rem 0 0;height:min(14rem,36dvh);box-shadow:0 -.25rem 1rem #00000014;box-shadow:0 -.25rem 1rem lab(0% 0 0/.08)}.chords-component .content{padding:.75rem}.chords-component.collapsed{border-top-color:#0000;height:0}}@media (orientation:landscape){.chords-component{width:var(--chords-sidebar-width);border-left:1px solid var(--color-border)}.chords-component .content{padding:.5rem 1rem 1rem}.chords-component .tabs{margin-right:2.5rem}.chords-component.collapsed{border-left-color:#0000;width:0}}.chords-component.collapsed .content{opacity:0}.chords-component .scroll-container{width:100%;height:100%;overflow:auto}.chords-component .content{min-width:calc(var(--chords-sidebar-width) - 2rem);gap:.75rem;transition:opacity .25s ease-in-out}.chords-component .tabs{background-color:var(--color-hover);border-radius:var(--radius);flex-direction:row;gap:.2em;padding:.2em}.chords-component .tabs .tab{border-radius:calc(var(--radius) - .15em);color:var(--color-text-muted);background-color:#0000;border-color:#0000;flex:1;padding:.35em .5em}.chords-component .tabs .tab.active{background-color:var(--color-raised);color:var(--color-text);box-shadow:var(--shadow-small);background-image:none;font-weight:600}.chords-component .tools{flex-flow:wrap;gap:.5em}.chords-component .transpose{border:1px solid var(--color-border);background-color:var(--color-raised);border-radius:2em;flex-direction:row;align-items:center}.chords-component .transpose button{padding:.35em}.chords-component .transpose .label{cursor:pointer;align-items:center;gap:.4em;padding:0 .25em;display:inline-flex}.chords-component .transpose .amount{font-variant-numeric:tabular-nums;color:var(--color-accent);font-weight:700}.chords-component .simplify{border-radius:2em;padding:.35em 1em}.chords-component .simplify.active{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.chords-component .collapse-button{z-index:1;color:var(--color-text-muted);box-shadow:var(--shadow-small);padding:.55em;position:fixed;bottom:.75rem;right:.75rem}.chords-component .collapse-button:hover{color:var(--color-text)}.chords-component .collapse-button svg{width:1.35rem;height:1.35rem}.piano-chord-list-component{flex-flow:wrap;align-content:flex-start;gap:0 1em}.piano-chord-container{align-items:center;height:-moz-fit-content;height:fit-content}.piano-chord-container>label{font-weight:600}.piano-chord-container:hover .inversions,.piano-chord-container.hover .inversions{opacity:1}.piano-chord-container .inversions{font-variant-numeric:tabular-nums;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition);flex-direction:row;align-items:center;font-size:.75em}.piano-chord-container .inversions button{padding:.3em}.piano-chord-container .keyboard{--white-key-width:.5rem;--white-key-height:2rem;--black-key-width:calc(var(--white-key-width) / 1.5);--black-key-height:calc(var(--white-key-height) / 1.5);--dot-width:calc(var(--white-key-width) * .5);border-top:1px solid var(--color-text);flex-direction:row;margin-top:.25em;position:relative}.piano-chord-container .keyboard .white{width:var(--white-key-width);height:var(--white-key-height);border:1px solid var(--color-text);border-left-color:#0000;border-radius:0 0 3px 3px;position:relative}.piano-chord-container .keyboard .white:first-child{border-left-color:var(--color-text)}.piano-chord-container .keyboard .white.active:after{content:"";left:calc(var(--white-key-width) * .5 + var(--dot-width) * -.5);width:var(--dot-width);height:var(--dot-width);background-color:var(--color-accent);border-radius:50%;position:absolute;bottom:.15rem}.piano-chord-container .keyboard .black{width:0;position:relative}.piano-chord-container .keyboard .black:before{content:"";top:0;left:calc(var(--black-key-width) / 2 * -1);width:var(--black-key-width);height:var(--black-key-height);background-color:var(--color-text);border-radius:0 0 3px 3px;position:absolute}.piano-chord-container .keyboard .black.active:after{content:"";z-index:1;left:calc(var(--dot-width) * -.5);top:calc(var(--black-key-height) - var(--dot-width) * 1.5);width:var(--dot-width);height:var(--dot-width);background-color:var(--color-surface);border-radius:50%;position:absolute}.string-chord-list-component{flex-flow:wrap;align-content:flex-start}.string-chord-container{align-items:center;height:-moz-fit-content;height:fit-content;padding-left:1em}.string-chord-container>label{font-weight:600}.string-chord-container:hover .variants,.string-chord-container.hover .variants{opacity:1}.string-chord-container .variants{font-variant-numeric:tabular-nums;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition);flex-direction:row;align-items:center;font-size:.75em}.string-chord-container .variants button{padding:.3em}.string-chord-container .fret-board{--num-frets:5;--dot-size:.35rem}@media (orientation:landscape){.string-chord-container .fret-board{--dot-size:.4rem}}.string-chord-container .fret-board{--cell-width:calc(var(--dot-size) * 1.75);--cell-height:calc(var(--dot-size) * 2.75);--quarter-cell-width:calc(var(--cell-width) * .25);--half-cell-height:calc(var(--cell-height) * .5);width:calc(var(--cell-width) * (var(--num-strings) - 1) + 1px);height:calc(var(--cell-height) * var(--num-frets) + 1px);background-size:var(--cell-width) var(--cell-height);background-image:linear-gradient(to right, var(--color-text-muted) 1px, transparent 1px), linear-gradient(to bottom, var(--color-text-muted) 1px, transparent 1px);margin-top:.25em;position:relative}.string-chord-container .fret-board:not(:has(.base-fret)):after{content:"";background-color:var(--color-text);width:100%;height:2px;position:absolute;top:0;left:0}.string-chord-container .fret-board .base-fret{top:calc(var(--cell-height) * .25);left:calc(var(--cell-width) * -1);text-align:center;font-size:.5rem;position:absolute}.string-chord-container .fret-board .barre{opacity:calc(var(--barre) + 1);background-color:var(--color-accent);top:calc(var(--cell-height) * var(--barre) + var(--dot-size) * 1.15);left:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);height:calc(var(--half-cell-height) * .5);z-index:1;border-radius:.5rem;position:absolute}.string-chord-container .fret-board .fret{background-color:var(--color-accent);width:var(--dot-size);height:var(--dot-size);opacity:calc(var(--fret-position) + 1);left:calc(var(--cell-width) * var(--fret-index) - var(--dot-size) * .45);top:calc(var(--cell-height) * var(--fret-position) + var(--dot-size));border-radius:50%;position:absolute}.lyrics-component{font-family:var(--font-mono);font-size:var(--lyrics-font-size,1rem);line-height:1.35}.lyrics-component .chord{color:var(--color-accent);background-color:var(--color-accent-soft);cursor:pointer;border-radius:.25em;margin:0 -.15em;padding:.05em .15em;font-weight:700}.lyrics-component .section{color:var(--color-text-muted);font-weight:700}.chord-popup{background-color:var(--color-raised);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:var(--z-index-chord-popup);padding:.5em 1em .25em;position:fixed}.char-measure{visibility:hidden;pointer-events:none;font-family:var(--font-mono);font-size:var(--lyrics-font-size,1rem);padding:0 .1em;position:absolute}@media (orientation:landscape){#settings-form-modal{width:min(96vw,28em);height:-moz-fit-content;height:fit-content}}#settings-form-modal .data textarea{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.8em}#settings-form-modal .catalog-download progress{width:100%;accent-color:var(--color-accent)}#settings-form-modal .catalog-download .error{color:var(--color-danger)}#settings-form-modal .catalog-download .actions{flex-direction:row;gap:.5em}:root{--color-background:#f9f7f2;--color-surface:#f0ebe3;--color-raised:#fefdfb;--color-text:#241e1a;--color-accent:#b14420;--color-accent-soft:oklch(from var(--color-accent) l c h / .12);--color-on-accent:#fff9f4;--color-danger:#b9003d;--color-on-danger:#fff6f6;--shadow:0 .5rem 1.5rem #291f1826;--shadow-small:0 1px 3px #291f181f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-amber:#ed9c55;--color-text-muted:oklch(from var(--color-text) l c h / .6);--color-border:oklch(from var(--color-text) l c h / .14);--color-hover:oklch(from var(--color-text) l c h / .07);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--radius:.5rem;--transition:.15s ease-in-out;--z-index-chords:10;--z-index-menu:20;--z-index-chord-popup:30;--z-index-modals:40;--chords-sidebar-width:21rem;scrollbar-color:var(--color-border) transparent}@supports (color:lab(0% 0 0)){:root{--color-background:lab(97.2444% .194401 2.66511);--color-surface:lab(93.3059% .704706 4.53285);--color-raised:lab(99.3164% .0796616 1.13984);--color-text:lab(11.8122% 2.13497 4.07868);--color-accent:lab(44.2323% 43.8131 44.1331);--color-on-accent:lab(98.2418% 1.68419 3.32767);--color-danger:lab(39.7583% 64.6529 23.4625);--color-on-danger:lab(97.5723% 3.25879 1.01889);--shadow:0 .5rem 1.5rem lab(12.9465% 3.69321 6.93115/.15);--shadow-small:0 1px 3px lab(12.9465% 3.69321 6.93115/.12);--color-amber:lab(71.6764% 26.4037 49.2902)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-background:#151210;--color-surface:#1f1b18;--color-raised:#2a2522;--color-text:#e5e1d9;--color-accent:var(--color-amber);--color-accent-soft:oklch(from var(--color-accent) l c h / .15);--color-on-accent:#201308;--color-danger:#ef656b;--color-on-danger:#1d0c0c;--shadow:0 .5rem 1.5rem #00000080;--shadow-small:0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root:not([data-theme=light]){--color-background:lab(5.70927% .842206 1.5261);--color-surface:lab(10.0829% 1.39634 2.69687);--color-raised:lab(15.301% 1.56614 3.03032);--color-text:lab(89.5938% .706315 4.53392);--color-on-accent:lab(7.1291% 5.82799 7.6681);--color-danger:lab(61.1001% 54.4147 24.7697);--color-on-danger:lab(5.03733% 7.82207 2.74258);--shadow:0 .5rem 1.5rem lab(0% 0 0/.5);--shadow-small:0 1px 3px lab(0% 0 0/.4)}}}:root[data-theme=dark]{--color-background:#151210;--color-surface:#1f1b18;--color-raised:#2a2522;--color-text:#e5e1d9;--color-accent:var(--color-amber);--color-accent-soft:oklch(from var(--color-accent) l c h / .15);--color-on-accent:#201308;--color-danger:#ef656b;--color-on-danger:#1d0c0c;--shadow:0 .5rem 1.5rem #00000080;--shadow-small:0 1px 3px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports (color:lab(0% 0 0)){:root[data-theme=dark]{--color-background:lab(5.70927% .842206 1.5261);--color-surface:lab(10.0829% 1.39634 2.69687);--color-raised:lab(15.301% 1.56614 3.03032);--color-text:lab(89.5938% .706315 4.53392);--color-on-accent:lab(7.1291% 5.82799 7.6681);--color-danger:lab(61.1001% 54.4147 24.7697);--color-on-danger:lab(5.03733% 7.82207 2.74258);--shadow:0 .5rem 1.5rem lab(0% 0 0/.5);--shadow-small:0 1px 3px lab(0% 0 0/.4)}}*{scrollbar-width:thin}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:.9375rem;line-height:1.4}div{flex-direction:column;display:flex}body,#root,#app{width:100vw;min-width:100vw;max-width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}#app{background-color:var(--color-background)}.nudge{animation:.25s ease-in-out alternate-reverse nudge}@keyframes nudge{0%{transform:scale(1)}to{transform:scale(1.1)}}button{font:inherit;color:inherit;background-color:var(--color-raised);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform 50ms;justify-content:center;align-items:center;gap:.4em;padding:.5em 1em;display:inline-flex}button:hover{background-image:linear-gradient(var(--color-hover), var(--color-hover))}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button svg{flex-shrink:0;width:1.15em;height:1.15em}button.primary{background-color:var(--color-accent);color:var(--color-on-accent);border-color:#0000;font-weight:600}button.danger{color:var(--color-danger)}button.danger.armed{background-color:var(--color-danger);color:var(--color-on-danger);border-color:#0000}button.ghost{background-color:#0000;border-color:#0000}button.icon{border-radius:50%;padding:.45em}input,select,textarea{font:inherit;color:inherit;background-color:var(--color-raised);border:1px solid var(--color-border);border-radius:var(--radius);min-width:0;transition:border-color var(--transition), box-shadow var(--transition);padding:.55em .75em}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-text-muted)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;background-color:var(--color-text-muted);width:1.1em;height:1.1em;transition:background-color var(--transition);margin-left:.5em;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='x'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='m15 9-6 6m0-6 6 6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/mask%3E%3Ccircle cx='12' cy='12' r='10' mask='url(%23x)'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cmask id='x'%3E%3Crect width='24' height='24' fill='white'/%3E%3Cpath d='m15 9-6 6m0-6 6 6' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/mask%3E%3Ccircle cx='12' cy='12' r='10' mask='url(%23x)'/%3E%3C/svg%3E") 50%/contain no-repeat}input[type=search]::-webkit-search-cancel-button:hover{background-color:var(--color-text)}textarea{resize:vertical}.field{flex-direction:column;gap:.35em;min-width:0;display:flex}.field>span:first-child{color:var(--color-text-muted);font-size:.8em;font-weight:600}.react-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-index-modals);opacity:0;transition:opacity var(--transition);background-color:#0000008c;background-color:lab(0% 0 0/.55);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.react-modal-overlay.after-open{opacity:1}.react-modal{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow);border-radius:.75rem;outline:none;overflow:hidden}.react-modal .header{border-bottom:1px solid var(--color-border);flex-direction:row;align-items:center;gap:.5em;padding:.6em .6em .6em 1.25em}.react-modal .header h2{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.15em;font-weight:600;overflow:hidden}.react-modal .header .actions{flex-direction:row;align-items:center;gap:.5em}.react-modal .content{flex-direction:column;flex:1;gap:1em;min-height:0;padding:1.25em;display:flex;overflow:auto}@media (orientation:portrait){.react-modal{border-radius:0;width:100vw;height:100dvh}}@media (orientation:landscape){.react-modal{width:min(96vw,84rem);height:94dvh}}