#sonur-reader{--sr-blue:#204f81;--sr-ink:#17324c;--sr-border:#d7e2eb;position:fixed;right:18px;bottom:65px;z-index:9500;font:14px/1.5 'Segoe UI',Arial,sans-serif;color:var(--sr-ink);text-align:left;max-width:calc(100vw - 24px)}
#sonur-reader *{box-sizing:border-box}#sonur-reader button,#sonur-reader select,#sonur-reader input{font:inherit}#sonur-reader button{cursor:pointer;border:1px solid var(--sr-border);background:white;color:var(--sr-ink);padding:9px 12px;border-radius:10px;min-height:42px}#sonur-reader button:hover{background:#eaf1f7}#sonur-reader button:disabled{opacity:.45;cursor:default}#sonur-reader button:focus-visible,#sonur-reader select:focus-visible,#sonur-reader input:focus-visible{outline:3px solid #daaa48;outline-offset:2px}.sonur-mini{display:flex;gap:3px;justify-content:flex-end;filter:drop-shadow(0 5px 14px #0003)}#sonur-reader .sonur-mini button{background:var(--sr-blue);color:white;border-color:#6a8eaf;font-weight:600}.sonur-mini [data-action=mini-play]{min-width:48px}
#sonur-panel{width:390px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--sr-border);border-radius:18px;box-shadow:0 14px 55px #0005;overflow:hidden;margin-bottom:10px;position:absolute;bottom:48px;right:0}#sonur-panel[hidden]{display:none!important}#sonur-panel header{padding:15px 18px;background:#edf3f8;display:flex;align-items:center;justify-content:space-between;gap:12px}#sonur-panel header small{font-size:10px;letter-spacing:.12em;color:#61788a;display:block}#sonur-panel header strong{font-size:19px;display:block;margin-top:3px}.sonur-body{padding:16px;max-height:calc(100dvh - 230px);overflow-y:auto;overscroll-behavior:contain}#sonur-reader label{display:block;font-size:12px;font-weight:600;min-width:0}#sonur-reader select{width:100%;display:block;margin:5px 0 10px;border:1px solid var(--sr-border);border-radius:8px;background:#fff;color:var(--sr-ink);padding:9px;max-width:100%;min-height:42px}.sonur-row{display:flex;gap:10px;align-items:center}.sonur-row>label:first-child{flex:1}.sonur-row>label:nth-child(2){flex:.7}.sonur-main-actions{display:flex;gap:8px}#sonur-reader .sonur-primary{flex:1;background:var(--sr-blue);color:white;font-weight:600}.sonur-current{padding:12px;border-left:3px solid #5a90b6;border-radius:4px;background:#f4f7fa;font-size:14px;line-height:1.65;text-align:justify;max-height:125px;overflow:auto;margin:12px 0}.sonur-status{font-size:12px;line-height:1.55;margin:10px 0;color:#506477;min-height:20px}#sonur-reader[data-state=error] .sonur-status{color:#a12b2b}.sonur-transport{display:flex;gap:6px;justify-content:space-between}.sonur-transport button{flex:1}.sonur-time-label{margin-top:12px}#sonur-time{float:right;font-variant-numeric:tabular-nums}#sonur-reader input[type=range]{display:block;width:100%;accent-color:var(--sr-blue);margin:8px 0;height:22px}#sonur-reader .sonur-follow{font-size:11px;line-height:1.4;display:flex;gap:5px;align-items:center}#sonur-reader input[type=checkbox]{accent-color:var(--sr-blue);min-width:16px;min-height:16px}.sonur-location{margin-top:12px;border-top:1px solid var(--sr-border);padding-top:10px}.sonur-location summary,.sonur-sample summary{cursor:pointer;color:var(--sr-blue);font-weight:600;padding:6px 0}.sonur-location label{margin-top:8px}.sonur-location [data-action=beginning]{margin-top:8px;width:100%}.sonur-location .sonur-row button{flex:1}.sonur-sample summary{font-size:12px;font-weight:400}.sonur-sample audio{width:100%;height:40px;margin-top:6px}.sonur-note{font-size:11px;line-height:1.6;color:#6b7a86;margin-bottom:4px}.sonur-license{font-size:10px;color:#6b7a86}.sonur-reading{background:#fff1a7!important;outline:2px solid #e2bc46}.sonur-picking .flow p:hover,.sonur-picking .flow li:hover,.sonur-picking .flow h2:hover,.sonur-picking .flow tr:hover{background:#fff1a7!important;cursor:pointer;outline:2px solid #e2bc46}
@media(max-width:600px){#sonur-reader{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;max-width:none}.sonur-mini{justify-content:stretch}.sonur-mini [data-action=panel]{flex:1}#sonur-panel{width:100%;max-width:none;bottom:48px}.sonur-body{max-height:calc(78dvh - 75px)}body.mobile-book{padding-bottom:75px!important}.sonur-current{max-height:95px}}
@media print{#sonur-reader{display:none!important}}
#sonur-reader .sonur-primary:hover,#sonur-reader .sonur-mini button:hover{background:#173d68;color:white}
#sonur-reader .sonur-mini{flex-wrap:wrap;max-width:610px}
#sonur-reader [data-action=pick]{font-size:12px;line-height:1.4}
#sonur-reader [data-action=pick][aria-pressed=true]{background:#fff0bb;color:#5a4014;border-color:#d2a04a}
.sonur-start-tools{padding:12px 0 4px;border-bottom:1px solid var(--sr-border)}
#sonur-reader .sonur-start-tools button{width:100%;color:var(--sr-blue);border-color:#8eacc8;font-weight:600}
.sonur-start-tools p{font-size:12px;line-height:1.65;color:#526c81;margin:8px 0 10px}
.sonur-selection{max-width:510px;background:white;border:1px solid #c99c3f;border-radius:12px;box-shadow:0 6px 26px #0003;padding:12px 14px;margin:0 0 10px auto}
.sonur-selection[hidden]{display:none!important}.sonur-selection>span{display:block;font-size:13px;line-height:1.6;margin-bottom:9px}
.sonur-selection>div{display:flex;gap:8px}.sonur-selection [data-action=selection-play]{flex:1}
#sonur-start-marker{position:fixed;inset:0;z-index:9400;pointer-events:none}
#sonur-start-marker i{position:absolute;background:#f2c65465;border-bottom:2px solid #b97d16;box-shadow:0 0 0 1px #c18a2825;border-radius:2px;pointer-events:none}
body.sonur-picking .flow,body.sonur-picking .flow *{cursor:text!important}
@media(max-width:600px){#sonur-reader .sonur-mini{max-width:calc(100vw - 24px)}#sonur-reader .sonur-mini [data-action=pick]{flex-basis:100%;min-height:36px}.sonur-selection{max-width:calc(100vw - 24px)}#sonur-panel{bottom:90px}}