/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-ink:#0c0d0a;--color-ink-soft:#43463a;--color-muted:#62655a;--color-paper:#f4f4ec;--color-paper-2:#e7e8dd;--color-cream:#fbfbf3;--color-yellow:#ffd400;--color-yellow-deep:#d9b900;--color-accent:#22e0ff;--color-danger:#d4380d;--color-line-ink:#fafaf429;--font-display:"Permanent Marker", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--font-body:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--radius-brand:8px;--radius-inner:4px;--radius-pill:999px;--ease-brand:cubic-bezier(.22, 1, .36, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--color-paper);scroll-padding-top:1rem}body{font-family:var(--font-body);color:var(--color-ink);background-color:var(--color-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-yellow);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px;border-radius:var(--radius-inner)}.on-ink :focus-visible{outline-color:var(--color-yellow)}[hidden]{display:none!important}h1,h2,h3{text-wrap:balance}a{text-underline-offset:.18em;text-decoration-thickness:.08em}a:hover{-webkit-text-decoration-color:var(--color-yellow-deep);-webkit-text-decoration-color:var(--color-yellow-deep);-webkit-text-decoration-color:var(--color-yellow-deep);text-decoration-color:var(--color-yellow-deep)}}@layer components{.shell{width:min(1120px,100% - 2rem);margin-inline:auto}.narrow{width:min(780px,100% - 2rem);margin-inline:auto}.skip-link{z-index:100;border-radius:var(--radius-brand);background:var(--color-yellow);color:var(--color-ink);font-family:var(--font-mono);transition:top .2s var(--ease-brand);padding:.75rem 1.25rem;font-size:.8rem;font-weight:700;position:absolute;top:-100%;left:1rem}.skip-link:focus{top:1rem}.spray-ink{background-color:var(--color-ink);background-image:radial-gradient(#ffd4001a 1px,#0000 1.5px),radial-gradient(#fafaf40f 1px,#0000 1.5px);background-position:0 0,7px 8px;background-size:22px 22px,13px 13px}.spray-paper{background-color:var(--color-paper);background-image:radial-gradient(#0c0d0a0e 1px,#0000 1.5px),radial-gradient(#0c0d0a09 1px,#0000 1.5px);background-position:0 0,8px 9px;background-size:26px 26px,15px 15px}.on-ink{color:var(--color-cream)}.on-ink .eyebrow{color:var(--color-paper-2);text-shadow:0 1px #0c0d0af2,0 0 5px #0c0d0af2,0 0 14px #0c0d0acc}.on-ink .lede,.on-ink .section__lede{color:#fbfbf3b8}.on-ink .panel{background:#fbfbf30b;border-color:#fbfbf329}.on-ink .panel h3{color:var(--color-yellow)}.on-ink .panel p{color:#fbfbf3b8}.hazard{background-image:repeating-linear-gradient(-45deg, var(--color-yellow) 0 12px, var(--color-ink) 12px 24px);height:8px}.hazard--thin{height:5px}.comment,.eyebrow{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-soft);align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.comment{font-family:var(--font-display);letter-spacing:0;text-transform:none;transform-origin:0;font-size:1.02rem;font-weight:400;transform:rotate(-1.2deg)}.comment .slash,.eyebrow:before{color:var(--color-yellow-deep)}.eyebrow:before{content:"//";font-family:var(--font-display);font-size:1rem}.on-ink .comment{color:var(--color-paper-2);text-shadow:0 1px #0c0d0af2,0 0 5px #0c0d0af2,0 0 14px #0c0d0acc}.on-ink .comment .slash{color:var(--color-yellow)}.mark{background:var(--color-yellow);color:var(--color-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:42% 58% 54% 46%/58% 46% 60% 40%;padding:.02em .2em;box-shadow:3px 3px #0c0d0ae6}.site-header{border-bottom:1px solid var(--color-line-ink);background:var(--color-ink);color:var(--color-cream)}.site-header__inner{justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding-block:.65rem;display:flex}.brand{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand img{border-radius:.35rem;width:2rem;height:2rem}.brand strong{font-family:var(--font-display);font-size:1.15rem;font-weight:400;line-height:1}.brand span{color:var(--color-yellow)}.site-nav{font-family:var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:.25rem .9rem;font-size:.72rem;display:flex}.site-nav a{color:#fbfbf3c7;padding:.35rem 0;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-yellow)}.site-footer{border-top:1px solid var(--color-line-ink);background:var(--color-ink);color:#fbfbf39e;font-size:.8rem}.site-footer__inner{gap:1rem;padding-block:2rem;display:grid}.site-footer a{color:#fbfbf3db}.site-footer strong{color:var(--color-cream);font-family:var(--font-display);font-weight:400}.site-footer__links{font-family:var(--font-mono);flex-wrap:wrap;gap:.4rem 1rem;font-size:.68rem;display:flex}.hero-band{position:relative;overflow:hidden}.hero{align-items:center;gap:2rem;padding-block:clamp(2.5rem,7vw,5rem);display:grid}.hero h1{font-family:var(--font-display);color:var(--color-cream);max-width:18ch;margin:.6rem 0 0;font-size:clamp(2.4rem,7vw,4.6rem);font-weight:400;line-height:1.02}.hero .lede{color:#fbfbf3b8;max-width:46rem;margin-top:1.1rem;font-size:clamp(1rem,1.5vw,1.14rem)}.hero__actions{flex-wrap:wrap;gap:.7rem;margin-top:1.5rem;display:flex}.hero-stats{border-top:1px solid var(--color-line-ink);background:var(--color-line-ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:.5rem;display:grid}.stat{background:var(--color-ink);padding:.8rem .9rem}.stat strong{font-family:var(--font-display);color:var(--color-yellow);font-size:1.4rem;font-weight:400;line-height:1;display:block}.stat span{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#fbfbf394;margin-top:.25rem;font-size:.62rem;display:block}.button{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);min-height:2.75rem;color:var(--color-ink);font-family:var(--font-mono);cursor:pointer;box-shadow:3px 3px 0 0 var(--color-ink);transition:transform .15s var(--ease-brand), box-shadow .15s var(--ease-brand), background .15s var(--ease-brand);justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.76rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button:hover{box-shadow:4px 4px 0 0 var(--color-ink);transform:translate(-1px,-1px)}.button:active{box-shadow:1px 1px 0 0 var(--color-ink);transform:translate(2px,2px)}.button--yellow{background:var(--color-yellow)}.button--ink{background:var(--color-ink);color:var(--color-cream);border-color:var(--color-yellow);box-shadow:3px 3px 0 0 var(--color-yellow-deep)}.button--ghost{color:var(--color-cream);box-shadow:none;background:0 0;border-color:#fbfbf366}.button--ghost:hover{box-shadow:none;background:#fbfbf312}.button--small{min-height:2.2rem;box-shadow:2px 2px 0 0 var(--color-ink);padding:.4rem .7rem;font-size:.68rem}.field{gap:.4rem;display:grid}.field label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.68rem;font-weight:700}.input{border:2px solid var(--color-ink);border-radius:var(--radius-inner);background:var(--color-cream);width:100%;min-height:3rem;color:var(--color-ink);font:inherit;padding:.7rem .85rem;font-size:.95rem;box-shadow:inset 0 1px #0c0d0a0d}.input::placeholder{color:var(--color-muted)}.input:focus-visible{outline:3px solid var(--color-yellow);outline-offset:1px}.add-form{flex-wrap:wrap;gap:.6rem;max-width:46rem;margin-top:1.2rem;display:flex}.add-form .field{flex:18rem}.add-form .button{align-self:end}.form-note{font-family:var(--font-mono);color:#fbfbf38f;margin-top:.55rem;font-size:.65rem}.form-note a{color:var(--color-yellow)}.section{padding-block:clamp(2.5rem,6vw,4.5rem)}.section__lede{max-width:46rem;color:var(--color-ink-soft);font-size:clamp(.98rem,1.3vw,1.06rem)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.section__head h2{font-family:var(--font-display);margin:.35rem 0 0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:400;line-height:1.05}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.panel,.sticker{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);padding:1rem 1.05rem;position:relative;box-shadow:4px 4px #0c0d0ae6}.sticker{transition:transform .18s var(--ease-brand), box-shadow .18s var(--ease-brand)}.sticker:hover{transform:translate(-2px,-2px)rotate(0);box-shadow:6px 6px #0c0d0ae6}.sticker:nth-child(2){transform:rotate(.5deg)}.sticker:nth-child(3){transform:rotate(-.6deg)}.panel h2,.panel h3,.sticker h2,.sticker h3{font-family:var(--font-display);margin:0 0 .4rem;font-size:1.15rem;font-weight:400;line-height:1.15}.panel p,.sticker p{color:var(--color-ink-soft);margin:0;font-size:.9rem}.sticker__index{font-family:var(--font-mono);color:var(--color-yellow-deep);margin-bottom:.35rem;font-size:.62rem;font-weight:700;display:inline-block}.code{border-radius:var(--radius-inner);font-family:var(--font-mono);white-space:nowrap;background:#0c0d0a0f;border:1px solid #0c0d0a38;padding:.65rem .8rem;font-size:.72rem;line-height:1.5;display:block;overflow-x:auto}.on-ink .code{color:var(--color-cream);background:#fbfbf30f;border-color:#fbfbf338}.notice{border-left:5px solid var(--color-yellow);background:#ffd4001f;padding:.8rem 1rem;font-size:.88rem}.badge{border-radius:var(--radius-pill);background:var(--color-cream);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border:1px solid #0c0d0a3d;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.62rem;font-weight:700;line-height:1.3;display:inline-flex}.badge--word{background:var(--color-yellow);border-color:var(--color-ink)}.badge--aligned{background:var(--color-accent);border-color:var(--color-ink)}.badge--line{background:var(--color-paper-2)}.badge--asr{background:0 0;border-style:dashed}.badge--danger{background:var(--color-danger);border-color:var(--color-ink);color:var(--color-cream)}.on-ink .badge{color:var(--color-cream);background:#fbfbf314;border-color:#fbfbf347}.on-ink .badge--word{background:var(--color-yellow);color:var(--color-ink)}.on-ink .badge--aligned{background:var(--color-accent);color:var(--color-ink)}.shelf{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.9rem;display:grid}.card{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);min-width:0;color:inherit;transition:transform .15s var(--ease-brand), box-shadow .15s var(--ease-brand);flex-direction:column;text-decoration:none;display:flex;overflow:hidden;box-shadow:3px 3px #0c0d0ad9}.card:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #0c0d0ad9}.card img{aspect-ratio:16/9;object-fit:cover;border-bottom:2px solid var(--color-ink);background:var(--color-paper-2);width:100%}.card__body{padding:.65rem .7rem .75rem}.card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.card__meta{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;gap:.25rem .5rem;margin-top:.25rem;font-size:.62rem;display:flex}.search-bar{flex-wrap:wrap;align-items:end;gap:.55rem;display:flex}.search-bar .field{flex:16rem}.search-meta{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin:1.2rem 0 .8rem;font-size:.68rem;display:flex}.result-list{gap:.8rem;display:grid}.result{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);color:inherit;grid-template-columns:132px minmax(0,1fr);gap:.85rem;padding:.65rem;text-decoration:none;display:grid;box-shadow:3px 3px #0c0d0ad9}.result:hover{background:#fffef6}.result img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--color-ink);border-radius:var(--radius-inner);background:var(--color-paper-2);width:100%}.result__body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.result__title{font-weight:700;line-height:1.25}.result__meta{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.3rem .6rem;font-size:.62rem;display:flex}.result__snippet{color:var(--color-ink-soft);font-size:.88rem;line-height:1.45}.result__snippet mark{background:var(--color-yellow);color:var(--color-ink);padding:0 .08em}.result__time{font-family:var(--font-mono);color:var(--color-ink);white-space:nowrap;margin-left:auto;font-size:.68rem}.poster{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);padding:.8rem;position:relative;transform:rotate(.7deg);box-shadow:6px 6px #ffd400e6}.poster__image{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--color-ink);background:var(--color-paper-2);width:100%}.poster__label{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;align-items:baseline;gap:.4rem .7rem;margin-top:.6rem;font-size:.65rem;display:flex}.poster__label strong{font-family:var(--font-display);color:var(--color-ink);font-size:1.2rem;font-weight:400}.song-hero{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start;gap:1.2rem;display:grid}.song-title{font-family:var(--font-display);margin:.4rem 0 0;font-size:clamp(1.9rem,4.5vw,3.2rem);font-weight:400;line-height:1.04}.song-meta{font-family:var(--font-mono);color:#fbfbf3ad;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:.6rem;font-size:.68rem;display:flex}.song-actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.song-side{gap:.7rem;display:grid}.side-box{border-radius:var(--radius-inner);background:#fbfbf30d;border:1px solid #fbfbf333;padding:.7rem .75rem}.side-box h2{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-yellow);margin:0 0 .4rem;font-size:.64rem}.side-box p,.side-box label{color:#fbfbf3b3;margin:0;font-size:.78rem}.side-box select{border-radius:var(--radius-inner);background:var(--color-ink);width:100%;color:var(--color-cream);font:inherit;border:1px solid #fbfbf359;margin-top:.35rem;padding:.4rem .5rem;font-size:.78rem}.side-box .button{margin-top:.5rem}.export-list{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.export-list a{border-radius:var(--radius-inner);font-family:var(--font-mono);color:var(--color-cream);border:1px solid #fbfbf34d;padding:.2rem .4rem;font-size:.64rem;text-decoration:none;display:inline-flex}.export-list a:hover{border-color:var(--color-yellow);color:var(--color-yellow)}.player-wrap{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-ink);box-shadow:4px 4px 0 0 var(--color-yellow);margin-top:1.1rem;overflow:hidden}.player-frame{aspect-ratio:16/9;background:var(--color-ink);color:var(--color-cream);position:relative}.player-frame iframe{border:0;width:100%;height:100%}.player-poster{background:linear-gradient(#0c0d0a40, #0c0d0ac7), var(--thumb) center / cover;color:var(--color-cream);cursor:pointer;text-align:center;border:0;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}.player-poster span{border:2px solid var(--color-yellow);border-radius:var(--radius-pill);font-family:var(--font-mono);background:#0c0d0ad1;align-items:center;gap:.5rem;padding:.65rem .9rem;font-size:.76rem;font-weight:700;display:inline-flex}.player-poster:hover span{background:var(--color-yellow);color:var(--color-ink)}.player-bar{font-family:var(--font-mono);color:#fbfbf3a6;border-top:1px solid #fbfbf32e;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;padding:.45rem .6rem;font-size:.62rem;display:flex}.player-bar strong{color:var(--color-yellow);font-weight:700}.transcript{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);margin-top:1rem;overflow:hidden;box-shadow:4px 4px #0c0d0ad9}.transcript__head{border-bottom:2px solid var(--color-ink);background:var(--color-paper-2);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .7rem;font-size:.64rem;font-weight:700;display:flex}.transcript__list{scrollbar-width:thin;max-height:62vh;margin:0;padding:.35rem;list-style:none;overflow-y:auto}.transcript-line{border-radius:var(--radius-inner);cursor:pointer;border:1px solid #0000;grid-template-columns:3.6rem minmax(0,1fr);align-items:baseline;gap:.55rem;padding:.42rem .5rem;display:grid}.transcript-line:hover{background:#ffd4001f}.transcript-line[data-active=true]{border-color:var(--color-ink);background:#ffd4003d}.transcript-line__time{font-family:var(--font-mono);color:var(--color-muted);text-align:right;font-size:.62rem}.transcript-line__text{text-wrap:pretty;margin:0;font-size:.98rem;line-height:1.55}.transcript-line__progress{background:#0c0d0a1f;border-radius:999px;grid-column:2;height:3px;margin-top:.2rem;overflow:hidden}.transcript-line__progress span{height:100%;width:var(--progress,0%);background:var(--color-yellow-deep);display:block}.word{border-radius:2px}.word[data-active=true]{background:var(--color-yellow);box-shadow:0 0 0 2px var(--color-yellow)}.transcript__empty{color:var(--color-muted);padding:1rem;font-size:.9rem}.status-box{border:2px solid var(--color-ink);border-left:8px solid var(--color-yellow);border-radius:var(--radius-brand);background:var(--color-cream);margin-top:1.2rem;padding:1rem 1.1rem;box-shadow:4px 4px #0c0d0ad9}.status-box h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.35rem;font-weight:400}.status-box p{color:var(--color-ink-soft);margin:0}.status-box--danger{border-left-color:var(--color-danger)}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem;display:grid}.step{border-top:5px solid var(--color-yellow);background:var(--color-cream);padding:.7rem .8rem}.step b{font-family:var(--font-mono);color:var(--color-yellow-deep);font-size:.62rem;display:block}.step strong{font-family:var(--font-display);margin-top:.2rem;font-size:1.05rem;font-weight:400;display:block}.step span{color:var(--color-ink-soft);margin-top:.2rem;font-size:.82rem;display:block}.prose h2{font-family:var(--font-display);margin:2rem 0 .5rem;font-size:1.6rem;font-weight:400}.prose h3{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;margin:1.3rem 0 .35rem;font-size:.8rem}.prose p,.prose li{color:var(--color-ink-soft)}.prose ul{padding-left:1.2rem}.prose code{font-family:var(--font-mono);background:#0c0d0a12;border-radius:2px;padding:.05rem .25rem;font-size:.82em}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.contents{display:contents}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/permanent-marker-latin.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-mono-latin-400.woff2)format("woff2")}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-mono-latin-700.woff2)format("woff2")}@media (width>=760px){.hero{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}.site-footer__inner{grid-template-columns:1fr auto;align-items:end}}@media (width<=720px){.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.song-hero{grid-template-columns:minmax(0,1fr)}.song-hero>*{min-width:0}.song-actions{width:100%}.song-actions .button{flex:0 auto}.result{grid-template-columns:1fr}.result img{aspect-ratio:2.2}.transcript-line{grid-template-columns:2.8rem minmax(0,1fr)}.site-header__inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.song-poster{border-radius:var(--radius-brand);border:2px solid #fbfbf352;max-width:30rem;margin-top:1.2rem;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:5px 5px #ffd400d9}.song-poster img{aspect-ratio:16/9;object-fit:cover;opacity:.86;width:100%;display:block}.song-poster span{border-radius:var(--radius-pill);color:var(--color-cream);font-family:var(--font-mono);background:#0c0d0ad1;padding:.22rem .45rem;font-size:.62rem;position:absolute;bottom:.55rem;left:.55rem}.song-poster:hover img{opacity:1}.breadcrumb{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.6rem;font-size:.64rem;display:flex}.breadcrumb a{color:inherit}.breadcrumb a:hover{color:var(--color-yellow-deep)}.on-ink .breadcrumb{color:#fbfbf399}.on-ink .breadcrumb a{color:var(--color-yellow)}.embed-body{background:var(--color-ink);min-height:100dvh;color:var(--color-cream)}.embed-shell{width:min(980px,100% - 1.2rem);margin-inline:auto;padding:.7rem 0 .8rem}.embed-head{border-bottom:1px solid #fbfbf32e;justify-content:space-between;align-items:flex-start;gap:.8rem;padding-bottom:.55rem;display:flex}.embed-brand{font-family:var(--font-display);color:var(--color-cream);font-size:1rem;text-decoration:none}.embed-brand span{color:var(--color-yellow)}.embed-head h1{font-family:var(--font-display);color:var(--color-cream);margin:.2rem 0 .25rem;font-size:clamp(1.2rem,3.6vw,1.8rem);font-weight:400;line-height:1.08}.embed-meta{font-family:var(--font-mono);color:#fbfbf39e;flex-wrap:wrap;gap:.25rem .65rem;font-size:.62rem;display:flex}.embed-open{border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--color-cream);border:1px solid #fbfbf34d;flex:none;padding:.3rem .5rem;font-size:.62rem;text-decoration:none}.embed-open:hover{border-color:var(--color-yellow);color:var(--color-yellow)}.embed-shell .player-wrap{box-shadow:none;margin-top:.65rem}.embed-shell .transcript__list{max-height:58vh}.embed-status{border:1px solid #fbfbf338;border-left:5px solid var(--color-yellow);background:#fbfbf30d;margin-top:.8rem;padding:.8rem}.embed-status strong{font-family:var(--font-display);font-size:1.2rem;font-weight:400}.embed-status p{color:#fbfbf3b8;margin:.3rem 0;font-size:.82rem}.embed-status a{color:var(--color-yellow);font-family:var(--font-mono);font-size:.68rem}.embed-empty{color:#fbfbf3b8;padding:2rem 0}.embed-foot{font-family:var(--font-mono);color:#fbfbf37a;margin:.5rem 0 0;font-size:.6rem}.embed-foot a{color:#fbfbf3b8}.enchor-grid{gap:.8rem;display:grid}.enchor-card{border:2px solid var(--color-ink);border-radius:var(--radius-brand);background:var(--color-cream);grid-template-columns:132px minmax(0,1fr);gap:.8rem;padding:.6rem;display:grid;box-shadow:3px 3px #0c0d0ad9}.enchor-card__art{border:1px solid var(--color-ink);border-radius:var(--radius-inner);background:var(--color-paper-2);font-family:var(--font-display);color:var(--color-ink-soft);place-items:center;font-size:1.5rem;display:grid;overflow:hidden}.enchor-card__art img{object-fit:cover;width:100%;height:100%}.enchor-card__body{min-width:0}.enchor-card h2{margin:0;font-size:1rem;line-height:1.2}.enchor-card__artist{color:var(--color-ink-soft);margin:.15rem 0 0;font-size:.84rem;font-weight:700}.enchor-card__meta{font-family:var(--font-mono);color:var(--color-muted);flex-wrap:wrap;gap:.2rem .6rem;margin:.3rem 0 0;font-size:.6rem;display:flex}.enchor-chips{flex-wrap:wrap;gap:.25rem;margin-top:.45rem;display:flex}.enchor-card__actions{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}@media (width<=560px){.enchor-card{grid-template-columns:1fr}.enchor-card__art{aspect-ratio:2.4}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}