Something went wrong. Try again.
This repository has no description
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508@import "@fontsource/inter/latin-400.css";@import "@fontsource/inter/latin-500.css";@import "@fontsource/inter/latin-600.css";@import "@fontsource/inter/cyrillic-400.css";@import "@fontsource/inter/cyrillic-500.css";@import "@fontsource/inter/cyrillic-600.css";@import "@fontsource/source-serif-4/latin-400.css";@import "@fontsource/source-serif-4/latin-600.css";@import "@fontsource/source-serif-4/cyrillic-400.css";@import "@fontsource/source-serif-4/cyrillic-600.css";@import "katex/dist/katex.min.css";
.odre-reader { color-scheme: light; font-family: Inter, -apple-system, sans-serif; font-size: 14px; color: var(--text); background: var(--bg); --bg: #f5f6f7; --serif: "Source Serif 4", Georgia, serif; --learning-blue: #326b98; --learning-amber: #896019; --reading-surface: #fcfcfb;
--reader: #ffffff; --panel: #ffffff; --line: #e2e5e9; --text: #24282e; --muted: #69727e; --accent: #326ba9; --accent-bg: #edf3fa; --surface: #f4f5f6; --surface-hover: #eef0f2; --surface-selected: #e9edf1; --surface-inset: #eef1f4; --surface-subtle: #fbfcfd; --surface-user: #f4f5f7; --surface-prompt: #f9fafb; --field-border: #e7e9ec; --line-soft: #e7e9ec; --line-strong: #c7cdd4; --text-body: #3c424b; --muted-strong: #65707d; --primary: #26313e; --primary-hover: #384758; --primary-text: #ffffff; --focus-ring: #326ba91a; --accent-soft: #326ba933; --selection-bg: #d5e5f6; --selection-text: #24282e; --saved-highlight-bg: #fff8e3; --saved-highlight-text: #735d21; --saved-highlight-accent: #b6944a; --danger: #b13a46; --danger-hover: #96303b; --danger-bg: #fff1f2; --danger-border: #ebc5ca; --success: #2c6844; --success-bg: #eef6f0; --success-border: #b7d4bf; --notice-bg: #f0f5fb; --notice-text: #476788; --dropzone-bg: #f7f9fb; --dropzone-border: #bec7d1; --overlay: #232a3440; --shadow-small: #20252c08; --shadow-soft: #20252c14; --shadow-medium: #20252c20; --shadow-large: #20252c26; --shadow-drawer: #20252c30;}
.odre-reader[data-reader-theme="black"] { --learning-blue: #76b7dc; --learning-amber: #ddb35e; --reading-surface: #141518; color-scheme: dark; --bg: #000000; --reader: #09090b; --panel: #101013; --line: #29292e; --line-soft: #232328; --line-strong: #45454c; --text: #f2f2f4; --text-body: #dedee2; --muted: #a4a4ad; --muted-strong: #c2c2c9; --accent: #8ab4f8; --accent-bg: #192335; --surface: #19191d; --surface-hover: #242429; --surface-selected: #25252b; --surface-inset: #18181c; --surface-subtle: #141417; --surface-user: #19191d; --surface-prompt: #141417; --field-border: #303036; --primary: #ececf0; --primary-hover: #d9d9df; --primary-text: #111113; --focus-ring: #8ab4f81f; --accent-soft: #8ab4f833; --selection-bg: #315785; --selection-text: #ffffff; --saved-highlight-bg: #44391f; --saved-highlight-text: #f0d98f; --saved-highlight-accent: #c1a45b; --danger: #f28b82; --danger-hover: #ffaaa2; --danger-bg: #2b191b; --danger-border: #593237; --success: #9ad7ad; --success-bg: #142019; --success-border: #365640; --notice-bg: #142033; --notice-text: #b4d0f1; --dropzone-bg: #141417; --dropzone-border: #4a4a52; --overlay: #00000099; --shadow-small: #00000030; --shadow-soft: #00000040; --shadow-medium: #00000070; --shadow-large: #00000080; --shadow-drawer: #000000a0;}
.odre-reader[data-reader-theme="nord"] { --learning-blue: #88c0d0; --learning-amber: #ebcb8b; --reading-surface: #2e3440; color-scheme: dark; --bg: #2e3440; --reader: #3b4252; --panel: #3b4252; --line: #4c566a; --line-soft: #434c5e; --line-strong: #616e85; --text: #eceff4; --text-body: #e5e9f0; --muted: #b8c2d5; --muted-strong: #d8dee9; --accent: #88c0d0; --accent-bg: #434c5e; --surface: #434c5e; --surface-hover: #4c566a; --surface-selected: #4c566a; --surface-inset: #353c49; --surface-subtle: #353c49; --surface-user: #434c5e; --surface-prompt: #2e3440; --field-border: #4c566a; --primary: #eceff4; --primary-hover: #d8dee9; --primary-text: #2e3440; --focus-ring: #88c0d01f; --accent-soft: #88c0d033; --selection-bg: #52677d; --selection-text: #eceff4; --saved-highlight-bg: #554d3b; --saved-highlight-text: #f2d99a; --saved-highlight-accent: #d0aa67; --danger: #ffb4b8; --danger-hover: #ffd0ce; --danger-bg: #49363e; --danger-border: #70505b; --success: #a3be8c; --success-bg: #3b4946; --success-border: #627c70; --notice-bg: #3c4b5b; --notice-text: #d8dee9; --dropzone-bg: #353c49; --dropzone-border: #616e85; --overlay: #20242ccc; --shadow-small: #1b202a40; --shadow-soft: #1b202a55; --shadow-medium: #1b202a88; --shadow-large: #1b202a99; --shadow-drawer: #1b202ab3;}.odre-reader * { box-sizing: border-box;}.odre-reader button,.odre-reader input,.odre-reader textarea,.odre-reader select { font: inherit;}.odre-reader button,.odre-reader a,.odre-reader input,.odre-reader textarea,.odre-reader select { -webkit-tap-highlight-color: transparent;}.odre-reader button { color: inherit; background: var(--surface); border: 1px solid var(--line); padding: 9px 13px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
transition: background 140ms ease, border-color 140ms ease, color 140ms ease, transform 180ms cubic-bezier(0.34, 1.56, 0.64, 1); border-radius: 7px;}.odre-reader button:active:not(:disabled) { transform: scale(0.985);}.odre-reader button:hover:not(:disabled),.odre-reader .button:hover { background: var(--surface-hover); border-color: var(--line-strong);}.odre-reader button:disabled { opacity: 0.45; cursor: not-allowed;}.odre-reader button:focus-visible,.odre-reader a:focus-visible,.odre-reader summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px;}.odre-reader input,.odre-reader textarea,.odre-reader select { min-width: 0; width: 100%; padding: 10px 12px; color: var(--text); background: var(--panel); border: 1px solid var(--field-border); border-radius: 6px; outline: none;}.odre-reader input:focus,.odre-reader textarea:focus,.odre-reader select:focus { border-color: var(--accent); box-shadow: 0 0 0 2px var(--focus-ring);}.odre-reader input::placeholder,.odre-reader textarea::placeholder { color: var(--muted);}.odre-reader textarea { resize: vertical; line-height: 1.6;}.odre-reader input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--accent); flex-shrink: 0;}.odre-reader input[type="number"] { appearance: textfield;}.odre-reader input::-webkit-inner-spin-button { appearance: none;}.odre-reader select { cursor: pointer; text-overflow: ellipsis;}.odre-reader a { color: var(--accent); text-decoration: none;}.odre-reader a:hover { text-decoration: underline;}.odre-reader .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--text); border: 1px solid var(--line); border-radius: 6px; padding: 9px 13px; background: var(--surface); text-decoration: none;}.odre-reader .primary { background: var(--primary); color: var(--primary-text); border-color: var(--primary); font-weight: 500;}.odre-reader .primary:hover:not(:disabled) { background: var(--primary-hover); border-color: var(--primary-hover);}.odre-reader .text-button { border: 0; background: none; padding: 5px 0; color: var(--muted); border-radius: 3px; justify-content: flex-start;}.odre-reader .text-button:hover:not(:disabled) { color: var(--text); background: none;}.odre-reader .icon-button { width: 34px; height: 34px; padding: 0; border-color: transparent; background: none; color: var(--muted); flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px;}.odre-reader a.icon-button:hover { background: var(--surface-hover); text-decoration: none;}.odre-reader .small-button { padding: 7px 9px; font-size: 12px;}.odre-reader .eyebrow { color: var(--muted); font-weight: 500; text-transform: uppercase;
letter-spacing: 0.06em; font-size: 10px;}.odre-reader .muted { color: var(--muted);}.odre-reader .small { font-size: 12px; line-height: 1.6;}.odre-reader .danger { color: var(--danger);}.odre-reader .success { display: flex; gap: 8px; align-items: center; color: var(--success); font-size: 13px;}.odre-reader .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}.odre-reader .count { display: inline-flex; align-items: center; justify-content: center; padding: 2px 6px; font-size: 10px; border-radius: 10px; line-height: 1.4; letter-spacing: 0;
background: var(--surface-inset); color: var(--muted-strong);}.odre-reader ::-webkit-scrollbar { width: 7px; height: 7px;}.odre-reader ::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 6px;}.odre-reader ::-webkit-scrollbar-track { background: transparent;}.odre-reader ::selection { background: var(--selection-bg); color: var(--selection-text);}.odre-reader ::highlight(odre-saved),.odre-reader ::highlight(odre-compare) { background: var(--saved-highlight-bg); color: var(--saved-highlight-text);}.odre-reader .app { height: var(--reader-height, 100dvh); display: flex; flex-direction: column; overflow: hidden;}.odre-reader .app-header { display: flex; align-items: center;
height: 52px; min-height: 52px; gap: 20px; padding: 0 18px; background: var(--bg); border-bottom: 0;}.odre-reader .app-header,.odre-reader .reader,.odre-reader .reader-toolbar,.odre-reader .panel-title,.odre-reader .transcript,.odre-reader .composer,.odre-reader .prompt-box,.odre-reader .modal,.odre-reader .action-menu-items { transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;}.odre-reader .brand { background: none; border: 0; padding: 0;
gap: 9px; color: var(--text);}.odre-reader .brand span { font: 600 19px Inter, sans-serif; letter-spacing: -0.04em;}.odre-reader .brand:hover:not(:disabled) { background: none;}.odre-reader .panel-toggles { display: flex;
gap: 5px;}.odre-reader .panel-toggles button { background: none; color: var(--muted); white-space: nowrap;
padding: 7px 9px; border-color: transparent; font-size: 12px;}.odre-reader .panel-toggles button.active { background: var(--panel); border-color: var(--line); color: var(--text); box-shadow: 0 1px 2px var(--shadow-small);}.odre-reader .panel-toggles button.active svg { color: var(--text);}.odre-reader .breadcrumb { display: flex; align-items: center; gap: 11px; min-width: 0; overflow: hidden; flex: 1; color: var(--muted); white-space: nowrap; font-size: 12px;}.odre-reader .breadcrumb button { border: 0; background: none; padding: 0; font-size: 12px; color: var(--muted);}.odre-reader .breadcrumb-current { color: var(--text); overflow: hidden; text-overflow: ellipsis;}.odre-reader .breadcrumb-subject { overflow: hidden; text-overflow: ellipsis; max-width: 160px;}.odre-reader .global-search { display: flex; align-items: center; border: 1px solid var(--line); padding-left: 12px; color: var(--muted);
background: var(--panel); flex: 0 1 200px; min-width: 0; border-radius: 8px; transition: flex-basis 220ms cubic-bezier(0.22, 1, 0.36, 1), border-color 140ms ease, box-shadow 140ms ease, background-color 180ms ease;}.odre-reader .global-search:focus-within { flex-basis: 260px; border-color: var(--accent); box-shadow: 0 0 0 2px var(--focus-ring);}.odre-reader .global-search > svg { flex-shrink: 0;}.odre-reader .global-search input { flex: 1; min-width: 0; border: 0; background: none; font-size: 12px; box-shadow: none;
padding: 8px 10px;}.odre-reader .global-search .icon-button { width: 26px; height: 26px; margin-right: 4px;}.odre-reader .workspace { display: flex; flex: 1; min-height: 0; position: relative;
padding: 0 8px 8px; gap: 8px;}.odre-reader .panel { background: var(--panel); flex-shrink: 0; min-height: 0; display: flex; flex-direction: column; position: relative;}.odre-reader .hidden-panel { width: 0 !important; opacity: 0; visibility: hidden; pointer-events: none; border-width: 0;
margin-left: -8px; padding: 0; border: 0;}.odre-reader .library-panel,.odre-reader .assistant-wrap { transition: width 220ms ease, opacity 180ms ease, visibility 220ms; overflow: hidden;
border: 1px solid var(--line); border-radius: 10px; background: var(--panel);}.odre-reader .panel-title { display: flex; align-items: center; justify-content: space-between;
min-height: 49px; padding: 8px 14px; font-size: 13px; font-weight: 600; text-transform: none; letter-spacing: -0.01em; color: var(--text);}.odre-reader .library-panel { border-right: 1px solid var(--line);
border: 1px solid var(--line); border-radius: 10px; background: var(--surface-subtle);}.odre-reader .segmented { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); isolation: isolate; overflow: hidden; border: 1px solid var(--line-soft); background: var(--surface-inset); padding: 3px; border-radius: 9px;}.odre-reader .segmented::before { position: absolute; z-index: 0; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); border: 1px solid var(--line-soft); border-radius: 6px; background: var(--panel); box-shadow: 0 1px 3px var(--shadow-small); content: ""; pointer-events: none; transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .segmented[data-selected="second"]::before { transform: translateX(100%);}.odre-reader .segmented button { position: relative; z-index: 1; min-width: 0; min-height: 32px; padding: 5px 8px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--muted); font-size: 12px; transition: color 150ms ease;}.odre-reader .segmented button.active { border-color: transparent; background: transparent; box-shadow: none; color: var(--text); font-weight: 550;}.odre-reader .segmented button:focus-visible { z-index: 2; outline: 2px solid var(--accent); outline-offset: -2px;}.odre-reader .mode-switch { margin: 4px 12px 12px;}.odre-reader .add-material { display: flex; width: calc(100% - 24px); min-height: 40px; align-items: center; gap: 9px; margin: 0 12px 12px; padding: 6px 9px; border: 1px solid var(--line-soft); border-radius: 9px; background: var(--surface-subtle); color: var(--text); font-size: 12px; font-weight: 500; transition: background-color 150ms ease, border-color 150ms ease, transform 160ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .add-material:hover:not(:disabled) { border-color: var(--line-strong); background: var(--surface-hover);}.odre-reader .add-material:active:not(:disabled) { transform: scale(0.985);}.odre-reader .add-material-icon { display: grid; width: 24px; height: 24px; flex: 0 0 24px; place-items: center; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--panel); color: var(--accent);}.odre-reader .material-list { min-height: 0; overflow-y: auto; flex: 1;
padding: 0 8px;}.odre-reader .material-row { position: relative; width: 100%; border: 0; background: none; text-align: left; justify-content: flex-start; min-width: 0;
min-height: 56px; padding: 8px 10px 8px 12px; gap: 10px; border: 1px solid transparent; border-radius: 9px; transition: background-color 150ms ease, border-color 150ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .material-row::before { content: ""; position: absolute; left: 2px; top: 50%; width: 3px; height: 18px; border-radius: 999px; background: var(--accent); opacity: 0; transform: translateY(-50%) scaleY(0.65); transition: opacity 140ms ease, transform 180ms cubic-bezier(0.34, 1.56, 0.64, 1);}.odre-reader .material-row.active::before { opacity: 1; transform: translateY(-50%) scaleY(1);}.odre-reader .material-icon { display: grid; place-items: center; width: 42px; height: 42px; flex-shrink: 0; border: 1px solid var(--line-soft); border-radius: 10px; color: var(--muted-strong); background: var(--surface); transition: color 140ms ease, background-color 140ms ease, border-color 140ms ease;}.odre-reader .library-panel .material-icon { width: 34px; height: 34px; border-radius: 9px;}.odre-reader .material-row.active .material-icon { color: var(--accent); border-color: var(--accent-soft); background: var(--panel);}.odre-reader .material-row > .material-details { min-width: 0; flex: 1; display: flex; flex-direction: column;
gap: 4px;}.odre-reader .material-row strong { font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.odre-reader .material-row .material-details > span { color: var(--muted); font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}.odre-reader .material-row.active { background: var(--accent-bg); border-left-color: transparent;}.odre-reader .material-row:hover:not(:disabled) { background: var(--surface-hover);}.odre-reader .material-row.active:hover:not(:disabled) { background: var(--accent-bg);}.odre-reader .library-empty { padding: 16px 20px; font-size: 13px; line-height: 1.6; color: var(--muted);}.odre-reader .library-footer { border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 3px;
margin: 12px; padding-top: 10px;}.odre-reader .library-footer button { justify-content: flex-start; border: 0; background: none; color: var(--muted);
padding: 9px 10px; gap: 10px; font-size: 12px;}.odre-reader .library-footer .count { margin-left: auto;}.odre-reader .library-footer button > svg { width: 19px; height: 19px; flex-shrink: 0;}.odre-reader .resize-handle { position: absolute; top: 0; bottom: 0; width: 6px; z-index: 5; cursor: col-resize; touch-action: none;}.odre-reader .resize-handle.right { right: -3px;}.odre-reader .resize-handle.left { left: -3px;}.odre-reader .resize-handle:hover { background: var(--accent-soft);}.odre-reader .assistant-wrap > .resize-handle { left: 0; width: 8px;}.odre-reader .assistant-wrap > .resize-handle::after { content: ""; position: absolute; top: calc(50% - 18px); left: 1px; width: 3px; height: 36px; border-radius: 3px; background: var(--line-strong);}.odre-reader .assistant-wrap > .resize-handle:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px;}.odre-reader .reader { flex: 1; min-width: 0; min-height: 0; display: flex; flex-direction: column; background: var(--reader);
border: 1px solid var(--line); border-radius: 10px; overflow: hidden;}.odre-reader .reader-toolbar { display: flex; align-items: center; justify-content: space-between; flex-shrink: 0;
padding: 8px 14px; min-height: 49px; border-bottom: 1px solid var(--line); gap: 12px;}.odre-reader .reader-toolbar > .text-button { font-size: 12px; gap: 10px;}.odre-reader .reader-toolbar > div { display: flex; align-items: center; gap: 4px;}.odre-reader .reader-scroll { flex: 1; min-height: 0; overflow: auto; scroll-behavior: smooth;}.odre-reader .article { margin: 0 auto; width: 100%; padding: 36px clamp(24px, 4vw, 52px) 100px; max-width: 860px;}.odre-reader .article > h1 { color: var(--text); letter-spacing: -0.03em; margin: 10px 0 24px;
font: 600 clamp(30px, 2.7vw, 40px)/1.2 var(--serif);}.odre-reader .title-rule { border-top: 1px solid var(--line-soft); margin-bottom: 24px;}.odre-reader .article-prose { font: 400 19px/1.75 var(--serif); color: var(--text-body); overflow-wrap: break-word; text-wrap: pretty;}.odre-reader .article-prose h2 { font: 600 27px/1.3 var(--serif); letter-spacing: -0.02em; color: var(--text); margin: 1.65em 0 0.6em; scroll-margin-top: 26px;}.odre-reader .article-prose h2:first-child { margin-top: 0;}.odre-reader .article-prose h3 { font: 600 22px/1.4 var(--serif); margin: 27px 0 12px; scroll-margin-top: 26px;}.odre-reader .article-prose p { margin: 0 0 1.25em;}.odre-reader .article-prose ul,.odre-reader .article-prose ol { padding-left: 26px;}.odre-reader .article-prose li { margin: 8px 0;}.odre-reader .article-prose blockquote { border-left: 3px solid var(--accent-soft); color: var(--text-body); margin: 24px 0; padding: 14px 20px; background: var(--surface-subtle); border-radius: 0 8px 8px 0;}.odre-reader .article-prose blockquote > :last-child { margin-bottom: 0;}.odre-reader .article-prose hr { border: 0; border-top: 1px solid var(--line); margin: 36px 0;}.odre-reader .article-prose a { text-underline-offset: 4px;}.odre-reader .article-prose :not(pre) > code { font: 13px/1.6 ui-monospace, monospace; padding: 3px 5px; border-radius: 3px; background: var(--surface); color: var(--text-body);}.odre-reader .article-image { display: block; margin: 26px 0;}.odre-reader .article-image img { display: block; max-width: 100%; height: auto; border-radius: 3px; margin: 0 auto;}.odre-reader .image-caption { display: block; font: 12px/1.6 Inter, sans-serif; color: var(--muted); margin-top: 10px;}.odre-reader .image-failed { min-height: 50px; border: 1px dashed var(--line-strong);}.odre-reader .diagram { margin: 26px 0; border: 1px solid var(--line-soft); background: var(--surface); border-radius: 4px; overflow: hidden;}.odre-reader .diagram-toolbar { padding: 9px 13px; display: flex; align-items: center; justify-content: space-between; font: 11px/1 Inter, sans-serif; color: var(--muted); border-bottom: 1px solid var(--line-soft);}.odre-reader .diagram-toolbar > div { display: flex;}.odre-reader .diagram-toolbar .icon-button { width: 25px; height: 24px;}.odre-reader .diagram-render { padding: 18px 12px; overflow: auto; text-align: center;}.odre-reader .diagram-render svg { display: block; max-width: 100%; height: auto; margin: auto;}.odre-reader .article-prose .diagram-render svg { width: 100%; max-width: 650px !important; max-height: 540px;}.odre-reader .diagram-loading { padding: 35px; font: 13px Inter, sans-serif; color: var(--muted);}.odre-reader .code-block { position: relative; margin: 23px 0; border: 1px solid var(--line); border-radius: 5px; background: var(--surface);}.odre-reader .code-block > .icon-button { position: absolute; top: 6px; right: 6px; background: var(--surface);}.odre-reader pre { overflow: auto; padding: 20px; margin: 0; font: 12px/1.8 ui-monospace, monospace; color: var(--text-body); max-width: 100%;}.odre-reader .code-block pre { padding-right: 46px;}.odre-reader .table-scroll { overflow: auto; margin: 24px 0;}.odre-reader table { border-collapse: collapse; width: 100%; font-size: 15px;}.odre-reader th,.odre-reader td { text-align: left; padding: 10px 15px; border: 1px solid var(--line);}.odre-reader th { background: var(--surface);}.odre-reader .exercise { border: 0; border-top: 1px solid var(--line); margin: 32px 0; padding: 26px 0; border-radius: 0; background: transparent;}.odre-reader .exercise h3 { margin: 8px 0 16px; font-size: 23px;}.odre-reader .exercise-disclosure { margin: 12px 0; border: 0; border-bottom: 1px solid var(--line-soft); border-radius: 0; background: var(--panel); overflow: hidden;}.odre-reader .exercise-disclosure summary { display: flex; align-items: center; gap: 9px; padding: 12px 14px; cursor: pointer; color: var(--text); font: 500 13px/1.4 Inter, sans-serif; list-style: none; transition: background-color 150ms ease;}.odre-reader .exercise-disclosure summary::-webkit-details-marker { display: none;}.odre-reader .exercise-disclosure summary:hover { background: var(--surface-hover);}.odre-reader .exercise-disclosure summary:focus-visible { outline-offset: -3px;}.odre-reader .exercise-disclosure summary > svg:first-child { color: var(--muted);}.odre-reader .disclosure-caret { margin-left: auto; transition: transform 220ms ease;}.odre-reader .exercise-disclosure[open] .disclosure-caret { transform: rotate(180deg);}.odre-reader .exercise-disclosure .disclosure-open,.odre-reader .exercise-disclosure[open] .disclosure-closed { display: none;}.odre-reader .exercise-disclosure[open] .disclosure-open { display: inline;}.odre-reader .exercise-disclosure-body { padding: 16px 18px; border-top: 1px solid var(--line-soft); animation: odre-reader-action-enter 180ms ease;}.odre-reader .exercise-disclosure-body > :last-child { margin-bottom: 0;}.odre-reader .exercise-footer { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding-top: 14px; margin-top: 18px; border-top: 1px solid var(--line-soft);}.odre-reader .exercise-export { min-width: 146px; min-height: 36px; gap: 7px; padding: 7px 11px; font: 500 12px/1.4 Inter, sans-serif; background: var(--panel); border-radius: 7px;}.odre-reader .exercise-export.exported { color: var(--accent); border-color: var(--accent-soft);}.odre-reader .exercise-footer > button { font: 500 12px/1.4 Inter, sans-serif; min-height: 36px;}.odre-reader .exercise-answer-input { margin: 24px 0; padding: 14px 0; border: 0; border-radius: 0; background: transparent; font: 12px/1.5 Inter, sans-serif;}.odre-reader .exercise-answer-input label { display: grid; gap: 9px; color: var(--muted-strong);}.odre-reader .exercise-answer-input textarea { width: 100%; font: 14px/1.6 Inter, sans-serif; resize: vertical; min-height: 90px;}.odre-reader .exercise-answer-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px;}.odre-reader .exercise-answer-actions button { font-size: 12px; min-height: 36px;}.odre-reader .loading-button { min-width: 112px;}.odre-reader .loading-button-icon { display: inline-flex; width: 16px; flex-shrink: 0;}.odre-reader .markdown-field { margin: 20px 0;}.odre-reader .reading-mode .app-header,.odre-reader .reading-mode .library-panel,.odre-reader .reading-mode .assistant-wrap,.odre-reader .reading-mode .compare-pane,.odre-reader .reading-mode .drawer-backdrop { display: none !important;}.odre-reader .reading-mode .workspace { padding: 0; gap: 0;}.odre-reader .reading-mode .reader { border: 0; border-radius: 0; background: var(--reading-surface);}.odre-reader .reading-mode .reader-toolbar { background: var(--reading-surface); border-bottom: 1px solid var(--line-soft); min-height: 48px; opacity: 0.65; transition: opacity 180ms ease;}.odre-reader .reading-mode .reader-toolbar:hover,.odre-reader .reading-mode .reader-toolbar:focus-within { opacity: 1;}.odre-reader .reading-mode .article { max-width: 1120px; padding: 52px 56px 110px;}.odre-reader .reading-mode .article > h1 { font-size: clamp(32px, 3.5vw, 46px);}.odre-reader .reading-mode .article > .eyebrow { display: block;}.odre-reader .reading-mode .article > h1,.odre-reader .reading-mode .article > .eyebrow,.odre-reader .reading-mode .title-rule,.odre-reader .reading-mode .article-prose > :not(.learning-figure) { width: 100%; max-width: 740px; margin-left: auto; margin-right: auto;}.odre-reader .reading-mode .article-prose { font-size: 19px; line-height: 1.65; counter-reset: learning-figure;}.odre-reader .reading-mode .article-prose h2 { font-size: 26px; margin-top: 2em;}.odre-reader .lesson-callout { margin: 32px 0; padding: 4px 0 4px 22px; border-left: 3px solid var(--learning-blue);}.odre-reader .lesson-callout.warning { border-color: var(--learning-amber);}.odre-reader .lesson-callout h4 { display: flex; align-items: center; gap: 9px; color: var(--learning-blue); font: 500 14px/1.4 Inter, sans-serif; margin: 0 0 12px;}.odre-reader .lesson-callout.warning h4 { color: var(--learning-amber);}.odre-reader .lesson-callout p:last-child { margin-bottom: 0;}.odre-reader .lesson-callout p { font-size: 0.96em;}.odre-reader .learning-figure { margin: 40px 0; counter-increment: learning-figure;}.odre-reader .address-translation { container-type: inline-size;}.odre-reader .figure-heading { display: flex; gap: 12px; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 16px; margin-bottom: 22px; font: 500 12px/1.5 Inter, sans-serif;}.odre-reader .figure-number { color: var(--muted); font-weight: 400;}.odre-reader .figure-number::after { content: " " counter(learning-figure);}.odre-reader .learning-figure figcaption { font: 400 14px/1.65 var(--serif); color: var(--muted-strong); margin-top: 14px;}.odre-reader .translation-controls { display: flex; justify-content: space-between; gap: 28px; align-items: end; font: 12px/1.5 Inter, sans-serif; margin-bottom: 30px;}.odre-reader .translation-controls label { display: grid; gap: 8px;}.odre-reader .translation-controls input[type="number"] { width: 170px; background: var(--surface-subtle); font: 500 20px/1.5 ui-monospace, monospace; padding: 8px 12px;}.odre-reader .translation-controls .offset-slider { max-width: 320px; flex: 1; grid-template-columns: 1fr auto;}.odre-reader .offset-slider input { grid-column: 1/-1; width: 100%; margin: 0; accent-color: var(--learning-amber); height: 18px; padding: 0; border: 0; cursor: pointer;}.odre-reader .offset-slider output { color: var(--learning-amber); font-family: ui-monospace, monospace;}.odre-reader .translation-grid { display: grid; grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr); gap: clamp(20px, 4vw, 56px); align-items: start;}.odre-reader .translation-grid h4 { font: 500 11px/1.5 Inter, sans-serif; color: var(--muted); margin: 0 0 16px; text-transform: uppercase; letter-spacing: 0.06em;}.odre-reader .address-parts { display: flex; align-items: stretch; gap: 6px;}.odre-reader .address-parts button { display: grid; gap: 10px; flex: 1; min-width: 0; padding: 16px 10px; background: var(--surface-subtle); border: 1px solid var(--line); border-radius: 4px;}.odre-reader .address-parts small { font: 10px/1.3 Inter, sans-serif; white-space: nowrap;}.odre-reader .address-parts strong { font: 400 38px/1.2 var(--serif);}.odre-reader .page-part { color: var(--learning-blue);}.odre-reader .offset-part { color: var(--learning-amber);}.odre-reader .address-bits { display: flex; justify-content: center; gap: 12px; margin-top: 20px; font: 12px/1.6 ui-monospace, monospace; letter-spacing: 0.08em; flex-wrap: wrap;}.odre-reader .translation-description { color: var(--muted); font: 11px/1.8 Inter, sans-serif; margin-top: 24px !important;}.odre-reader .translation-table-head { display: flex; justify-content: space-between; padding: 0 13px 8px; font: 10px/1.5 Inter, sans-serif; color: var(--muted);}.odre-reader .translation-table button { display: grid; grid-template-columns: 1fr 20px 1fr; align-items: center; width: 100%; border: 0; border-radius: 4px; background: transparent; padding: 8px 12px; font: 13px/1.4 ui-monospace, monospace; transition: background 180ms ease;}.odre-reader .translation-table button > span:last-child { text-align: right;}.odre-reader .translation-table button > svg { color: var(--muted);}.odre-reader .translation-table button.selected { background: var(--accent-bg); outline: 1px solid var(--accent-soft);}.odre-reader .physical-frame { border: 1px solid var(--line-strong); padding: 18px 16px; border-radius: 4px; background: var(--surface-subtle); font: 13px/1.5 Inter, sans-serif;}.odre-reader .physical-frame > span { display: block;}.odre-reader .physical-frame strong { font-weight: 500;}.odre-reader .frame-offset-track { height: 46px; position: relative; margin-top: 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}.odre-reader .frame-offset-track > span { position: absolute; top: -5px; bottom: -5px; width: 2px; background: var(--learning-amber); transition: left 160ms ease;}.odre-reader .frame-scale { display: flex; justify-content: space-between; color: var(--muted); font: 10px/1.5 ui-monospace, monospace; margin: 7px 0 16px;}.odre-reader .physical-frame p { font: 11px/1.5 Inter, sans-serif; margin: 0;}.odre-reader .physical-result { display: grid; gap: 5px; margin-top: 22px;}.odre-reader .physical-result small { font: 11px/1.5 Inter, sans-serif; color: var(--muted);}.odre-reader .physical-result strong { font: 400 38px/1.2 var(--serif); font-variant-numeric: tabular-nums;}.odre-reader .translation-equation { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 28px; padding: 18px 8px; border-top: 1px solid var(--line-soft); font: 400 25px/1.5 var(--serif); font-variant-numeric: tabular-nums;}.odre-reader .translation-equation strong { font-weight: 400;}.odre-reader .address-translation[data-active-role="page"] .page-part,.odre-reader .address-translation[data-active-role="offset"] .offset-part { text-shadow: 0 0 12px var(--accent-soft);}.odre-reader .unmapped-address { font: 18px/1.5 var(--serif); color: var(--learning-amber);}.odre-reader .unmapped-address span { display: block; color: var(--muted); font: 12px/1.6 Inter, sans-serif; margin-top: 10px;}.odre-reader .invalid-learning-block { padding: 14px; border-left: 2px solid var(--danger);}.odre-reader .invalid-learning-block pre { white-space: pre-wrap; font-size: 12px;}.odre-reader .exercise-begin { display: inline-flex; gap: 10px; color: var(--learning-blue); font: 500 12px/1.4 Inter, sans-serif; background: transparent; border: 0; padding: 8px 0; margin: 4px 0 10px;}.odre-reader .code-language { position: absolute; top: 12px; left: 16px; color: var(--muted); font: 10px/1.4 Inter, sans-serif;}.odre-reader .code-block:has(.code-language) pre { padding-top: 38px;}.odre-reader .hljs-keyword,.odre-reader .hljs-built_in,.odre-reader .hljs-title { color: var(--learning-blue);}.odre-reader .hljs-string,.odre-reader .hljs-number,.odre-reader .hljs-literal { color: var(--learning-amber);}.odre-reader .hljs-comment { color: var(--muted); font-style: italic;}@container (max-width:720px) { .odre-reader .translation-grid { grid-template-columns: minmax(0, 1fr) 150px; gap: 24px; } .odre-reader .translation-physical { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; } .odre-reader .translation-physical h4 { grid-column: 1/-1; } .odre-reader .physical-result { margin-top: 0; align-content: center; }}@container (max-width:480px) { .odre-reader .translation-grid { grid-template-columns: minmax(0, 1fr) 120px; gap: 20px; } .odre-reader .translation-controls { gap: 18px; flex-wrap: wrap; } .odre-reader .translation-controls .offset-slider { min-width: 140px; } .odre-reader .address-parts strong { font-size: 30px; } .odre-reader .address-parts button { padding: 12px 8px; } .odre-reader .address-parts small { font-size: 9px; }}@container odre-reader (max-width: 1100px) { .odre-reader .translation-grid { grid-template-columns: minmax(0, 1fr) 150px; gap: 24px; } .odre-reader .translation-physical { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 24px; } .odre-reader .translation-physical h4 { grid-column: 1/-1; } .odre-reader .physical-result { margin-top: 0; align-content: center; }}@container odre-reader (max-width: 640px) { .odre-reader .reading-mode .article { padding: 28px 22px 80px; } .odre-reader .reading-mode .article-prose { font-size: 18px; } .odre-reader .translation-controls { gap: 18px; flex-wrap: wrap; } .odre-reader .translation-controls .offset-slider { min-width: 140px; } .odre-reader .translation-grid { grid-template-columns: minmax(0, 1fr) 120px; gap: 20px; } .odre-reader .address-parts strong { font-size: 30px; } .odre-reader .address-parts button { padding: 12px 8px; } .odre-reader .address-parts small { font-size: 9px; } .odre-reader .translation-equation { font-size: 20px; gap: 9px; } .odre-reader .lesson-callout { padding-left: 16px; }}.odre-reader .learning-editor { display: flex; flex-direction: column; overflow: hidden;}.odre-reader .learning-editor form { display: flex; flex-direction: column; min-height: 0;}.odre-reader .learning-editor-fields { min-height: 0; max-height: calc(100dvh - 235px); overflow-y: auto; overscroll-behavior: contain; padding-right: 3px;}.odre-reader .learning-editor .form-actions { flex-shrink: 0; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line-soft);}.odre-reader .markdown-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; color: var(--muted-strong); font-size: 12px;}.odre-reader .editor-tabs { width: 150px; padding: 3px; border-radius: 8px;}.odre-reader .editor-tabs button { padding: 6px; font-size: 11px;}.odre-reader .markdown-field textarea { width: 100%; min-height: 160px; resize: vertical; font: 13px/1.7 Inter, sans-serif;}.odre-reader .markdown-preview { min-height: 160px; max-height: 360px; overflow: auto; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-subtle); font-size: 17px;}.odre-reader .floating-field { position: relative;}.odre-reader .floating-field input { height: 52px; padding: 22px 12px 8px;}.odre-reader .floating-field > span { position: absolute; left: 13px; top: 17px; font-size: 13px; color: var(--muted); pointer-events: none; transform-origin: left top; transition: transform 180ms ease;}.odre-reader .floating-field input:focus + span,.odre-reader .floating-field input:not(:placeholder-shown) + span { transform: translateY(-9px) scale(0.8);}.odre-reader .note-source { border: 1px solid var(--line); padding: 12px; border-radius: 8px; background: var(--surface-subtle); font-size: 12px;}.odre-reader .note-source summary { cursor: pointer; color: var(--muted);}.odre-reader .note-source blockquote { margin: 12px 0 0; max-height: 140px; overflow: auto; font-size: 13px; line-height: 1.7;}.odre-reader .notebook-toolbar,.odre-reader .notebook-note header,.odre-reader .notebook-note footer,.odre-reader .review-progress,.odre-reader .review-source { display: flex; align-items: center; justify-content: space-between; gap: 12px;}.odre-reader .notebook-toolbar { margin: 12px 0 20px;}.odre-reader .notebook-list { display: grid; gap: 16px;}.odre-reader .notebook-note { border: 1px solid var(--line); border-radius: 10px; padding: 20px; background: var(--surface-subtle); overflow-wrap: anywhere;}.odre-reader .notebook-note header h3 { margin: 0; font-size: 16px;}.odre-reader .notebook-note blockquote { margin: 16px 0; padding-left: 12px; border-left: 2px solid var(--line-strong); color: var(--muted); font-size: 13px; line-height: 1.7;}.odre-reader .note-prose { font-size: 17px; line-height: 1.7; margin: 16px 0;}.odre-reader .notebook-note footer { border-top: 1px solid var(--line-soft); padding-top: 12px; flex-wrap: wrap;}.odre-reader .notebook-note footer button { font-size: 11px;}.odre-reader .highlight-note-actions { display: flex; flex-wrap: wrap; gap: 8px;}.odre-reader .highlight-note-actions button { font-size: 12px;}.odre-reader .review-tabs { margin: 16px 0 24px;}.odre-reader .review-progress { font-size: 12px; color: var(--muted); margin-bottom: 24px; flex-wrap: wrap;}.odre-reader .review-content { padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-subtle); min-height: 160px; font-size: 20px;}.odre-reader .review-content > :first-child { margin-top: 0;}.odre-reader .review-answer { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 20px; animation: odre-reader-action-enter 180ms ease;}.odre-reader .review-source { margin: 16px 0; font-size: 12px;}.odre-reader .review-reveal { width: 100%; min-height: 42px;}.odre-reader .review-grades { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px;}.odre-reader .review-grades button { display: grid; gap: 5px; padding: 12px 5px;}.odre-reader .review-grades small { color: var(--muted); font-size: 10px;}.odre-reader .review-card-list { display: grid; gap: 10px;}.odre-reader .review-card-list section { display: flex; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 8px; padding: 14px;}.odre-reader .review-card-list section > div { min-width: 0; flex: 1; display: grid; gap: 6px;}.odre-reader .review-card-list strong { font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere;}.odre-reader .review-card-list section span { font-size: 11px; color: var(--muted);}.odre-reader .search-filters { display: flex; gap: 4px; padding: 8px 16px; overflow-x: auto; border-bottom: 1px solid var(--line);}.odre-reader .search-filters button { font-size: 11px; padding: 6px 10px; white-space: nowrap; border-color: transparent; background: transparent;}.odre-reader .search-filters button.active { background: var(--accent-bg); color: var(--accent); border-color: var(--accent-soft);}.odre-reader .knowledge-search { width: min(680px, calc(100vw - 28px));}.odre-reader .knowledge-result { align-items: flex-start; padding-top: 12px; padding-bottom: 12px;}.odre-reader .knowledge-result > svg { margin-top: 2px; flex-shrink: 0;}.odre-reader .knowledge-result strong { font-weight: 500; font-size: 13px;}.odre-reader .search-excerpt { color: var(--muted-strong); font-size: 12px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: anywhere;}.odre-reader .compare-pane { position: relative; flex: 0 0 auto; max-width: 48%; min-width: 0;}.odre-reader .compare-pane .article { padding: 28px clamp(20px, 3vw, 40px) 80px;}.odre-reader .compare-pane .article-prose { font-size: 18px;}.odre-reader .compare-pane .reader-title { min-width: 0;}.odre-reader .compare-pane .reader-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.odre-reader .compare-resize { position: absolute; left: -8px; top: 0; bottom: 0; width: 8px; cursor: col-resize; z-index: 3; touch-action: none;}.odre-reader .compare-resize::after { content: ""; position: absolute; top: calc(50% - 18px); left: 2px; width: 3px; height: 36px; border-radius: 2px; background: var(--line-strong);}.odre-reader .workspace:has(.compare-pane):has(.assistant-wrap:not(.hidden-panel)) .compare-pane { max-width: 30%;}.odre-reader .workspace:has(.compare-pane) > .reader:not(.compare-pane) { min-width: 0;}@container odre-reader (max-width: 999px) { .odre-reader .workspace:has(.compare-pane) { flex-direction: column; } .odre-reader .workspace .compare-pane { width: 100% !important; max-width: none !important; flex: 1; min-height: 0; } .odre-reader .workspace:has(.compare-pane) > .reader:not(.compare-pane) { flex: 1; min-height: 0; } .odre-reader .compare-resize { display: none; }}@container odre-reader (max-width: 640px) { .odre-reader .exercise-answer-input { padding: 12px; } .odre-reader .exercise-footer > button { flex: 1; } .odre-reader .notebook-note { padding: 14px; } .odre-reader .notebook-note header { align-items: flex-start; } .odre-reader .notebook-note header h3 { overflow-wrap: anywhere; } .odre-reader .review-content { padding: 18px; font-size: 18px; } .odre-reader .review-grades { gap: 5px; } .odre-reader .review-grades button { font-size: 12px; }}.odre-reader .exercise > .eyebrow { font-family: Inter, sans-serif;}.odre-reader .article-prose .katex { font-size: 1.06em;}.odre-reader .article-prose .katex-display { margin: 24px 0; padding: 16px 12px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--surface-subtle); max-width: 100%;}.odre-reader .katex-display { overflow: auto hidden; padding: 5px 0;}.odre-reader .assistant-wrap { position: relative; flex-shrink: 0; min-height: 0; border-left: 1px solid var(--line);
border: 1px solid var(--line); border-radius: 10px; background: var(--panel);}.odre-reader .assistant-panel { height: 100%; width: 100%;}.odre-reader .assistant-panel-actions { display: flex; flex-shrink: 0; gap: 4px;}.odre-reader .assistant-wrap.expanded { position: absolute !important; inset: 0 8px 8px !important; width: auto !important; max-width: none !important; z-index: 25;}.odre-reader .assistant-wrap.expanded > .resize-handle { display: none;}.odre-reader .assistant-wrap.expanded .transcript,.odre-reader .assistant-wrap.expanded .composer,.odre-reader .assistant-wrap.expanded .selected-context,.odre-reader .assistant-wrap.expanded .panel-tabs { width: min(100%, 960px); margin-left: auto; margin-right: auto;}.odre-reader.panel-resizing .assistant-wrap,.odre-reader.panel-resizing .library-panel { transition: none;}.odre-reader .panel-tabs { flex-shrink: 0; margin: 0 12px 0;}.odre-reader .panel-tabs button { min-height: 34px; justify-content: center; gap: 6px;}.odre-reader .panel-tabs .count { display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; padding: 0 5px; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1;}.odre-reader .panel-tabs button.active .count { border-color: var(--accent-soft); background: var(--accent-bg); color: var(--accent);}.odre-reader .modal.chat-switcher-modal { width: min(620px, calc(100vw - 32px));}.odre-reader .conversation-search { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line); padding-bottom: 12px; color: var(--muted);}.odre-reader .conversation-search input { min-width: 0; border: 0; background: none; padding: 6px 0; box-shadow: none; font-size: 13px;}.odre-reader .chat-switcher-modal .chat-list { max-height: min(480px, 60dvh); overflow: auto; margin: 8px 0 0;}.odre-reader .chat-row { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--line-soft);}.odre-reader .chat-row:last-child { border-bottom: 0;}.odre-reader .chat-row.active { background: var(--surface-subtle);}.odre-reader .chat-select { flex: 1; min-width: 0; border: 0; border-radius: 0; background: none; text-align: left; justify-content: flex-start; padding: 14px 10px; gap: 12px;}.odre-reader .chat-select > svg { flex-shrink: 0; color: var(--muted-strong);}.odre-reader .chat-select > span { min-width: 0; display: flex; flex-direction: column; gap: 5px; flex: 1;}.odre-reader .chat-select strong { font-size: 13px; font-weight: 500; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}.odre-reader .chat-select span span { font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.odre-reader .chat-row-actions { display: flex; flex-shrink: 0; padding-right: 6px;}.odre-reader .chat-row-actions .icon-button { width: 32px; height: 32px;}.odre-reader .conversation-empty { margin: 24px 10px; font-size: 13px; color: var(--muted);}.odre-reader .selected-context { flex-shrink: 0; padding: 4px 12px; border-top: 1px solid var(--line-soft); background: var(--surface-subtle);}.odre-reader .context-heading { display: flex; align-items: center; justify-content: space-between; gap: 6px;}.odre-reader .context-toggle { min-width: 0; font-size: 11px; justify-content: flex-start;}.odre-reader .context-toggle > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.odre-reader .context-toggle > svg { flex-shrink: 0;}.odre-reader .context-details { max-height: min(130px, 20dvh); overflow: auto; padding: 4px 0 8px;}.odre-reader .selected-context blockquote { padding-left: 10px; border-left: 2px solid var(--accent); font: 12px/1.6 Inter, sans-serif; margin: 4px 0; color: var(--muted);}.odre-reader .context-details > .text-button { font-size: 11px; color: var(--accent);}.odre-reader .transcript { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 20px;}.odre-reader .message { overflow-wrap: anywhere; font-size: 13px; line-height: 1.7;
margin-bottom: 28px;}.odre-reader .message.user { margin-left: 0; padding: 14px 16px; background: var(--surface-user); font-size: 14px; color: var(--text); border-radius: 10px;}.odre-reader .message.user > p { margin: 0;}.odre-reader .message.assistant { font: 400 15px/1.7 Inter, sans-serif; color: var(--text);}.odre-reader .message.assistant > p { margin: 0 0 16px;}.odre-reader .message h1,.odre-reader .message h2,.odre-reader .message h3 { font-size: 17px; font-weight: 600; margin: 20px 0 10px;}.odre-reader .message pre { font-size: 11px; padding: 14px;}.odre-reader .message :not(pre) > code { font: 11px ui-monospace, monospace; color: var(--text-body); background: var(--surface); padding: 2px 4px; border-radius: 3px;}.odre-reader .message ul,.odre-reader .message ol { padding-left: 21px;}.odre-reader .message li { margin: 5px 0;}.odre-reader .message blockquote { margin: 8px 0; padding: 5px 12px; border-left: 2px solid var(--line-strong); color: var(--muted);}.odre-reader .message-footer { display: flex; align-items: center; margin-top: 10px; color: var(--muted); flex-wrap: wrap;
gap: 7px; font-size: 11px;}.odre-reader .copy-action { display: inline-flex; min-height: 30px; align-items: center; gap: 6px; padding: 0 8px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--muted-strong); font-size: 11px; font-weight: 500; transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .copy-action:hover:not(:disabled) { border-color: var(--line-soft); background: var(--surface-hover); color: var(--text);}.odre-reader .copy-action:active:not(:disabled) { transform: scale(0.96);}.odre-reader .copy-action.is-copied { border-color: var(--success-border); background: var(--success-bg); color: var(--success);}.odre-reader .copy-action:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px;}.odre-reader .message-footer .text-button { padding: 0; gap: 4px;
font-size: 11px;}.odre-reader .context-used { font-size: 10px; color: var(--muted); margin-top: 9px;}.odre-reader summary { cursor: pointer; color: var(--muted); line-height: 1.6;}.odre-reader details[open] > summary { margin-bottom: 10px;}.odre-reader .context-used > div { display: flex; flex-wrap: wrap; gap: 7px;}.odre-reader .context-used a { display: inline-flex; align-items: center; gap: 4px; padding: 3px 0; font-size: 10px;}.odre-reader .citation { display: inline-flex; background: var(--accent-bg); color: var(--accent); border: 1px solid var(--line-soft); padding: 3px 7px; border-radius: 4px; font-size: 11px;}.odre-reader .message-context { font-size: 10px; margin-bottom: 8px;}.odre-reader .message-context blockquote { font-size: 12px;}.odre-reader .thinking { color: var(--muted); font-size: 13px;}.odre-reader .thinking span { animation: odre-reader-pulse 1.4s ease-in-out infinite;}.odre-reader .composer { flex-shrink: 0;
padding: 12px; border-top: 0; background: var(--panel);}/* Assistant composer controls */.odre-reader .composer-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px 8px;}.odre-reader .chat-settings-controls { display: grid; gap: 18px; min-width: 0;}.odre-reader .model-picker-popup.model-picker-inline { position: static; margin-top: 8px; max-height: min(250px, 35dvh); box-shadow: none;}.odre-reader .chat-settings-controls .model-controls { display: block;}.odre-reader .chat-settings-controls .model-picker-trigger { width: 100%;}.odre-reader .chat-settings-controls .page-image-option { min-height: 28px; padding: 0; font-size: 12px;}.odre-reader .model-controls { display: flex; align-items: center; gap: 6px; min-width: 0;}.odre-reader .model-picker-trigger { width: 0; flex: 1; min-width: 0; min-height: 38px; padding: 0 10px; border: 1px solid var(--line-soft); border-radius: 9px; background: var(--surface-subtle); font-size: 12px; justify-content: flex-start; gap: 8px;}.odre-reader .model-picker-trigger > span { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.odre-reader .model-picker-trigger > svg { flex-shrink: 0; color: var(--muted);}.odre-reader .model-picker-popup { position: fixed; z-index: 70; display: flex; flex-direction: column; padding: 6px; background: var(--panel); color: var(--text); border: 1px solid var(--line-strong); border-radius: 11px; box-shadow: 0 12px 34px var(--shadow-medium); animation: odre-reader-action-enter 140ms ease;}.odre-reader .model-picker-search { display: flex; align-items: center; gap: 8px; padding: 8px; border-bottom: 1px solid var(--line-soft); color: var(--muted);}.odre-reader .model-picker-search input { border: 0; box-shadow: none; background: none; padding: 2px 0; font-size: 12px;}.odre-reader .model-picker-list { min-height: 0; overflow-y: auto; padding-top: 5px;}.odre-reader .model-picker-option { display: flex; width: 100%; gap: 10px; justify-content: space-between; padding: 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; text-align: left;}.odre-reader .model-picker-option > span { display: grid; gap: 3px; min-width: 0;}.odre-reader .model-picker-option strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere;}.odre-reader .model-picker-option small { color: var(--muted); font-size: 10px;}.odre-reader .model-picker-option.focused { background: var(--accent-bg); border-color: var(--accent-soft);}.odre-reader .model-picker-option > svg { color: var(--accent); flex-shrink: 0;}.odre-reader .model-picker-empty { padding: 16px; margin: 0; text-align: center; color: var(--muted); font-size: 12px;}.odre-reader .reasoning-control { display: block; min-inline-size: 0; min-width: 0; margin: 0; padding: 0; border: 0;}.odre-reader .reasoning-control legend { padding: 0; color: var(--muted); font-size: 10px; white-space: nowrap; margin-bottom: 6px;}.odre-reader .reasoning-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); min-width: 0; gap: 3px; padding: 3px; border: 1px solid var(--line-soft); border-radius: 9px; background: var(--surface-inset);}.odre-reader .reasoning-option { position: relative; display: flex; min-width: 0; min-height: 32px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 6px; color: var(--muted); cursor: pointer; transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 160ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .reasoning-option input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; appearance: none; border: 0; background: transparent; box-shadow: none; opacity: 0; cursor: pointer;}.odre-reader .reasoning-option > span { padding: 0 2px; font-size: 11px; white-space: nowrap;}.odre-reader .reasoning-option.active { border-color: var(--line-soft); background: var(--panel); box-shadow: 0 1px 2px var(--shadow-small); color: var(--text); font-weight: 550;}.odre-reader .reasoning-option input:focus-visible + span { outline: 2px solid var(--accent); outline-offset: 2px;}.odre-reader .reasoning-control:disabled .reasoning-option { cursor: not-allowed; opacity: 0.5;}.odre-reader .prompt-box { position: relative;
background: var(--surface-prompt); border: 1px solid var(--line-soft); border-radius: 14px; transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;}.odre-reader .prompt-box:focus-within { border-color: var(--accent); background: var(--panel); box-shadow: 0 0 0 3px var(--focus-ring);}.odre-reader .prompt-box textarea { border: 0; box-shadow: none; background: none; resize: none; display: block;
padding: 14px 14px 10px; font-size: 14px; min-height: 60px; max-height: min(140px, 20dvh); overflow-y: auto; line-height: 1.6;}.odre-reader .send-button { right: 7px; bottom: 8px;
position: static; border: 0; background: var(--primary); color: var(--primary-text); border-radius: 50%; width: 32px; height: 32px; flex-shrink: 0; box-shadow: 0 1px 2px var(--shadow-soft); transition: background-color 150ms ease, transform 160ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 150ms ease;}.odre-reader .send-button:hover:not(:disabled) { transform: translateY(-1px); background: var(--primary-hover); color: var(--primary-text); box-shadow: 0 3px 8px var(--shadow-soft);}.odre-reader .send-button:active:not(:disabled) { transform: scale(0.93);}.odre-reader .checkbox-row { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 400;}.odre-reader .page-image-option { color: var(--muted);
margin: 0; padding: 0 4px 8px; font-size: 10px; flex-basis: 100%;}.odre-reader .page-image-option .text-button { font-size: 10px; color: var(--accent); margin-left: auto;}.odre-reader .chat-error { padding: 10px 20px; border-top: 1px solid var(--danger-border); color: var(--danger); background: var(--danger-bg); font-size: 11px; line-height: 1.6;}.odre-reader .new-reply { position: absolute; bottom: 169px; left: 50%; transform: translateX(-50%); z-index: 2; font-size: 11px; white-space: nowrap; background: var(--accent-bg);}.odre-reader .rotate { transform: rotate(-90deg);}.odre-reader .source-list { overflow: auto; padding: 10px 24px 30px; flex: 1;}.odre-reader .source-row { display: flex; gap: 16px; padding: 25px 0; border-bottom: 1px solid var(--line);}.odre-reader .source-row > svg { flex-shrink: 0; margin-top: 3px; color: var(--muted);}.odre-reader .source-row h3 { font-size: 14px; line-height: 1.6; font-weight: 500; margin: 0 0 12px;}.odre-reader .source-row p { color: var(--muted); font-size: 12px; line-height: 1.7;}.odre-reader .source-row a { display: inline-flex; align-items: center; gap: 6px; font-size: 12px;}.odre-reader .source-row .eyebrow { display: block; margin-bottom: 8px;}.odre-reader .source-row details { margin-top: 14px; font-size: 11px;}.odre-reader .source-note { font-size: 12px; line-height: 1.8;}.odre-reader .loading { display: flex; flex: 1; justify-content: center; align-items: center; gap: 12px; padding: 30px; color: var(--muted); font-size: 13px;}.odre-reader .empty-state { text-align: center; max-width: 380px; padding: 40px 16px; margin: auto; color: var(--muted);}.odre-reader .empty-state-icon { display: inline-grid; place-items: center; width: 50px; height: 50px; border: 1px solid var(--accent-soft); border-radius: 14px; color: var(--accent); background: var(--accent-bg);}.odre-reader .empty-state h2 { margin: 13px 0 10px;
font: 500 17px/1.5 Inter, sans-serif; color: var(--text);}.odre-reader .empty-state p { font-size: 12px; line-height: 1.8; margin: 0;}.odre-reader .empty-state > button { margin-top: 22px;}.odre-reader .library-overview { overflow: auto; flex: 1;
padding: 40px clamp(24px, 4vw, 64px);}.odre-reader .overview-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 35px;}.odre-reader .overview-heading h1 { margin: 8px 0;
font: 600 32px Inter, sans-serif; letter-spacing: -0.04em;}.odre-reader .overview-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); align-content: start; gap: 12px; padding-bottom: 20px;}.odre-reader .overview-list > button { display: grid; width: 100%; min-width: 0; min-height: 86px; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--panel); box-shadow: 0 1px 2px var(--shadow-small); text-align: left; transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 180ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .overview-list > button:hover:not(:disabled) { transform: translateY(-1px); border-color: var(--line-strong); background: var(--surface-subtle); box-shadow: 0 4px 12px var(--shadow-small);}.odre-reader .overview-list > button:active:not(:disabled) { transform: scale(0.99);}.odre-reader .overview-list > button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px;}.odre-reader .overview-list .material-card-date svg { color: var(--muted-strong);}.odre-reader .overview-list .material-icon { width: 42px; height: 42px; border-radius: 10px; background: var(--accent-bg); color: var(--accent);}.odre-reader .overview-list .material-details { min-width: 0; display: flex; flex-direction: column; gap: 4px; flex: 1;}.odre-reader .overview-list strong { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 12px; font-weight: 550; line-height: 1.45;}.odre-reader .overview-list span span,.odre-reader .updated-date { font-size: 11px; color: var(--muted);}.odre-reader .overview-list .material-details > span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4;}.odre-reader .material-card-date { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; white-space: nowrap;}.odre-reader .selection-toolbar { position: fixed; z-index: 25; display: flex; max-width: calc(100vw - 24px); flex-wrap: wrap; border: 1px solid var(--line-strong); border-radius: 6px; padding: 3px;
background: var(--panel); border-color: var(--line-strong); box-shadow: 0 6px 24px var(--shadow-medium);}.odre-reader .selection-toolbar > button { border: 0; background: none; padding: 7px 10px; font-size: 12px;}.odre-reader .selection-toolbar .ask-action { color: var(--accent); background: var(--accent-bg);}.odre-reader .selection-toolbar > .icon-button { padding: 0; width: 24px;}.odre-reader .modal-overlay { position: fixed; inset: 0; background: var(--overlay); z-index: 50; animation: odre-reader-fade 0.15s ease;}.odre-reader .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(560px, calc(100vw - 36px)); max-height: calc(100dvh - 64px); overflow: auto; border-radius: 10px; padding: 26px; z-index: 51;
background: var(--panel); border: 1px solid var(--line); box-shadow: 0 20px 70px var(--shadow-large);}.odre-reader .modal[data-state="open"] { animation: odre-reader-modal-open 180ms ease-out;}.odre-reader .modal[data-state="closed"] { animation: odre-reader-modal-close 140ms ease-in;}.odre-reader .modal-overlay[data-state="closed"] { animation: odre-reader-overlay-close 140ms ease-in;}@keyframes odre-reader-modal-open { from { opacity: 0; transform: translate(-50%, -48%) scale(0.98); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); }}@keyframes odre-reader-modal-close { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -48%) scale(0.98); }}@keyframes odre-reader-overlay-close { from { opacity: 1; } to { opacity: 0; }}.odre-reader .modal-wide { width: min(880px, calc(100vw - 36px));}.odre-reader .command-palette { width: min(560px, calc(100vw - 28px)); padding: 18px;}.odre-reader .command-palette .modal-heading { margin-bottom: 12px;}.odre-reader .command-palette .modal-heading h2 { font-size: 17px;}.odre-reader .command-search { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 12px; color: var(--muted); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 8px; transition: border-color 140ms ease, box-shadow 140ms ease;}.odre-reader .command-search:focus-within { border-color: var(--accent); box-shadow: 0 0 0 2px var(--focus-ring);}.odre-reader .command-search input { width: 100%; padding: 0; color: var(--text); background: transparent; border: 0; box-shadow: none; font-size: 14px;}.odre-reader .command-search input:focus { border: 0; box-shadow: none;}.odre-reader .command-search input::-webkit-search-cancel-button { display: none;}.odre-reader .command-search kbd,.odre-reader .command-footer kbd { display: inline-flex; min-width: 19px; height: 19px; align-items: center; justify-content: center; padding: 0 4px; color: var(--muted); background: var(--panel); border: 1px solid var(--line); border-radius: 4px; font: 500 10px/1 Inter, sans-serif;}.odre-reader .command-results { max-height: min(54dvh, 380px); overflow-y: auto; margin: 8px -6px 0; scrollbar-gutter: stable;}.odre-reader .command-section + .command-section { margin-top: 6px; padding-top: 7px; border-top: 1px solid var(--line);}.odre-reader .command-section h3 { margin: 5px 8px 4px; color: var(--muted); font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;}.odre-reader .command-option { display: flex; width: 100%; min-height: 38px; justify-content: flex-start; gap: 10px; padding: 7px 9px; color: var(--text); background: transparent; border-color: transparent; border-radius: 7px; text-align: left;}.odre-reader .command-option > svg:first-child { flex: 0 0 auto; color: var(--muted);}.odre-reader .command-option > svg:last-child { flex: 0 0 auto; margin-left: auto; color: var(--muted); opacity: 0; transform: translateX(-3px); transition: opacity 140ms ease, transform 140ms ease;}.odre-reader .command-option:hover,.odre-reader .command-option:focus-visible { background: var(--accent-bg); border-color: var(--accent-soft);}.odre-reader .command-option:hover > svg:last-child,.odre-reader .command-option:focus-visible > svg:last-child { opacity: 1; transform: translateX(0);}.odre-reader .command-option-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500;}.odre-reader .command-option-copy { display: grid; min-width: 0; gap: 2px;}.odre-reader .command-option-detail { overflow: hidden; color: var(--muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap;}.odre-reader .command-empty { margin: 0; padding: 28px 10px; color: var(--muted); font-size: 13px; text-align: center;}.odre-reader .command-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 8px; padding-top: 10px; color: var(--muted); border-top: 1px solid var(--line); font-size: 10px;}.odre-reader .command-footer span { display: inline-flex; align-items: center; gap: 4px;}.odre-reader .modal-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 10px;}.odre-reader .modal-heading h2 { margin: 0;
font: 600 21px Inter, sans-serif; letter-spacing: -0.03em;}.odre-reader .modal-description { color: var(--muted); font-size: 13px; line-height: 1.7; margin: 0 0 25px;}.odre-reader .modal label:not(.checkbox-row) { display: block; margin: 16px 0; color: var(--text-body); font-size: 12px;}.odre-reader .modal label > input,.odre-reader .modal label > textarea,.odre-reader .modal label > select,.odre-reader .password-field { margin-top: 8px;}.odre-reader .modal h3 { margin: 0 0 8px; font-size: 14px; font-weight: 500;}.odre-reader .form-actions { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 24px;}.odre-reader .form-actions .danger { margin-right: auto;}.odre-reader .form-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}.odre-reader .code-editor { font: 12px/1.7 ui-monospace, monospace; tab-size: 2;}.odre-reader .settings-grid { display: grid; grid-template-columns: 180px 1fr; gap: 30px;}.odre-reader .appearance-settings { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line);}.odre-reader .appearance-settings h3 { margin: 0 0 12px;}.odre-reader .theme-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px;}.odre-reader .theme-option { min-height: 52px; justify-content: flex-start; padding: 8px 12px; background: var(--panel);}.odre-reader .theme-option[aria-pressed="true"] { background: var(--accent-bg); border-color: var(--accent); box-shadow: 0 1px 2px var(--shadow-small);}.odre-reader .theme-preview { display: grid; grid-template-columns: 0.8fr 1.3fr 0.4fr; width: 36px; height: 26px; flex-shrink: 0; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 5px;}.odre-reader .theme-preview > span:first-child { background: var(--preview-sidebar);}.odre-reader .theme-preview > span:nth-child(2) { background: var(--preview-panel);}.odre-reader .theme-preview > span:last-child { background: var(--preview-accent);}.odre-reader .theme-preview[data-theme-preview="light"] { --preview-sidebar: #f5f6f7; --preview-panel: #ffffff; --preview-accent: #326ba9;}.odre-reader .theme-preview[data-theme-preview="black"] { --preview-sidebar: #000000; --preview-panel: #101013; --preview-accent: #8ab4f8;}.odre-reader .theme-preview[data-theme-preview="nord"] { --preview-sidebar: #2e3440; --preview-panel: #3b4252; --preview-accent: #88c0d0;}.odre-reader .provider-nav { display: flex; flex-direction: column; gap: 7px; padding-top: 18px;}.odre-reader .provider-nav > .eyebrow { margin-bottom: 10px;}.odre-reader .provider-nav > button { position: relative; text-align: left; justify-content: space-between; font-size: 12px; border-color: transparent; background: none; padding: 10px;}.odre-reader .provider-nav > button.active { background: var(--accent-bg); border-color: var(--accent-soft); color: var(--text);}.odre-reader .provider-nav > button.active::before { content: ""; position: absolute; left: 2px; top: 50%; width: 3px; height: 16px; border-radius: 999px; background: var(--accent); transform: translateY(-50%);}.odre-reader .password-field { position: relative;}.odre-reader .password-field input { padding-right: 42px;}.odre-reader .password-field > .icon-button { position: absolute; right: 4px; top: 5px;}.odre-reader .advanced-settings { margin-top: 20px;}.odre-reader .data-settings { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; border-top: 1px solid var(--line); padding-top: 23px; margin-top: 30px;}.odre-reader .data-settings > div { flex: 1; min-width: 180px;}.odre-reader .data-settings p { margin: 0;}.odre-reader .data-settings .button,.odre-reader .data-settings > button { font-size: 12px;}.odre-reader .import-tabs { max-width: 330px; margin-bottom: 23px;}.odre-reader .dropzone { width: 100%; padding: 50px 25px; border: 1px dashed var(--line-strong); flex-direction: column; gap: 17px; margin: 16px 0 22px;
color: var(--text); background: var(--dropzone-bg); border-color: var(--line-strong);}.odre-reader .dropzone strong { font-weight: 500; font-size: 16px;}.odre-reader .dropzone span { color: var(--muted); font-size: 12px;}.odre-reader .dropzone.dragging { border-color: var(--accent); background: var(--accent-bg);}.odre-reader .import-info { display: flex; gap: 14px; color: var(--muted); font-size: 12px; line-height: 1.8;}.odre-reader .import-info > svg { flex-shrink: 0; margin-top: 3px;}.odre-reader .import-info p { margin: 0;}.odre-reader .import-info code { color: var(--text-body);}.odre-reader .outline-list { display: flex; flex-direction: column; gap: 4px;}.odre-reader .outline-list > button { border: 0; background: none; justify-content: space-between; text-align: left; padding: 13px 18px; font-size: 13px;}.odre-reader .outline-list > button span { color: var(--muted);}.odre-reader .highlight-item { padding: 17px 0; border-bottom: 1px solid var(--line);}.odre-reader .highlight-item > div { display: flex; justify-content: space-between;}.odre-reader .highlight-item blockquote { font: 16px/1.7 var(--serif); border-left: 2px solid var(--saved-highlight-accent); margin: 8px 0 17px; padding-left: 15px; color: var(--saved-highlight-text);}.odre-reader .highlight-item textarea { font-size: 12px;}.odre-reader .toast { position: fixed; z-index: 65; bottom: 22px; left: 50%; transform: translateX(-50%); max-width: min(620px, calc(100vw - 30px)); background: var(--success-bg); border: 1px solid var(--success-border); box-shadow: 0 7px 35px var(--shadow-medium); border-radius: 7px; padding: 10px 12px 10px 17px; display: flex; align-items: center; gap: 12px; font-size: 12px; line-height: 1.6;}.odre-reader .toast > svg { flex-shrink: 0;}.odre-reader .toast.error { background: var(--danger-bg); border-color: var(--danger-border);}.odre-reader .toast .icon-button { width: 25px;}.odre-reader .pdf-reader { position: relative; min-height: 0; flex: 1; display: flex; flex-direction: column;}.odre-reader .pdf-toolbar { position: absolute; top: 8px; right: 12px; z-index: 8; display: flex; flex-direction: column; align-items: flex-end; max-width: calc(100% - 24px);}.odre-reader .pdf-toolbar-toggle { min-height: 30px; gap: 6px; padding: 5px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--muted-strong); font-size: 11px; box-shadow: 0 1px 4px var(--shadow-soft);}.odre-reader .pdf-toolbar-controls { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; max-width: 100%; max-height: min(250px, 45dvh); overflow: auto; margin-top: 6px; padding: 8px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); box-shadow: 0 4px 14px var(--shadow-soft);}.odre-reader .pdf-toolbar-controls[hidden] { display: none;}.odre-reader .pdf-toolbar-controls > select { width: 106px; padding: 7px 8px; font-size: 12px;}.odre-reader .pdf-toolbar-controls > .text-button { font-size: 12px;}.odre-reader .page-control { display: flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel);}.odre-reader .page-control > form { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px;}.odre-reader .page-control input { width: 52px; padding: 7px; text-align: center; font-size: 12px; border-color: transparent; background: transparent;}.odre-reader .page-control input:focus { border-color: transparent;}.odre-reader .page-control .icon-button { width: 30px; height: 30px; color: var(--text);}.odre-reader .pdf-scroll { flex: 1; min-height: 0; overflow: auto; padding: 28px 20px 45px;
background: var(--surface-hover);}.odre-reader .react-pdf__Document { width: max-content; min-width: 100%;}.odre-reader .pdf-page { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; background: white;
box-shadow: 0 1px 6px var(--shadow-soft);}.odre-reader .pdf-virtual-document { position: relative; overflow-anchor: none;}.odre-reader .pdf-scroll { overflow-anchor: none; overscroll-behavior: contain;}.odre-reader .pdf-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px;}.odre-reader .pdf-page .loading { height: 100%; min-height: 120px; color: var(--muted-strong);}.odre-reader .react-pdf__Page { background: white;}.odre-reader .react-pdf__Page__canvas { display: block;}.odre-reader .react-pdf__Page__textContent { user-select: text;}.odre-reader .pdf-highlight-layer { position: absolute; inset: 0; pointer-events: none; z-index: 4; mix-blend-mode: multiply;}.odre-reader .pdf-highlight-layer > span { position: absolute; background: #f6d9769e;}.odre-reader .pdf-page ::selection { background: #4396e172; color: transparent;}.odre-reader .notice { padding: 10px 20px; font-size: 12px; line-height: 1.7;
background: var(--notice-bg); color: var(--notice-text);}.odre-reader .notice.error { background: var(--danger-bg); color: var(--danger);}.odre-reader .notice > button { font-size: 11px; margin-left: 12px; padding: 3px 8px;}.odre-reader .search-form { display: flex; gap: 10px; margin: 20px 0;}.odre-reader .search-results { display: flex; flex-direction: column; max-height: 450px; overflow: auto; gap: 5px;}.odre-reader .search-results > button { flex-direction: column; text-align: left; align-items: stretch; font-size: 12px; line-height: 1.7; background: none; border: 0; border-bottom: 1px solid var(--line); padding: 15px 6px;}.odre-reader .search-results strong { color: var(--accent);}.odre-reader .search-results span { color: var(--muted);}.odre-reader .inline-error { font: 12px/1.7 Inter, sans-serif; color: var(--danger); padding: 15px;}.odre-reader .drawer-backdrop { display: none;}.odre-reader .spin { animation: odre-reader-spin 1s linear infinite;}@keyframes odre-reader-spin { to { transform: rotate(360deg); }}@keyframes odre-reader-pulse { 50% { opacity: 0.25; }}@keyframes odre-reader-fade { from { opacity: 0; } to { opacity: 1; }}@container odre-reader (min-width: 1800px) { .odre-reader .article { padding-top: 30px; max-width: 860px; } .odre-reader .article-prose { font-size: 20px; } .odre-reader .article > h1 { font-size: 54px; }}@container odre-reader (max-width: 1190px) { .odre-reader .app-header { padding: 0 18px; gap: 18px; } .odre-reader .library-panel { max-width: 22vw !important; } .odre-reader .assistant-wrap { max-width: none; } .odre-reader .global-search { flex-basis: 160px; } .odre-reader .global-search:focus-within { flex-basis: 215px; } .odre-reader .breadcrumb-subject { display: none; } .odre-reader .breadcrumb { gap: 8px; } .odre-reader .panel-toggles { gap: 7px; } .odre-reader .article { padding-left: 26px; padding-right: 26px; } .odre-reader .article > h1 { font-size: 36px; } .odre-reader .article-prose { font-size: 18px; } .odre-reader .article-prose h2 { font-size: 24px; } .odre-reader .reader-toolbar { padding: 9px 18px; } .odre-reader .reader-action-button > span { display: none; } .odre-reader .panel-title { padding-left: 12px; padding-right: 12px; } .odre-reader .model-controls { gap: 6px; } .odre-reader .transcript { padding: 18px; }}@container odre-reader (max-width: 999px) { .odre-reader .hidden-panel { margin-left: 0; } .odre-reader .library-panel, .odre-reader .assistant-wrap { position: absolute !important; top: 0; bottom: 0; z-index: 21; width: min(88vw, 420px) !important; box-shadow: 0 8px 40px var(--shadow-drawer); transition: transform 220ms ease, opacity 180ms ease, visibility 220ms; } .odre-reader .library-panel.hidden-panel { transform: translateX(-100%); } .odre-reader .assistant-wrap.hidden-panel { transform: translateX(100%); } .odre-reader .library-panel { left: 0; } .odre-reader .assistant-wrap { right: 0; width: min(var(--assistant-width, 420px), calc(100vw - 24px)) !important; max-width: none !important; } .odre-reader .resize-handle { display: none; } .odre-reader .assistant-wrap > .resize-handle { display: block; } .odre-reader .drawer-backdrop { position: absolute; inset: 0; z-index: 20; display: block; background: var(--overlay); border: 0; border-radius: 0; } .odre-reader .breadcrumb-subject { display: none; } .odre-reader .global-search { width: 150px; } .odre-reader .article { max-width: 780px; padding: 20px 36px 100px; } .odre-reader .article > h1 { font-size: 43px; } .odre-reader .article-prose { font-size: 18px; } .odre-reader .app-header { gap: 16px; } .odre-reader .panel-toggles button { padding: 8px; } .odre-reader .panel-toggles button span { display: none; } .odre-reader .brand span { font-size: 23px; } .odre-reader .brand { gap: 9px; }}@container odre-reader (max-width: 640px) { .odre-reader .workspace { padding: 0 5px 5px; gap: 5px; } .odre-reader .app-header { height: 50px; min-height: 50px; padding: 0 10px; gap: 8px; } .odre-reader .brand span { font-size: 18px; } .odre-reader .brand svg { width: 27px; } .odre-reader .panel-toggles { gap: 5px; } .odre-reader .breadcrumb { display: none; } .odre-reader .global-search { margin-left: auto; flex-basis: 130px; } .odre-reader .global-search:focus-within { flex-basis: min(168px, 42vw); } .odre-reader .global-search input { font-size: 11px; padding: 9px 7px; } .odre-reader .article { padding: 14px 22px 85px; } .odre-reader .article > h1 { font-size: 34px; margin-bottom: 20px; } .odre-reader .article-prose { font-size: 18px; } .odre-reader .article-prose h2 { font-size: 25px; } .odre-reader .exercise { padding: 16px; } .odre-reader .reader-toolbar { min-height: 54px; padding: 7px 9px; } .odre-reader .reader-title { gap: 6px; font-size: 11px; } .odre-reader .reader-title span { max-width: 160px; } .odre-reader .reader-toolbar > .text-button { font-size: 11px; } .odre-reader .reader-toolbar > div { gap: 0; } .odre-reader .icon-button { width: 30px; height: 30px; } .odre-reader .modal { padding: 20px; max-height: calc(100dvh - 32px); } .odre-reader .settings-grid { grid-template-columns: 1fr; gap: 7px; } .odre-reader .theme-options { gap: 7px; } .odre-reader .theme-option { flex-direction: column; gap: 6px; padding: 8px 4px; font-size: 11px; } .odre-reader .provider-nav { flex-direction: row; flex-wrap: wrap; padding-top: 0; } .odre-reader .provider-nav > .eyebrow { width: 100%; margin: 0; } .odre-reader .form-columns { grid-template-columns: 1fr; gap: 0; } .odre-reader .form-actions { gap: 8px; } .odre-reader .form-actions button { font-size: 12px; } .odre-reader .library-overview { padding: 30px 23px; } .odre-reader .overview-heading h1 { font-size: 36px; } .odre-reader .overview-heading > .primary { font-size: 11px; padding: 8px; } .odre-reader .overview-list .material-card-date { display: none; } .odre-reader .overview-list > button { min-height: 80px; grid-template-columns: 40px minmax(0, 1fr); padding: 11px; gap: 11px; } .odre-reader .overview-list .material-icon { width: 40px; height: 40px; } .odre-reader .pdf-toolbar { right: 8px; } .odre-reader .pdf-scroll { padding: 16px 12px 30px; } .odre-reader .reader-actions .icon-button, .odre-reader .panel-title .icon-button { width: 40px; height: 40px; } .odre-reader .send-button { width: 40px; height: 40px; } .odre-reader .page-image-option { min-height: 28px; }}@media (max-height: 560px) { .odre-reader .assistant-panel .panel-title { min-height: 40px; padding: 4px 12px; } .odre-reader .assistant-panel .panel-tabs button { min-height: 28px; } .odre-reader .composer { padding: 8px; } .odre-reader .prompt-box textarea { min-height: 42px; padding: 8px 10px; } .odre-reader .composer-actions { padding-bottom: 6px; } .odre-reader .composer-actions .send-button { width: 32px; height: 32px; }}
/* Source editor and deletion confirmation */.odre-reader .entity-heading,.odre-reader .entity-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px;}.odre-reader .source-row > div { min-width: 0; flex: 1;}.odre-reader .source-row .entity-delete { flex-shrink: 0; opacity: 0.55;}.odre-reader .source-row:hover .entity-delete,.odre-reader .source-row:focus-within .entity-delete { opacity: 1;}.odre-reader .source-editor-row { border: 1px solid var(--line); border-radius: 7px; padding: 14px; margin: 14px 0;}.odre-reader .model-tags { display: flex; flex-wrap: wrap; gap: 6px;}.odre-reader .model-tags > span { display: inline-flex; align-items: center; gap: 6px; background: var(--accent-bg); border: 1px solid var(--line-soft); border-radius: 6px; padding: 3px 6px 3px 10px; font-size: 11px; overflow-wrap: anywhere;}.odre-reader .model-tags .icon-button { width: 24px; height: 24px;}.odre-reader .confirmation-summary { display: flex; gap: 16px; align-items: flex-start; margin: 24px 0;}.odre-reader .confirmation-summary p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8;}.odre-reader .confirmation-icon { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; border: 1px solid var(--danger-border); border-radius: 10px; background: var(--danger-bg); color: var(--danger);}.odre-reader button.destructive { background: var(--danger); border-color: var(--danger); color: var(--primary-text);}.odre-reader button.destructive:hover { background: var(--danger-hover); border-color: var(--danger-hover);}/* Chat message actions and feedback */.odre-reader .message { position: relative;}.odre-reader .message-delete { position: absolute; right: 4px; top: 4px; width: 26px; height: 26px; opacity: 0; background: var(--panel); z-index: 1;}.odre-reader .message:hover .message-delete,.odre-reader .message:focus-within .message-delete { opacity: 1;}.odre-reader button,.odre-reader a.button,.odre-reader .icon-button { transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, opacity 150ms ease;}.odre-reader .selection-toolbar,.odre-reader .toast,.odre-reader .selected-context { animation: odre-reader-action-enter 170ms ease-out;}.odre-reader .source-list { animation: odre-reader-action-enter 150ms ease-out;}@keyframes odre-reader-action-enter { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); }}@media (hover: none) { .odre-reader .message-delete { opacity: 0.65; }}@media (prefers-reduced-motion: reduce) { .odre-reader *, .odre-reader *::before, .odre-reader *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }}
/* Reader title and material action menu */.odre-reader .reader-title { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 12px; font-weight: 500;}.odre-reader .reader-title svg { flex-shrink: 0; color: var(--muted);}.odre-reader .reader-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}.odre-reader .reader-actions { display: flex; align-items: center; gap: 3px; flex-shrink: 0;}.odre-reader .reader-actions .reader-action-button { width: auto; min-width: 34px; min-height: 40px; gap: 6px; padding: 0 9px; border: 1px solid transparent; border-radius: 8px; color: var(--muted-strong); font-size: 11px; font-weight: 500; transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 160ms cubic-bezier(0.22, 1, 0.36, 1);}.odre-reader .reader-actions .reader-action-button:hover:not(:disabled) { border-color: var(--line-soft); background: var(--surface-hover); color: var(--text);}.odre-reader .reader-actions .reader-action-button:active:not(:disabled) { transform: scale(0.96);}.odre-reader .reader-actions .reader-action-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px;}.odre-reader .reader-actions .icon-button[data-tooltip] { position: relative;}.odre-reader .reader-actions .icon-button[data-tooltip]::before,.odre-reader .reader-actions .icon-button[data-tooltip]::after { position: absolute; z-index: 60; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 120ms ease, visibility 120ms ease, transform 120ms ease;}.odre-reader .reader-actions .icon-button[data-tooltip]::before { content: ""; z-index: 61; top: calc(100% + 4px); right: 13px; width: 6px; height: 6px; background: var(--primary); transform: translateY(-2px) rotate(45deg);}.odre-reader .reader-actions .icon-button[data-tooltip]::after { content: attr(data-tooltip); top: calc(100% + 7px); right: 0; max-width: min(220px, calc(100vw - 24px)); overflow: hidden; padding: 6px 8px; color: var(--primary-text); background: var(--primary); border: 1px solid var(--line); border-radius: 6px; box-shadow: 0 4px 14px var(--shadow-medium); font-size: 11px; font-weight: 500; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-2px);}@container odre-reader (max-width: 1190px) { .odre-reader .reader-actions .icon-button[data-tooltip]:hover::before, .odre-reader .reader-actions .icon-button[data-tooltip]:hover::after, .odre-reader .reader-actions .icon-button[data-tooltip]:focus-visible::before, .odre-reader .reader-actions .icon-button[data-tooltip]:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(0); }}.odre-reader .reader-actions .action-menu .icon-button[data-tooltip]:hover::before,.odre-reader .reader-actions .action-menu .icon-button[data-tooltip]:hover::after,.odre-reader .reader-actions .action-menu .icon-button[data-tooltip]:focus-visible::before,.odre-reader .reader-actions .action-menu .icon-button[data-tooltip]:focus-visible::after { opacity: 1; visibility: visible; transform: translateY(0);}.odre-reader .reader-actions .action-menu .icon-button[aria-expanded="true"]::before,.odre-reader .reader-actions .action-menu .icon-button[aria-expanded="true"]::after { opacity: 0; visibility: hidden;}.odre-reader .action-menu { position: relative;}.odre-reader .action-menu-items { position: absolute; right: 0; top: calc(100% + 5px); width: 210px; padding: 5px; background: var(--panel); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 8px 28px var(--shadow-medium); z-index: 30; animation: odre-reader-fade 120ms ease;}.odre-reader .action-menu-items > button,.odre-reader .action-menu-items > a { display: flex; align-items: center; justify-content: flex-start; width: 100%; gap: 9px; padding: 10px; border: 0; background: none; color: inherit; font-size: 12px; text-decoration: none; border-radius: 5px;}.odre-reader .action-menu-items > .danger { color: var(--danger);}.odre-reader .action-menu-items > :hover,.odre-reader .action-menu-items > :focus { background: var(--surface-hover);}.odre-reader .action-menu-items > :focus-visible { outline: 2px solid var(--accent); outline-offset: -2px;}.odre-reader .message-author { display: flex; gap: 7px; align-items: center; margin-bottom: 10px; color: var(--muted); font: 500 11px/1.5 Inter, sans-serif; padding-right: 24px;}.odre-reader .message.assistant .message-author svg { color: var(--accent);}
.odre-reader:not(.reader-portal) { container-type: inline-size; container-name: odre-reader; min-width: 0; min-height: 0; box-sizing: border-box;}.odre-reader .reader-back { flex-shrink: 0; padding: 7px; background: transparent; border-color: transparent;}.odre-reader .reader-generate { white-space: nowrap; font-size: 12px; padding: 7px 10px;}.odre-reader .authoring-dialog { width: min(920px, calc(100vw - 28px)); max-width: calc(100vw - 28px);}.odre-reader .authoring-form { display: grid; gap: 16px;}.odre-reader .authoring-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px;}.odre-reader .authoring-controls fieldset { border: 0; padding: 0; margin: 0; min-width: 0; flex: 1;}.odre-reader .authoring-controls legend,.odre-reader .authoring-controls > label { font-size: 12px; color: var(--muted);}.odre-reader .authoring-controls legend { margin-bottom: 7px; }.odre-reader .authoring-model .model-picker-trigger { width: 100%; max-width: none; min-width: 180px; padding: 10px 12px; justify-content: flex-start;}.odre-reader .authoring-model .model-picker-trigger > span { flex: 1; max-width: none; }.odre-reader .authoring-controls > label { min-width: 130px; }.odre-reader .authoring-controls > label select { margin-top: 7px; }.odre-reader .authoring-source,.odre-reader .authoring-provider-state { padding: 12px 14px; background: var(--surface-subtle); border: 1px solid var(--line); border-radius: 7px;}.odre-reader .authoring-source summary { cursor: pointer; color: var(--muted); }.odre-reader .authoring-source blockquote { white-space: pre-wrap; margin: 12px 0 0; max-height: 180px; overflow: auto; }.odre-reader .authoring-provider-state { margin: 0; }.odre-reader .authoring-candidate { margin-top: 22px; border-top: 1px solid var(--line);}.odre-reader .authoring-candidate > header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 16px 0;}.odre-reader .authoring-candidate > header > div { display: flex; gap: 6px; }.odre-reader .authoring-candidate [aria-pressed="true"] { background: var(--surface-selected); }.odre-reader .authoring-preview,.odre-reader .authoring-markdown { max-height: 42vh; overflow: auto; padding: 18px; background: var(--reader); border: 1px solid var(--line); border-radius: 7px;}.odre-reader .authoring-markdown { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.65 ui-monospace, monospace; }.odre-reader .authoring-drafts { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }.odre-reader .authoring-drafts > summary { color: var(--muted); cursor: pointer; padding-bottom: 8px; }.odre-reader .authoring-draft-list { display: flex; flex-direction: column; max-height: 220px; overflow: auto; }.odre-reader .authoring-draft-list > button { justify-content: space-between; text-align: left; margin-bottom: 3px; padding: 10px; border-color: transparent; background: transparent; gap: 14px; }.odre-reader .authoring-draft-list > button[aria-pressed="true"] { background: var(--surface-selected); }.odre-reader .authoring-draft-list > button > span:first-child { min-width: 0; display: grid; gap: 4px; }.odre-reader .authoring-draft-list small { color: var(--muted); font-size: 11px; max-width: 650px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.odre-reader .authoring-draft-list > button > span:last-child { color: var(--muted); font-size: 11px; flex-shrink: 0; }.odre-reader .revision-dialog { width: min(1040px, calc(100vw - 28px)); max-width: calc(100vw - 28px); }.odre-reader .revision-workspace { display: grid; grid-template-columns: minmax(170px, 240px) minmax(0, 1fr); gap: 18px; min-height: 220px; }.odre-reader .revision-list { display: flex; flex-direction: column; gap: 4px; max-height: 52vh; overflow: auto; }.odre-reader .revision-list > button { align-items: start; justify-content: start; text-align: left; background: transparent; border-color: transparent; padding: 10px; }.odre-reader .revision-list > button.active { background: var(--surface-selected); border-color: var(--line); }.odre-reader .revision-list > button > svg { flex-shrink: 0; }.odre-reader .revision-list > button > span { display: grid; gap: 5px; }.odre-reader .revision-list small { color: var(--muted); font-size: 11px; }.odre-reader .revision-preview { max-height: 52vh; min-width: 0; padding: 18px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; }@container odre-reader (max-width: 680px) { .odre-reader .app-header { gap: 8px; } .odre-reader .reader-generate { font-size: 11px; padding: 7px; }}@media (max-width: 640px) { .odre-reader .revision-workspace { grid-template-columns: minmax(0, 1fr); } .odre-reader .revision-list { max-height: 150px; } .odre-reader .authoring-controls { align-items: stretch; } .odre-reader .authoring-controls .authoring-model { flex-basis: 100%; } .odre-reader .authoring-controls > label { flex: 1; }}