*{box-sizing:border-box}body{margin:0;color:#3d344d;background:#faf4ed radial-gradient(#dbcbd6 1px,transparent 1px)/18px 18px;font:14px 'Space Mono',monospace}header{padding:28px 6%;border-bottom:2px solid;background:#fffbf5;display:flex;justify-content:space-between}.logo,h1{font-family:'Press Start 2P',monospace}.logo{font-size:17px}.pink{color:#b3658f}main{max-width:1150px;margin:auto;padding:45px 24px}.hero{display:flex;justify-content:space-between;align-items:center}h1{font-size:34px;line-height:1.65;letter-spacing:-2px;margin:16px 0}.intro{color:#89758c;line-height:1.9}.mascot{text-align:center;transform:rotate(4deg)}.cat{font-size:84px;filter:drop-shadow(6px 6px 0 #deceed)}.speech{background:white;border:2px solid;padding:10px;font-size:11px}.eyebrow{font-size:10px;letter-spacing:2px;color:#967294}.grid{display:grid;grid-template-columns:360px 1fr;gap:25px;margin-top:32px}.window{border:2px solid;background:#fffbf5;box-shadow:5px 5px 0 #3d344d}.bar{background:#ded1f3;border-bottom:2px solid;padding:14px 18px;font-size:11px;font-weight:bold;display:flex;justify-content:space-between}.green{background:#d7eabd}.pad{padding:24px}.drop{display:block;border:2px dashed #b39ab9;background:#f4ecf8;text-align:center;padding:28px 12px;cursor:pointer}.drop:hover{background:#ebdef4}.disc{font-size:42px;margin-bottom:14px}.drop b{display:block;font-size:12px;overflow-wrap:anywhere}.drop p{font-size:10px;line-height:1.9;color:#8b7594}input[type=file]{position:absolute;opacity:0;width:1px;height:1px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0}small{font-size:10px}label small{display:block;margin-bottom:8px}select,input[type=number]{width:100%;padding:10px;font:11px 'Space Mono';color:inherit;background:white;border:1px solid #3d344d}button{font:11px 'Space Mono';color:inherit;padding:10px 12px;border:1.5px solid #3d344d;background:white;box-shadow:2px 2px 0 #daccdf;cursor:pointer}button:hover:enabled{background:#e9dcf3}button:disabled{opacity:.4;cursor:default}.primary{width:100%;padding:16px;background:#f2a6c7;font-weight:bold;box-shadow:3px 3px 0 #3d344d}.notice{font-size:10px;line-height:1.9;color:#88738e}.statusrow{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px}.statusrow b{font-size:12px;overflow-wrap:anywhere}.badge{font-size:9px;background:#eee4f7;padding:7px;white-space:nowrap}.tab{min-height:245px;border:1px solid #ded1df;background:#fffdf7;padding:22px 16px;overflow:auto}.empty{text-align:center;padding:20px 0;font-size:11px;color:#97839f;line-height:1.9}.empty strong{display:block;color:#67506e;margin:10px 0}.note{font-size:42px;color:#b3709b}.tab-ruler{color:#88738e}.tab-rest-row{color:#a5658b;font-weight:700}.tab pre{font:12px/2 'Space Mono';margin:0}.tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.meta{margin-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#9b85a1}audio{width:100%;height:34px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.step{display:flex;gap:12px}.step span{border:1px solid;background:#ddd0f1;min-width:28px;height:28px;text-align:center;padding-top:3px}.step b{font-size:11px}.step p{font-size:10px;line-height:1.8;color:#8e7c95}details{font-size:11px;line-height:1.9;margin-bottom:25px}summary{cursor:pointer}footer{display:flex;justify-content:space-between;border-top:1px solid #ddcfdf;padding-top:20px;font-size:10px;color:#9b84a1}progress{width:100%;margin-top:15px;accent-color:#b3709b}[hidden]{display:none!important}:focus-visible{outline:3px solid #b3709b;outline-offset:3px}@media(max-width:780px){.grid{grid-template-columns:1fr}.mascot{display:none}h1{font-size:25px}.steps{grid-template-columns:1fr;gap:12px}.logo{font-size:13px}header small{display:none}.statusrow{flex-wrap:wrap}}@media print{header,.hero,.grid>section:first-child,.tools,.steps,details,footer,audio{display:none}.grid{display:block}.window{border:0;box-shadow:none}.tab{border:0;overflow:visible}}.source-tabs{display:flex;gap:8px;margin-bottom:18px}.source-tabs button{flex:1;padding:10px 6px}.source-tabs [aria-pressed=true]{background:#ded1f3;box-shadow:2px 2px 0 #3d344d}input[type=url]{width:100%;min-width:0;padding:12px;border:1.5px solid #3d344d;background:#fff;font:11px 'Space Mono';color:inherit}.capture-steps{padding-left:20px;font-size:10px;line-height:1.9;color:#786282}.capture-steps li{margin-bottom:7px}.capture-actions{display:flex;gap:10px;flex-wrap:wrap}.capture-actions button{flex:1 1 100%;font-size:10px}#capture-youtube,#stop-capture{background:#d7eabd}#capture-level{width:100%;height:12px;margin:5px 0}#cancel-capture{flex-basis:auto}#capture-status[data-error=true]{color:#a02c50}#drop[aria-disabled=true]{opacity:.5;cursor:wait}.meta{gap:12px;flex-wrap:wrap}@media print{.source-tabs,#youtube-panel{display:none}} .listening{margin-top:30px}.peach{background:#f5cebb}.listening-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.listening h2{font-size:18px;line-height:1.5;margin:12px 0 0}.speed-control{width:140px;flex-shrink:0}.listening-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.listen-card{border:1px solid #d6c4d7;background:#fffdf7;padding:20px;min-width:0}.listen-kicker{font-size:10px;letter-spacing:1px;color:#976f94}.listen-card h3{font-size:13px;line-height:1.7;overflow-wrap:anywhere;margin:14px 0 8px}.listen-card label{display:block;margin-top:18px}.listen-empty{min-height:70px;display:grid;place-content:center;text-align:center;color:#a687a6;font-size:23px;line-height:1.9}.listen-empty span{font-size:11px}.listening audio{height:40px}.listening .notice{font-size:11px}@media(max-width:780px){.listening-cards{grid-template-columns:1fr}.listening-top{align-items:flex-start;flex-direction:column}}@media print{.listening{display:none}} #import-youtube{background:#f2a6c7;font-weight:bold}#import-status[data-error=true]{color:#a02c50}.capture-fallback{margin:20px 0 0;border-top:1px solid #dacbdd;padding-top:15px}.capture-fallback summary{font-size:10px;font-weight:bold;cursor:pointer} .converter{margin-top:32px}.blue{background:#c7dce8}.converter-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px}.converter-intro h2{font-family:'Press Start 2P',monospace;font-size:18px;line-height:1.8;margin:16px 0 10px}.converter-intro .notice{max-width:215px}.pixel-tape{width:110px;height:56px;background:#f2a6c7;border:3px solid #3d344d;box-shadow:3px 3px 0 #dbc7e3;display:flex;align-items:center;justify-content:space-evenly;margin:16px 0 4px}.pixel-tape span{font-size:24px;line-height:1;background:#fff7ec}.pixel-tape b{font-size:20px}.converter-fields{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:15px}.converter-fields input,.converter-fields select{height:42px}.converter-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.converter-actions button,.download-button{padding:12px 15px;font-size:10px}#mp3-convert,.download-button{background:#f2a6c7;font-weight:bold;box-shadow:3px 3px 0 #3d344d}#mp3-current,#mp3-use{background:#d7eabd}.download-button{display:inline-block;border:1.5px solid #3d344d;color:inherit;text-decoration:none}.download-button:hover{background:#e9dcf3}#mp3-status{min-height:21px;font-size:11px}#mp3-status[data-error=true]{color:#a02c50}.mp3-result{border:1.5px solid #3d344d;background:#edf4e5;padding:20px;margin-top:24px}.mp3-file{display:flex;gap:18px;align-items:center;min-width:0}.mp3-file>div{min-width:0}.mp3-file h3{font-size:13px;margin:9px 0;overflow-wrap:anywhere}.mp3-file p{margin:0}.mp3-icon{display:grid;place-content:center;width:54px;height:54px;flex-shrink:0;background:#fffbf5;border:2px solid #3d344d;font-size:30px;color:#a368a1}.mp3-note{font-size:10px;margin:19px 0 0;color:#89758c}.mp3-note a{color:#785084}#track-section{scroll-margin-top:24px}@media(max-width:780px){.converter-grid{grid-template-columns:1fr;gap:22px}.converter-intro{position:relative;padding-right:125px;min-height:85px}.converter-intro h2{font-size:15px;margin:10px 0}.converter-intro h2 br{display:none}.converter-intro .notice{max-width:none}.pixel-tape{position:absolute;right:0;top:10px}.converter-fields{grid-template-columns:1fr}.converter-actions{gap:10px}.converter-actions button,.download-button{flex:1 1 auto;text-align:center}}@media(max-width:430px){.converter-intro{padding-right:0}.pixel-tape{display:none}}@media print{.converter{display:none}}.tab{max-height:460px;scroll-behavior:auto}.tab-note{display:inline-block;min-width:1ch;margin:0;padding:0;border:0;border-radius:1px;background:transparent;box-shadow:none;font:inherit;line-height:inherit;color:#70507e;vertical-align:baseline;cursor:pointer;touch-action:manipulation}.tab-note:hover:enabled{background:#e9dcf3;box-shadow:0 0 0 3px #e9dcf3}.tab-note:focus-visible{outline:2px solid #775177;outline-offset:3px}.tab-note:disabled{cursor:wait}.tab-playback{margin-top:20px}.tab-playback-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#785d81}.tab-playback-label label{letter-spacing:1px}#tab-playback-time{font-variant-numeric:tabular-nums;white-space:nowrap}#tab-playback-progress{display:block;appearance:none;width:100%;height:14px;margin:9px 0 0;padding:0;border:1.5px solid #3d344d;border-radius:0;background:linear-gradient(to right,#ed9dc4 var(--playback-percent,0%),#eee4f7 var(--playback-percent,0%));box-shadow:2px 2px 0 #daccdf;cursor:pointer}#tab-playback-progress:disabled{opacity:.5;cursor:default}#tab-playback-progress::-webkit-slider-thumb{appearance:none;width:12px;height:20px;border:2px solid #3d344d;border-radius:0;background:#f6bcda;box-shadow:2px 2px 0 #daccdf}#tab-playback-progress::-moz-range-thumb{width:10px;height:18px;border:2px solid #3d344d;border-radius:0;background:#f6bcda}#tab-playback-progress:focus-visible{outline:2px solid #775177;outline-offset:4px}@media print{.tab-playback{display:none}.tab-note{color:inherit}}.tab-note.is-playing,.tab-note.is-playing:hover:enabled{background:#f2a6c7;color:#38233e;box-shadow:0 0 0 3px #f2a6c7;outline:1px solid #775177;outline-offset:3px;font-weight:700}.play-hint{margin:15px 0 0;font-size:10px;line-height:1.8;color:#88738e}.play-hint span{display:inline-block;background:#f2a6c7;color:#38233e;padding:0 4px}@media print{.tab{max-height:none}.tab-note.is-playing{background:transparent;color:inherit;box-shadow:none;outline:none;font-weight:normal}.play-hint{display:none}}.tab-refine{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px}.tab-refine>label{flex:1 1 240px;min-width:0}.tab-refine>.notice{flex:2 1 260px}.tab-refine small{display:block;margin-bottom:8px}.tab-refine .notice{margin:0}.range-warning{border:1px solid #b69868;background:#fff2d7;padding:12px 15px;margin-bottom:18px;font-size:11px;line-height:1.8}.range-warning p{margin:0 0 8px}.setup-help{margin:-10px 0 18px}@media(max-width:600px){.tab-refine{grid-template-columns:1fr;gap:10px}}@media print{.tab-refine,.range-warning button{display:none}}.tab-system{display:inline-block;width:max-content;vertical-align:top}.tab.is-seekable{cursor:pointer}.tab[aria-disabled="true"]{cursor:default}@media print{.tab.is-seekable{cursor:auto}}#track-section .settings.analysis-settings{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){#track-section .settings.analysis-settings{grid-template-columns:minmax(0,1fr)}}

.listening-cards.original-only{grid-template-columns:minmax(0,1fr)}