.reader{position:relative}.r-audiobar{position:sticky;top:.5rem;z-index:20;display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;margin-bottom:1rem;box-shadow:0 6px 22px #0f172a14}.r-audiobar input[type=range]{flex:1;accent-color:var(--gold);min-width:4rem}.r-play{border:none;background:var(--gold-bright);color:#1b2842;border-radius:50%;width:2.3rem;height:2.3rem;font-size:.95rem;line-height:1;flex:none}.r-play:hover{filter:brightness(1.06)}.r-time{font-size:.8rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.r-rate{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:999px;font-size:.78rem;padding:.2rem .55rem;flex:none}.r-tap{display:inline-flex;align-items:center;gap:.25rem;margin:0;cursor:pointer;flex:none}.r-tap input{accent-color:var(--gold)}.r-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:.25rem 0 1rem}.r-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:.4rem .95rem;font-size:.88rem;font-weight:600;transition:all .15s ease}.r-tabs button:hover{border-color:var(--gold);color:var(--ink)}.r-tabs button.active{background:var(--gold-bright);border-color:var(--gold-bright);color:#1b2842;box-shadow:0 4px 14px color-mix(in srgb,var(--gold-bright) 35%,transparent)}.r-toolbar{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:1.1rem;font-size:.82rem}.r-seg{display:inline-flex;align-items:center;gap:.25rem;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.18rem .35rem}.r-seg-label{color:var(--ink-soft);padding:0 .35rem}.r-seg button{border:none;background:transparent;color:var(--ink-soft);border-radius:999px;padding:.14rem .55rem;font-weight:600}.r-seg button.active{background:var(--surface-2);color:var(--ink)}.r-content .r-img{text-align:center}.r-content .r-img img{border-radius:12px}.r-table{overflow-x:auto}.r-table table{width:100%;border-collapse:collapse;margin:1rem 0}.r-table th,.r-table td{border:1px solid var(--line);padding:.45rem .7rem}.r-table thead{background:var(--surface-2)}.r-diagram{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;overflow-x:auto}.rgloss{position:relative;display:inline;cursor:help;border-bottom:2px dotted var(--gold)}.rgloss.open{border-bottom-style:solid}.rgloss.g-noun{border-bottom-color:#4ea27a}.rgloss.g-verb{border-bottom-color:#5f83b6}.rgloss.g-adj{border-bottom-color:#4fa3a5}.rgloss.g-expr{border-bottom-color:#9a6fc4}.rgloss.g-conn{border-bottom-color:var(--gold)}.rgloss-card{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(calc(-50% + var(--gloss-shift, 0px)));min-width:min(15rem,calc(100vw - 16px));max-width:min(20rem,calc(100vw - 16px));background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.65rem .8rem;box-shadow:0 14px 38px #0a101e38;z-index:30;font-family:var(--bs-body-font-family, system-ui, sans-serif);font-size:.86rem;line-height:1.45;display:block;cursor:default}.rgloss-card:after{content:"";position:absolute;top:100%;left:50%;transform:translate(calc(-50% - var(--gloss-shift, 0px)));border:7px solid transparent;border-top-color:var(--surface)}.rgloss-card.below{bottom:auto;top:calc(100% + 10px)}.rgloss-card.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--surface)}.rgloss-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem;flex-wrap:wrap}.rgloss-chip{font-size:.68rem;font-weight:700;border-radius:999px;padding:.05rem .5rem;background:var(--surface-2);color:var(--ink-soft)}.rgloss-chip.level{background:var(--gold-soft);color:var(--ink)}.rgloss-def{display:block;color:var(--ink)}.rgloss-langs{display:flex;gap:.3rem;margin-top:.45rem}.rgloss-langs button{border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;font-size:.68rem;font-weight:700;padding:.05rem .5rem}.rgloss-langs button.active{background:var(--surface-2);color:var(--ink)}.reader:not(.no-tap-seek) .narratable{cursor:pointer}.reader .narrating{background:color-mix(in srgb,var(--gold) 13%,transparent);border-radius:.3rem;box-shadow:0 0 0 .35rem color-mix(in srgb,var(--gold) 13%,transparent);transition:background .3s,box-shadow .3s}.reader .nw-active{background:var(--gold-bright);color:#1b2842;border-radius:.2rem;box-shadow:0 0 0 2px var(--gold-bright)}.r-footer{margin-top:2.2rem;border-top:1px solid var(--line);padding-top:1.1rem}.r-nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.r-navlink{color:var(--ink-soft);text-decoration:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:.45rem 1rem;font-size:.9rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r-navlink:hover{border-color:var(--gold);color:var(--ink)}.r-done{border:1px solid var(--gold);background:transparent;color:var(--ink);border-radius:999px;padding:.45rem 1.2rem;font-weight:600;font-size:.9rem;transition:all .15s ease}.r-done:hover{background:var(--gold-soft)}.r-done.is-done{background:var(--gold-bright);border-color:var(--gold-bright);color:#1b2842}@media(max-width:575px){.r-audiobar{border-radius:14px;flex-wrap:wrap}.r-navlink{max-width:100%}}