:root{--paper:#f4f1ea;--paper-warm:#ece8de;--ink:#1a1612;--ink-faded:#8a857a;--ink-ghost:#c8c3b6;--radius:0;--font-mono:"Courier New", "Courier", "Lucida Console", Monaco, monospace}[data-theme=dark]{--paper:#1a1714;--paper-warm:#211e1a;--ink:#f0ece3;--ink-faded:#8a8278;--ink-ghost:#3a3630}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}input[type=range]{width:100%;accent-color:var(--ink);cursor:pointer}select{font:inherit;font-family:var(--font-mono);color:var(--ink);background:var(--paper);border:1px solid var(--ink);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231a1612' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:0;width:100%;padding:6px 30px 6px 10px}select:focus{outline:2px solid var(--ink);outline-offset:-1px}select option,select optgroup{background:var(--paper);color:var(--ink)}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23f0ece3' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}#root{flex-direction:column;display:flex}.app{flex-direction:column;height:100%;padding:24px 0;display:flex;overflow-y:auto}.input-view{flex-direction:column;flex:1;gap:16px;width:100%;max-width:680px;min-height:0;margin:0 auto;padding:48px 24px 40px;display:flex}.app-header{text-align:center;border-bottom:1px dashed var(--ink);padding-bottom:18px}.app-title{font-family:var(--font-mono);letter-spacing:.25em;color:var(--ink);text-transform:uppercase;font-size:1.6rem;font-weight:700}.app-sub{color:var(--ink-faded);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.05em;text-transform:lowercase;margin-top:8px}.text-area{background:var(--paper-warm);border:1px solid var(--ink);width:100%;min-height:0;color:var(--ink);font-family:var(--font-mono);resize:none;border-radius:0;flex:1;padding:16px 18px;font-size:.95rem;line-height:1.8}.text-area:focus{outline:2px solid var(--ink);outline-offset:-1px;background:var(--paper)}.text-area::placeholder{color:var(--ink-ghost);font-style:italic}.start-btn{background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);box-shadow:4px 4px 0 0 var(--ink);border-radius:0;align-self:center;padding:12px 32px;font-size:.85rem;font-weight:700}.start-btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}.start-btn:active:not(:disabled){box-shadow:2px 2px 0 0 var(--ink);transform:translate(2px,2px)}.start-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.textarea-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.library-context{border-bottom:1px dashed var(--ink-ghost);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;padding:2px 0 6px;display:flex}.library-context-title{font-family:var(--font-mono);letter-spacing:.06em;color:var(--ink);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.65rem;font-weight:700;overflow:hidden}.library-context-saving{font-family:var(--font-mono);color:var(--ink-faded);white-space:nowrap;flex-shrink:0;font-size:.62rem}.textarea-toolbar{justify-content:flex-end;align-items:center;gap:10px;padding:5px 0 0;display:flex}.import-btn{color:var(--ink-faded);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink-ghost);cursor:pointer;background:0 0;padding:3px 8px;font-size:.65rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.import-btn:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.import-btn:disabled{opacity:.3;cursor:not-allowed}.import-formats{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-faded);text-align:left;flex:1;font-size:.62rem;font-weight:600}.import-error{font-family:var(--font-mono);color:var(--ink);font-size:.65rem}.input-settings{border:1px solid var(--ink)}.input-settings .voice-settings{background:0 0;border:none}.sliders-toggle{text-transform:uppercase;letter-spacing:.12em;width:100%;color:var(--ink-faded);font-size:.65rem;font-weight:700;font-family:var(--font-mono);border-top:1px dashed var(--ink-ghost);justify-content:space-between;align-items:center;margin-top:6px;padding:8px 0 0;display:flex}.sliders-toggle:hover{color:var(--ink)}.sliders-toggle svg{flex-shrink:0;transition:transform .2s}.sliders-toggle.open svg{transform:rotate(180deg)}.voice-settings{border:1px solid var(--ink);background:0 0;border-radius:0;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.setting-row{flex-direction:column;gap:6px;display:flex}.voice-select-row{align-items:stretch;gap:8px;display:flex}.voice-select-row .voice-select{flex:1;min-width:0}.voice-preview-btn{border:1px solid var(--ink);background:var(--paper);width:36px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.voice-preview-btn:hover:not(:disabled),.voice-preview-btn.playing{background:var(--ink);color:var(--paper)}.voice-preview-btn:disabled{opacity:.35;cursor:not-allowed}.voice-preview-btn svg{flex-shrink:0}.voice-select-wrap{flex:1;min-width:0;position:relative}.voice-select-trigger{border:1px solid var(--ink);background:var(--paper);width:100%;min-height:36px;color:var(--ink);font:inherit;font-family:var(--font-mono);text-align:left;cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.voice-select-trigger:focus{outline:2px solid var(--ink);outline-offset:-1px}.voice-select-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.voice-select-trigger svg{flex-shrink:0;transition:transform .2s}.voice-select-trigger.open svg{transform:rotate(180deg)}.voice-dropdown{background:var(--paper);border:1px solid var(--ink);z-index:100;-webkit-overflow-scrolling:touch;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 6px 18px #0000002e}.voice-group+.voice-group{border-top:1px dashed var(--ink-ghost)}.voice-group-label{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faded);font-size:.6rem;font-weight:700;font-family:var(--font-mono);padding:8px 12px 4px}.voice-option{align-items:stretch;display:flex}.voice-option-label{text-align:left;min-width:0;color:var(--ink);font:inherit;font-family:var(--font-mono);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:8px 12px;overflow:hidden}.voice-option:not(.selected):hover{background:var(--ink-ghost)}.voice-option.selected{background:var(--ink);color:var(--paper)}.voice-option.selected .voice-option-label{color:var(--paper);background:0 0}.voice-option-star{width:36px;color:var(--ink-faded);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.voice-option-star:hover,.voice-option-star.active{color:var(--ink)}.voice-option.selected .voice-option-star{color:var(--paper);opacity:.45}.voice-option.selected .voice-option-star:hover,.voice-option.selected .voice-option-star.active{opacity:1}@media (width<=600px){.voice-option-label{min-height:44px;padding:12px 14px}.voice-option-star{width:44px}.voice-select-trigger{min-height:40px}}.setting-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink);font-size:.7rem;font-weight:700;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:8px;display:flex}.voice-reprobe-btn{border:1px solid var(--ink);background:var(--paper);height:28px;color:var(--ink);cursor:pointer;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:.7rem;display:inline-flex}.voice-reprobe-btn:hover:not(:disabled){background:var(--ink);color:var(--paper)}.voice-reprobe-btn:disabled{opacity:.45;cursor:not-allowed}.voice-reprobe-btn.probing svg{animation:1s linear infinite voice-reprobe-spin}@keyframes voice-reprobe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.voice-probe-status{font-size:.7rem;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);opacity:.75;align-items:center;gap:8px;display:flex}.voice-probe-spinner{border:1.5px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.8s linear infinite voice-reprobe-spin}.sliders{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.slider-row{flex-direction:column;gap:4px;display:flex}.slider-label{text-transform:uppercase;letter-spacing:.15em;color:var(--ink);font-size:.7rem;font-weight:700;font-family:var(--font-mono);justify-content:space-between;display:flex}.slider-value{color:var(--ink)}.player-view{border:1px solid var(--ink);background:var(--paper);flex-direction:column;flex:1;width:100%;max-width:720px;min-height:0;margin:0 auto;display:flex;overflow:hidden}.player-header{border-bottom:1px dashed var(--ink);flex-shrink:0;align-items:center;gap:12px;padding:22px 24px;display:flex}.player-title{font-family:var(--font-mono);color:var(--ink);letter-spacing:.25em;text-transform:uppercase;font-size:.85rem;font-weight:700}.text-display-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.text-display{scrollbar-width:thin;scrollbar-color:var(--ink) transparent;flex:1;padding:44px 28px 40px;overflow-y:auto}.sync-fab{background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;z-index:5;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;animation:.16s ease-out sync-fab-in;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000002e}.sync-fab:hover{opacity:.9}.sync-fab:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@keyframes sync-fab-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.text-display,.text-area{scrollbar-width:thin;scrollbar-color:var(--ink-faded) var(--paper-warm)}.text-display::-webkit-scrollbar{width:12px}.text-area::-webkit-scrollbar{width:12px}.text-display::-webkit-scrollbar-track{background:var(--paper-warm);border-left:1px solid var(--ink-ghost)}.text-area::-webkit-scrollbar-track{background:var(--paper-warm);border-left:1px solid var(--ink-ghost)}.text-display::-webkit-scrollbar-thumb{background:var(--ink-faded);border:none;border-radius:0}.text-area::-webkit-scrollbar-thumb{background:var(--ink-faded);border:none;border-radius:0}.text-display::-webkit-scrollbar-thumb:hover{background:var(--ink)}.text-area::-webkit-scrollbar-thumb:hover{background:var(--ink)}.text-display::-webkit-scrollbar-button:single-button{background:var(--paper-warm);border-left:1px solid var(--ink-ghost);background-position:50%;background-repeat:no-repeat;background-size:6px 5px;height:12px;display:block}.text-area::-webkit-scrollbar-button:single-button{background:var(--paper-warm);border-left:1px solid var(--ink-ghost);background-position:50%;background-repeat:no-repeat;background-size:6px 5px;height:12px;display:block}.text-display::-webkit-scrollbar-button:single-button:vertical:decrement{border-bottom:1px solid var(--ink-ghost);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,0 8,6 0,6' fill='%231a1612'/%3E%3C/svg%3E")}.text-area::-webkit-scrollbar-button:single-button:vertical:decrement{border-bottom:1px solid var(--ink-ghost);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,0 8,6 0,6' fill='%231a1612'/%3E%3C/svg%3E")}.text-display::-webkit-scrollbar-button:single-button:vertical:increment{border-top:1px solid var(--ink-ghost);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,6 8,0 0,0' fill='%231a1612'/%3E%3C/svg%3E")}.text-area::-webkit-scrollbar-button:single-button:vertical:increment{border-top:1px solid var(--ink-ghost);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,6 8,0 0,0' fill='%231a1612'/%3E%3C/svg%3E")}[data-theme=dark] .text-display::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,0 8,6 0,6' fill='%23f0ece3'/%3E%3C/svg%3E")}[data-theme=dark] .text-area::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,0 8,6 0,6' fill='%23f0ece3'/%3E%3C/svg%3E")}[data-theme=dark] .text-display::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,6 8,0 0,0' fill='%23f0ece3'/%3E%3C/svg%3E")}[data-theme=dark] .text-area::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 6'%3E%3Cpolygon points='4,6 8,0 0,0' fill='%23f0ece3'/%3E%3C/svg%3E")}.text-content{max-width:640px;font-family:var(--font-mono);margin:0 auto;font-size:1rem;line-height:1.95}.chunk-row{display:block}.chunk-past{color:var(--ink-faded)}.chunk-future{color:var(--ink-ghost)}.chunk-current{color:var(--ink)}.word-active{background:var(--ink);color:var(--paper)}.player-settings{border-top:1px dashed var(--ink);flex-shrink:0;padding:0 24px}.settings-toggle{text-transform:uppercase;letter-spacing:.15em;width:100%;color:var(--ink);font-size:.7rem;font-weight:700;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-toggle svg{transition:transform .2s}.settings-toggle.open svg{transform:rotate(180deg)}.settings-panel{border-top:1px dashed var(--ink);margin-top:-1px;padding:0 0 14px}.settings-panel .voice-settings{background:0 0;border:none;padding:14px 0 0}.player-bar{background:var(--paper-warm);border-top:1px solid var(--ink);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:14px 24px 18px}.progress-track{cursor:pointer;align-items:center;height:20px;margin-bottom:8px;display:flex;position:relative}.progress-bar{background:var(--paper);border:1px solid var(--ink);width:100%;height:3px;transition:height .2s cubic-bezier(.4,0,.2,1),border-width .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-track.hovered .progress-bar{height:7px}.progress-fill{background:var(--ink);pointer-events:none;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.progress-thumb{background:var(--ink);pointer-events:none;z-index:1;border-radius:50%;width:13px;height:13px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;transform:translate(-50%,-50%)scale(0)}.progress-thumb.visible{transform:translate(-50%,-50%)scale(1)}.progress-tooltip{background:var(--ink);color:var(--paper);font-size:.65rem;font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;pointer-events:none;padding:2px 6px;animation:.1s forwards tooltip-in;position:absolute;bottom:calc(100% + 4px);transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.progress-info{color:var(--ink);letter-spacing:.1em;font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;justify-content:space-between;margin-bottom:14px;display:flex}.player-controls{justify-content:center;align-items:center;gap:8px;display:flex}.ctrl-btn{border:1px solid var(--ink);background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:0;justify-content:center;align-items:center;display:flex}.ctrl-btn:hover{background:var(--ink);color:var(--paper)}.ctrl-btn:active{transform:translate(1px,1px)}.play-pause-btn{background:var(--ink);width:48px;height:48px;color:var(--paper)}.play-pause-btn:hover{background:var(--paper);color:var(--ink)}.playing-dots{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:3px;margin-left:10px;padding:6px 4px;display:flex}.playing-dots:hover span{background:var(--ink)}.playing-dots span{background:var(--ink-ghost);width:5px;height:5px}.playing-dots.active span{background:var(--ink);animation:1s ease-in-out infinite bounce}.playing-dots.active span:nth-child(2){animation-delay:.18s}.playing-dots.active span:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.resume-overlay{z-index:100;background:#1a161273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.resume-modal{background:var(--paper);border:1px solid var(--ink);text-align:center;width:calc(100% - 40px);max-width:380px;box-shadow:6px 6px 0 0 var(--ink);border-radius:0;padding:28px 32px}.resume-title{text-transform:uppercase;letter-spacing:.18em;color:var(--ink);font-size:.7rem;font-weight:700;font-family:var(--font-mono);margin-bottom:12px}.resume-desc{color:var(--ink);font-size:.95rem;font-family:var(--font-mono);margin-bottom:24px}.resume-desc strong{background:var(--ink);color:var(--paper);padding:0 4px;font-weight:700}.resume-buttons{justify-content:center;gap:10px;display:flex}.resume-btn{font-size:.78rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);border-radius:0;padding:10px 22px}.resume-btn:active{transform:translate(1px,1px)}.resume-btn.secondary{background:var(--paper);color:var(--ink)}.resume-btn.secondary:hover,.resume-btn.primary{background:var(--ink);color:var(--paper)}.resume-btn.primary:hover{background:var(--paper);color:var(--ink)}.about-overlay{z-index:100;background:#1a161273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.about-modal{background:var(--paper);border:1px solid var(--ink);width:calc(100% - 40px);max-width:440px;max-height:80vh;box-shadow:6px 6px 0 0 var(--ink);border-radius:0;padding:28px 32px;overflow-y:auto}.about-header{border-bottom:1px dashed var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:22px;padding-bottom:14px;display:flex}.about-title{text-transform:uppercase;letter-spacing:.18em;color:var(--ink);font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.about-close{color:var(--ink-faded);font-size:.75rem;font-family:var(--font-mono);padding:2px 4px}.about-close:hover{color:var(--ink)}.about-section{margin-bottom:18px}.about-section:last-child{margin-bottom:0}.about-section-heading{text-transform:uppercase;letter-spacing:.15em;color:var(--ink-faded);font-size:.65rem;font-weight:700;font-family:var(--font-mono);margin-bottom:6px}.about-section-body{color:var(--ink);font-size:.88rem;line-height:1.75;font-family:var(--font-mono)}.about-section-links{flex-direction:column;gap:6px;display:flex}.about-link{font-size:.88rem;font-family:var(--font-mono);color:var(--ink);text-underline-offset:3px;text-decoration:underline}.about-link:hover{color:var(--ink-faded)}.corner-controls{z-index:50;align-items:center;gap:6px;display:flex;position:fixed;bottom:20px;right:20px}.corner-btn{border:1px solid var(--ink);background:var(--paper);width:32px;height:32px;color:var(--ink);cursor:pointer;font-family:var(--font);letter-spacing:.05em;opacity:.5;justify-content:center;align-items:center;font-size:.65rem;font-weight:600;display:flex}.corner-btn:hover{background:var(--ink);color:var(--paper);opacity:1}.corner-btn-sync.probing{opacity:1;background:linear-gradient(to right, var(--ink) 0 var(--sync-fill,0%), var(--paper) var(--sync-fill,0%) 100%);width:52px;color:var(--ink);padding:0;transition:background .25s;position:relative;overflow:hidden}.corner-btn-sync.probing:hover{background:linear-gradient(to right, var(--ink) 0 var(--sync-fill,0%), var(--paper) var(--sync-fill,0%) 100%);color:var(--ink)}.corner-btn-sync .sync-progress{font-family:var(--font-mono);letter-spacing:.05em;z-index:1;mix-blend-mode:difference;color:#fff;font-size:.65rem;font-weight:700;position:relative}.mobile-only,.mobile-menu-backdrop,.mobile-menu-panel{display:none}.word-clickable{cursor:pointer}.word-clickable:hover:not(.word-active){background:var(--ink-ghost);color:var(--ink);transition:background .12s,color .12s}.chunk-plain{cursor:pointer;transition:color .15s}.chunk-plain:hover{color:var(--ink)}@media (width<=500px){.text-content{font-size:.92rem}.input-view{padding:28px 16px 32px}.player-controls{gap:6px}.sliders{grid-template-columns:1fr}.app-title{letter-spacing:.2em;font-size:1.3rem}.player-view{border:none}.app{padding:0}.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-menu-backdrop{z-index:49;display:block;position:fixed;inset:0}.mobile-menu-panel{z-index:50;background:var(--paper);border:1px solid var(--ink);min-width:180px;box-shadow:4px 4px 0 0 var(--ink);flex-direction:column;display:flex;position:fixed}.mobile-menu-panel--player{top:64px;right:12px}.mobile-menu-panel--input{bottom:64px;right:12px}.player-header-settings{margin-left:auto}.mobile-menu-item{border-bottom:1px dashed var(--ink);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;font-size:.75rem;font-weight:700;display:flex}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:var(--ink);color:var(--paper)}.mobile-menu-item:hover .mobile-menu-item-value{color:var(--paper)}.mobile-menu-item-label{color:var(--ink-faded)}.mobile-menu-item:hover .mobile-menu-item-label{color:var(--paper);opacity:.7}.mobile-menu-item-value{color:var(--ink);align-items:center;font-weight:700;display:flex}}.keyboard-help{position:relative}.keyboard-help-backdrop{z-index:99;position:fixed;inset:0}.keyboard-help-popup{background:var(--paper-warm);border:1px solid var(--ink-ghost);white-space:nowrap;z-index:100;padding:10px 14px;font-size:12px;position:absolute;bottom:calc(100% + 8px);right:0}.keyboard-help-title{color:var(--ink-faded);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.keyboard-help-popup table{border-collapse:collapse}.keyboard-help-popup td{padding:2px 0}.keyboard-help-popup td:first-child{min-width:48px;padding-right:16px;font-weight:700}.keyboard-help-popup td:last-child{color:var(--ink-faded)}.library-backdrop{z-index:199;background:#1a161259;animation:.18s library-fade-in;position:fixed;inset:0}@keyframes library-fade-in{0%{opacity:0}to{opacity:1}}.library-panel{background:var(--paper);border-left:1px solid var(--ink);width:min(420px,100vw);box-shadow:-6px 0 0 0 var(--ink);z-index:200;pointer-events:none;flex-direction:column;transition:transform .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.library-panel.open{pointer-events:auto;transform:translate(0)}.library-header{border-bottom:1px dashed var(--ink);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.library-title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-size:.85rem;font-weight:700}.library-close{border:1px solid var(--ink);background:var(--paper);width:28px;height:28px;color:var(--ink);justify-content:center;align-items:center;display:flex}.library-close:hover{background:var(--ink);color:var(--paper)}.library-toolbar{border-bottom:1px dashed var(--ink-ghost);flex-direction:column;flex-shrink:0;gap:8px;padding:14px 22px;display:flex}.library-toolbar-or{text-align:center;font-family:var(--font-mono);color:var(--ink-faded);-webkit-user-select:none;user-select:none;font-size:.65rem}.library-save-btn{background:var(--ink);width:100%;color:var(--paper);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--ink);padding:10px 18px;font-size:.75rem;font-weight:700;transition:background .15s,color .15s}.library-save-btn:hover:not(:disabled){background:var(--paper);color:var(--ink)}.library-save-btn:disabled{opacity:.35;cursor:not-allowed}.library-save-btn.flash,.library-save-btn--ghost{background:var(--paper);color:var(--ink)}.library-save-btn--ghost:hover:not(:disabled){background:var(--ink);color:var(--paper)}.library-list{scrollbar-width:thin;scrollbar-color:var(--ink-faded) var(--paper-warm);flex:1;padding:8px 0;overflow-y:auto}.library-empty{font-family:var(--font-mono);color:var(--ink-faded);text-align:center;padding:32px 22px;font-size:.8rem;line-height:1.6}.library-item{border-bottom:1px dashed var(--ink-ghost);align-items:flex-start;gap:8px;padding:14px 22px;transition:background .15s;display:flex}.library-item:last-child{border-bottom:none}.library-item--clickable{cursor:pointer}.library-item--clickable:hover{background:var(--paper-warm)}.library-item--clickable:hover .library-item-title{text-underline-offset:3px;text-decoration:underline}.library-item--clickable:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}[data-theme=dark] .library-item--clickable:hover{background:#2e2924}.library-item--selected{background:var(--paper-warm);border-left:2px solid var(--ink);padding-left:20px}[data-theme=dark] .library-item--selected{background:#2e2924}.library-item-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.library-item-title{font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;display:block;overflow:hidden}.library-item-title-input{font-family:var(--font-mono);color:var(--ink);letter-spacing:.04em;background:var(--paper-warm);border:1px solid var(--ink);width:100%;padding:4px 6px;font-size:.88rem;font-weight:700}.library-item-title-input:focus{outline:2px solid var(--ink);outline-offset:-1px}.library-item-preview{font-family:var(--font-mono);color:var(--ink-faded);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.5;display:-webkit-box;overflow:hidden}.library-item-meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faded);align-items:center;gap:6px;margin-top:2px;font-size:.65rem;display:flex}.library-item-dot{opacity:.6}.library-item-progress{background:var(--ink-ghost);height:2px;margin-top:4px;overflow:hidden}.library-item-progress-fill{background:var(--ink);height:100%}.library-item-actions{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.library-item-action{border:1px solid var(--ink-ghost);background:var(--paper);width:26px;height:26px;color:var(--ink-faded);justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.library-item-action:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (width<=500px){.library-panel{width:100vw;box-shadow:none;border-left:none}.library-header{padding:18px}.library-toolbar{padding:12px 18px}.library-item{padding:14px 18px}.library-item-action{width:32px;height:32px}}.speech-error-banner{background:var(--ink);color:var(--paper);white-space:nowrap;z-index:200;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #00000040}.speech-error-banner button{opacity:.7;font-size:16px;line-height:1}.speech-error-banner button:hover{opacity:1}.speech-error-banner.word-highlight-banner{white-space:normal;align-items:flex-start;max-width:min(440px,100vw - 32px);line-height:1.35}.speech-error-banner.word-highlight-banner button{margin-top:-2px}