:root{--ral-primary:var(--main-primary);--ral-primary-light:#6366f11a;--ral-text:#1f2937;--ral-text-muted:#64748b;--ral-bg:#fff;--ral-bg-hover:#f8fafc;--ral-border:#e2e8f0;--ral-border-focus:var(--main-primary);--ral-shadow:0 1px 3px #00000014;--ral-shadow-focus:0 0 0 3px #6366f126;--ral-radius:var(--main-radius);--ral-radius-lg:var(--main-radius-lg);--ral-reader-bg:#fafaf7;--ral-reader-text:#2d2d2d;--ral-highlight-bg:#6366f133;--ral-highlight-text:#312e81;--ral-sentence-bg:#6366f10f;--ral-progress-bg:#e2e8f0;--ral-progress-fill:var(--main-primary);--ral-play-bg:var(--main-primary);--ral-play-text:#fff;--ral-stop-bg:#ef4444;--ral-stop-text:#fff}._ral-container{gap:var(--main-space-5);flex-direction:column;width:100%;max-width:800px;margin-left:auto;margin-right:auto;display:flex}@media (max-width:768px){._ral-container{gap:var(--main-space-4);padding-left:var(--main-space-3);padding-right:var(--main-space-3)}}@media (max-width:380px){._ral-container{gap:var(--main-space-3);padding-left:var(--main-space-2);padding-right:var(--main-space-2)}}._ral-reader-wrapper{background:var(--ral-bg);border-radius:var(--ral-radius-lg);box-shadow:var(--ral-shadow);border-style:solid;border-width:1.5px;border-color:var(--ral-border);transition:border-color .2s,box-shadow .2s;overflow:hidden}._ral-reader-wrapper:focus-within{border-color:var(--ral-border-focus);box-shadow:var(--ral-shadow-focus)}._ral-reader-toolbar{padding:var(--main-space-2) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ral-border);background:var(--ral-bg-hover);justify-content:space-between;align-items:center;display:flex}._ral-toolbar-left,._ral-toolbar-edit,._ral-toolbar-play{align-items:center;gap:var(--main-space-2);display:flex}._ral-char-count{font-size:var(--main-text-xs);color:var(--ral-text-muted);font-family:var(--main-font-mono)}._ral-action-btn{border-radius:var(--ral-radius);color:var(--ral-text-muted);font-size:var(--main-text-xs);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #0000;align-items:center;gap:.375rem;padding:.3125rem .625rem;transition:color .2s,background .2s;display:inline-flex}._ral-action-btn:hover{color:var(--ral-text);background:var(--ral-bg)}._ral-action-btn--edit{color:var(--ral-primary);font-weight:500}._ral-action-btn--edit:hover{color:var(--ral-primary);background:var(--ral-primary-light)}@media (max-width:640px){._ral-action-btn span{display:none}._ral-action-btn{justify-content:center;min-width:36px;min-height:36px;padding:.5rem}._ral-reader-toolbar{padding:var(--main-space-2) var(--main-space-3)}}@media (max-width:380px){._ral-reader-toolbar{padding:var(--main-space-2)}._ral-toolbar-left,._ral-toolbar-edit,._ral-toolbar-play{gap:.25rem}}._ral-controls{background:var(--ral-bg);border-radius:var(--ral-radius-lg);padding:var(--main-space-4) var(--main-space-5);box-shadow:var(--ral-shadow);border-style:solid;border-width:1px;border-color:var(--ral-border)}._ral-controls-row{align-items:center;gap:var(--main-space-4);padding:var(--main-space-2) 0;display:flex}._ral-controls-row+._ral-controls-row{border-top-style:solid;border-top-width:1px;border-top-color:var(--ral-border);padding-top:var(--main-space-3)}._ral-ctrl-group{align-items:center;gap:var(--main-space-3);flex:1;min-width:0;display:flex}._ral-ctrl-group--voice{flex:1}._ral-ctrl-label{font-size:var(--main-text-sm);color:var(--ral-text);white-space:nowrap;align-items:center;gap:.375rem;min-width:60px;font-weight:500;display:inline-flex}._ral-voice-select{border-style:solid;border-width:1.5px;border-color:var(--ral-border);border-radius:var(--ral-radius);min-width:0;font-size:var(--main-text-sm);color:var(--ral-text);background:var(--ral-bg);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;flex:1;padding:.4375rem 2rem .4375rem .75rem;transition:border-color .2s,box-shadow .2s}._ral-voice-select:focus{border-color:var(--ral-border-focus);box-shadow:var(--ral-shadow-focus);outline:none}._ral-range-ctrl{border-style:solid;border-width:1.5px;border-color:var(--ral-border);border-radius:var(--ral-radius);background:var(--ral-bg);align-items:center;gap:.25rem;padding:.125rem;display:inline-flex}._ral-range-btn{border-radius:calc(var(--ral-radius) - 2px);width:28px;height:28px;color:var(--ral-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:none;border-width:0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:inline-flex}._ral-range-btn:hover{color:var(--ral-text);background:var(--ral-bg-hover)}._ral-range-value{min-width:44px;font-size:var(--main-text-sm);color:var(--ral-primary);font-weight:600;font-family:var(--main-font-mono);justify-content:center;align-items:center;display:inline-flex}@media (max-width:640px){._ral-controls{padding:var(--main-space-3) var(--main-space-4)}._ral-controls-row{align-items:stretch;gap:var(--main-space-3);flex-direction:column}._ral-controls-row+._ral-controls-row{padding-top:var(--main-space-3)}._ral-ctrl-group{justify-content:space-between}._ral-ctrl-label{min-width:auto}._ral-voice-select{min-height:40px;padding:.5rem 2rem .5rem .75rem;font-size:16px}._ral-range-btn{width:36px;height:36px}._ral-range-value{min-width:56px;font-size:.9375rem}}@media (max-width:380px){._ral-controls{padding:var(--main-space-2) var(--main-space-3)}._ral-controls-row{gap:var(--main-space-2);padding:var(--main-space-2) 0}._ral-ctrl-group{gap:var(--main-space-2)}._ral-range-btn{width:34px;height:34px}._ral-range-value{min-width:50px}}._ral-reader{background:var(--ral-reader-bg);padding:var(--main-space-5);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:250px;max-height:50vh;overflow-y:auto}._ral-reader-content{color:var(--ral-reader-text);outline:none;max-width:65ch;min-height:180px;margin:0 auto;font-size:1.125rem;line-height:1.9}._ral-reader-content p{margin-bottom:1em}._ral-reader-content p:last-child{margin-bottom:0}._ral-reader-content:empty:before{content:attr(data-placeholder);color:var(--ral-text-muted);pointer-events:none}._ral-reader-content[contenteditable=false]{cursor:default}._ral-word{border-radius:3px;padding:.0625rem .125rem;transition:background-color .15s,color .15s}._ral-word--active{background:var(--ral-highlight-bg);color:var(--ral-highlight-text)}._ral-sentence--active{background:var(--ral-sentence-bg);border-radius:4px}@media (max-width:768px){._ral-reader{padding:var(--main-space-4);min-height:200px;max-height:45vh}._ral-reader-content{min-height:160px;font-size:1rem;line-height:1.8}}@media (max-width:380px){._ral-reader{padding:var(--main-space-3);min-height:180px;max-height:50vh}._ral-reader-content{min-height:140px;line-height:1.7}}._ral-playback{background:var(--ral-bg);border-radius:var(--ral-radius-lg);padding:var(--main-space-4) var(--main-space-5);box-shadow:var(--ral-shadow);border-style:solid;border-width:1px;border-color:var(--ral-border)}._ral-progress-bar{background:var(--ral-progress-bg);cursor:pointer;width:100%;height:6px;margin-bottom:var(--main-space-2);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:3px;transition:height .2s;overflow:hidden}@media (hover:hover){._ral-progress-bar:hover{height:8px}}._ral-progress-fill{background:var(--ral-progress-fill);border-radius:3px;width:0%;height:100%;transition:width .3s}._ral-playback-info{margin-bottom:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._ral-progress-text{font-size:var(--main-text-xs);color:var(--ral-primary);font-weight:600;font-family:var(--main-font-mono)}._ral-time-text{font-size:var(--main-text-xs);color:var(--ral-text-muted)}._ral-playback-controls{justify-content:center;align-items:center;gap:var(--main-space-3);display:flex}._ral-play-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-style:none;border-width:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,box-shadow .2s;display:inline-flex}._ral-play-btn--primary{background:var(--ral-play-bg);width:52px;height:52px;color:var(--ral-play-text);box-shadow:0 2px 10px #6366f14d}._ral-play-btn--primary:hover{opacity:.9;box-shadow:0 4px 16px #6366f166}._ral-play-btn--stop{background:var(--ral-stop-bg);width:40px;height:40px;color:var(--ral-stop-text);box-shadow:0 2px 8px #ef444440}._ral-play-btn--stop:hover{opacity:.9}._ral-play-btn--secondary{width:40px;height:40px;color:var(--ral-text-muted);border-style:solid;border-width:1px;border-color:var(--ral-border);background:0 0}._ral-play-btn--secondary:hover{color:var(--ral-text);border-color:var(--ral-text-muted)}._ral-play-btn:focus-visible{outline:2px solid var(--ral-primary);outline-offset:2px}@media (max-width:640px){._ral-playback{padding:var(--main-space-3) var(--main-space-4)}._ral-progress-bar{height:8px}._ral-playback-controls{gap:var(--main-space-2)}._ral-play-btn--primary{width:56px;height:56px}._ral-play-btn--stop,._ral-play-btn--secondary{width:44px;height:44px}}@media (max-width:380px){._ral-playback{padding:var(--main-space-3)}._ral-playback-controls{gap:.5rem}._ral-play-btn--primary{width:52px;height:52px}._ral-play-btn--stop,._ral-play-btn--secondary{width:40px;height:40px}}