/* Wortwärts · Zeising. Warm daytime reading and a high-contrast evening surface. */
.sidebar #nav>.nav-course-divider{display:block;grid-column:1/-1;border-top:1px solid var(--line);margin:5px 0 10px;height:0}
:root{--surface:#fff;--page:#fffaf5;--control:#fffaf5;--ink:#443247;--muted:#725f70;--line:#e4d5ce;--accent:#93452f;--focus:#9861a0}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.topbar{gap:20px}.topbar>div{gap:12px}.topbar .save-indicator{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 10px;color:var(--muted);font-size:.82rem;white-space:nowrap}.save-indicator>span:first-child{color:#24724b;font-size:1rem}.save-indicator.save-error{color:#9d341e;background:#ffede5;border-color:#c66c4d}.save-indicator.save-error>span{color:inherit}.topbar .role-label[hidden]{display:none}.role-label.teacher-badge{font-size:.78rem;padding:7px 9px;border-radius:7px;background:#eee1f0;color:#644668;white-space:nowrap}
#profile.profile{display:flex;align-items:center;gap:10px;width:auto;height:auto;padding:3px 4px 3px 3px;border:0;background:transparent;color:var(--ink);border-radius:30px;font-size:.94rem;font-weight:700}.profile-name{padding-right:3px}.rudi-avatar{display:inline-block;width:48px;height:48px;flex:none;border-radius:50%;background-image:url('profiles/rudi-avatar-atlas.png');background-size:500% 200%;background-repeat:no-repeat;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);vertical-align:middle}.profile-large{width:145px;height:145px;border-width:5px}.profile-identity{display:flex;gap:26px;align-items:center;margin:24px 0 35px}.profile-identity h3{font-size:1.8rem;margin:0 0 7px}.profile-identity p{font-size:.94rem;color:var(--muted)}dialog:has(#profile-form){max-width:850px;width:calc(100% - 35px)}#profile-form fieldset{padding:10px 0 23px}#profile-form legend{padding-top:5px}.avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:14px}.avatar-option{display:flex;align-items:center;flex-direction:column;gap:9px;position:relative;cursor:pointer;font-size:.8rem;text-align:center;padding:10px 5px;border:2px solid transparent;border-radius:12px}.avatar-option .rudi-avatar{width:77px;height:77px}.avatar-option input{position:absolute;top:10px;left:10px;width:16px;height:16px}.avatar-option:has(input:checked){border-color:#b96637;background:#fff0d8}.avatar-option input:focus-visible{outline-offset:3px}.theme-options{display:flex;gap:18px;margin-top:12px}.theme-options label{display:flex;gap:10px;align-items:center;padding:14px 25px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.theme-options label:has(input:checked){background:#ffe5c4;border-color:#bf8050}.profile-course-settings{border-top:1px solid var(--line);margin:28px 0;padding:25px 0 0}.profile-course-settings h3{font:1.55rem Georgia}.profile-course-settings p{font-size:.94rem;line-height:1.6}.settings-switches{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-switches label{display:flex;align-items:center;gap:12px;background:var(--control);border:1px solid var(--line);padding:13px;border-radius:8px}.profile-bottom{padding-top:22px;border-top:1px solid var(--line)}.preserve-lines{white-space:pre-wrap}.login-footer{grid-column:1/-1;padding:18px;text-align:center;font-size:.85rem}.workspace>footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.workspace>footer>a{color:var(--ink)}.workspace>footer>span:last-child{margin-left:auto}
.sidebar nav a.teacher-nav{margin-top:0;padding-top:15px;padding-bottom:18px;border-top:0;border-bottom:1px solid var(--line);margin-bottom:13px}.sidebar nav a{position:relative}.nav-lock{margin-left:auto;display:inline-flex;width:18px;min-width:18px;opacity:.9;overflow:visible}.nav-lock svg{width:18px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.nav-lock.unlocked{display:none}.nav-lock.unlocking{display:inline-flex;animation:lock-fade 1.6s ease forwards}.unlocking .lock-shackle{transform-origin:17px 11px;animation:lock-open 1.6s ease forwards}@keyframes lock-open{0%,20%{transform:rotate(0)}55%,100%{transform:rotate(38deg)}}@keyframes lock-fade{0%,55%{opacity:1;transform:scale(1)}70%{transform:scale(1.12)}100%{opacity:0;transform:translateY(-8px)}}
.video-cover{overflow:hidden;isolation:isolate}.video-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.7)}.video-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#201927c9 0%,#20192705 70%);z-index:-1}.video-list .video-cover{min-height:210px;color:#fff4e4;justify-content:flex-end}.video-list .play-mark{background:#fff9eeed;border-color:#fff9ee;color:#503544;backdrop-filter:blur(5px)}.video-topic{font-size:1.2rem;max-width:100%;text-shadow:0 1px 8px #000}.photo-credit{font-size:.75rem;line-height:1.6;color:var(--muted);display:block;margin:6px 0 14px}.photo-credit a{color:inherit}.watched{font-size:.85rem}
.postbox-heading{display:flex;gap:24px;align-items:center;margin:-20px 0 26px;max-width:780px}.postbox-heading img{width:106px;height:120px;object-fit:contain}.postbox-heading p{font-size:1rem;line-height:1.7;max-width:600px}.mailbox{grid-template-columns:320px minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-height:560px}.mail-index{padding:22px 18px;border-right:1px solid var(--line);background:var(--control)}.mail-index>label{font-size:.9rem;display:block;margin-bottom:8px}.mail-filter{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.mail-filter label{display:flex;gap:6px;align-items:center;font-size:.82rem}.mail-filter button{font-size:.82rem}.mail-preview{display:flex;gap:12px;padding:16px 11px;border:1px solid transparent;border-bottom:1px solid var(--line);border-radius:8px;margin:4px 0;background:transparent}.mail-preview>.rudi-avatar{width:38px;height:38px;margin-top:4px}.mail-preview>div{min-width:0;flex:1}.mail-preview>div>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-preview p{font-size:.85rem;line-height:1.4;color:var(--muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mail-preview small{font-size:.72rem;line-height:1.6;color:var(--muted)}.mail-preview.selected{border-color:#bf845f;background:#ffe5c4}.mail-preview.unread strong{font-weight:800}.mail-preview.unread b{background:#93452f;color:#fff;border-radius:20px;font-size:.7rem;min-width:20px;padding:2px 6px}.mail-detail{padding:26px;min-width:0}.mail-welcome{text-align:center;padding:55px 0}.mail-welcome img{width:170px;height:200px;object-fit:contain}.mail-welcome h2{font-size:1.9rem}.mail-person-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.mail-person-heading h2{font-size:1.5rem;margin:0}.mail-person-heading p{font-size:.85rem;color:var(--muted);margin:6px 0 0}.mail-messages{max-height:640px;overflow:auto;scrollbar-gutter:stable;padding-right:7px}.mail-message{margin-right:35px;padding:20px;overflow-wrap:anywhere}.mail-message.mine{margin-left:35px;margin-right:0}.mail-message header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.85rem}.mail-message time{font-size:.75rem;color:var(--muted)}.mail-message h3{font-size:1rem;margin:13px 0 7px}.mail-message>a{font-size:.85rem}.mail-message p{font-size:1rem;line-height:1.7}#mail-reply-v2{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}#mail-reply-v2>label{font-weight:700;display:block;margin-bottom:10px}#mail-reply-v2 textarea{min-height:130px}
.ranking-panel{margin-top:38px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.ranking-title h2{font:1.8rem Georgia;margin:10px 0 20px}.ranking-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.ranking-controls label{font-size:.9rem;max-width:420px;display:grid;gap:7px}.ranking-content>p{margin-top:18px}.ranking-own{background:#fff0d8}.ranking-person{display:flex;gap:10px;align-items:center;white-space:nowrap}.ranking-person .rudi-avatar{width:32px;height:32px}.ranking-person>b{font-size:.7rem;border-radius:7px;background:#e7c5a8;padding:3px 6px;color:#50313e}.ranking-panel .table-wrap{margin-bottom:0}.ranking-panel th,.ranking-panel td{padding:14px}.ranking-panel table{min-width:520px}
html[data-theme=dark]{--surface:#292936;--page:#1c1d28;--control:#252633;--ink:#f7eddf;--muted:#ccbece;--line:#575064;--yellow:#654632;--accent:#ffbb79;--focus:#d9a6eb;color-scheme:dark}html[data-theme=dark] body{background:var(--page);color:var(--ink)}
html[data-theme=dark] :is(.sidebar,.topbar,.reading-paper,.card,.video-card,.game-area,.glossary-entry,.stat,.table-wrap,dialog,.help-box,.mail-detail,.ranking-panel){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(h1,h2,h3,h4,legend,summary,label,a,.number,.breadcrumb,.role-label){color:var(--ink)}html[data-theme=dark] :is(p,.muted,.small,.card p,.video-provider,.back,.eyebrow,.stat span,.source,.photo-credit,.video-body p){color:var(--muted)}html[data-theme=dark] :is(.source,.notice,.discovery,.scoreline,.quiz-result,.mail-message,.game-result,.empty,.teacher-context,.lab-lock,.level,.box,.flash-card,.revision,.auth-gate,.login-panel,.tour-card){background:#35303f;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(input:not([type=radio]):not([type=checkbox]),textarea,select,.option,.secondary,.filter,.pair,.quiet,.ambience,.points,.zr-tool,.zr-touch button){background:#242532;color:var(--ink);border-color:#7d6e82}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#b8adbb}
html[data-theme=dark] .primary,html[data-theme=dark] .leitner-open,html[data-theme=dark] .leitner-close{background:#ffc17d;color:#322333;border-color:#ffc17d}html[data-theme=dark] .primary:hover{background:#ffd2a0}html[data-theme=dark] :is(.sidebar nav a.active,.filter.active,.alphabet button.active,.mail-preview.selected,.avatar-option:has(input:checked),.theme-options label:has(input:checked),.pair.selected){background:#66452f;color:#fff3df;border-color:#cf915d}
html[data-theme=dark] .sidebar nav a:hover{background:#463743}html[data-theme=dark] .sidebar-bottom,html[data-theme=dark] footer{border-color:var(--line);color:var(--muted)}html[data-theme=dark] :is(.sidebar .brand-logo,.login-intro .brand-logo){background:#fff5e8;border-radius:10px;padding:8px}html[data-theme=dark] .role-label.teacher-badge{background:#543b5b;color:#f6d8ff}html[data-theme=dark] .save-indicator>span:first-child{color:#a9e7be}html[data-theme=dark] .save-indicator.save-error{background:#63332e;color:#ffe5d6}html[data-theme=dark] :is(.correct,.passed,.is-read,.done,.zr-complete){background:#244536;color:#d6f5df;border-color:#83b393}html[data-theme=dark] .incorrect{background:#573931;color:#ffeddc;border-color:#d9a482}html[data-theme=dark] .mail-message.mine{background:#483349}html[data-theme=dark] :is(.leitner-panel,.leitner-panel>summary,.leitner-panel[open],.leitner-panel[open]>summary){background:#4d372c;color:#fff2df;border-color:#bb8255}html[data-theme=dark] th{background:#393140;color:#f8eddf}html[data-theme=dark] .ranking-own{background:#513d30}html[data-theme=dark] .definition{color:var(--ink)}html[data-theme=dark] mark{background:#b3773d;color:#fff}html[data-theme=dark] .video-topic{color:#fff}html[data-theme=dark] .featured-game{background:#432f48}html[data-theme=dark] .tour-card :is(h2,p){color:var(--ink)}html[data-theme=dark] .tour-active #nav a.tour-tab-active{background:#775a30;color:#fff9ed}html[data-theme=dark] .game-home-copy :is(h1,p,.eyebrow){color:#fff5e5}
@media(max-width:1150px){.topbar>span{display:none}.mailbox{grid-template-columns:280px minmax(0,1fr)}.topbar>div{width:100%;justify-content:flex-end}.save-indicator{margin-left:auto}}
@media(max-width:800px){.mailbox{grid-template-columns:1fr}.mail-index{border-right:0;border-bottom:1px solid var(--line)}#mail-list{max-height:320px;overflow:auto}.mail-detail{padding:18px}.profile-large{width:110px;height:110px}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.avatar-option .rudi-avatar{width:55px;height:55px}.avatar-option{font-size:.7rem;padding:7px 2px}.ranking-panel{padding:18px}.topbar .points{display:none}.topbar>div{gap:8px}.topbar .ambience{font-size:.82rem;padding:10px}.profile-name{font-size:.8rem}.postbox-heading{margin-top:0}.sidebar nav a.teacher-nav{border-left:0;border-bottom:1px solid var(--line);margin:0}.settings-switches{grid-template-columns:1fr}.workspace>footer>span:last-child{margin-left:0}}
@media(max-width:520px){.save-indicator>span:last-child{display:none}.topbar .save-indicator{padding:9px}.role-label.teacher-badge{display:none}#profile.profile{gap:5px}.profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}.rudi-avatar{width:42px;height:42px}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-option .rudi-avatar{width:90px;height:90px}.avatar-option{font-size:.85rem}.profile-identity{align-items:flex-start;gap:15px}.profile-large{width:100px;height:100px}.profile-identity h3{font-size:1.35rem}.mail-message,.mail-message.mine{margin-left:0;margin-right:0}.video-list .video-card{grid-template-columns:1fr}.video-list .video-cover{height:180px;min-height:180px}.postbox-heading img{width:75px;height:90px}}
@media(prefers-reduced-motion:reduce){.nav-lock.unlocking,.unlocking .lock-shackle{animation:none}.nav-lock.unlocking{display:none}}
@media print{html[data-theme=dark] body,html[data-theme=dark] .reading-paper{background:white!important;color:#111!important}.ranking-panel{break-before:page}.workspace>footer{display:none}}

html[data-theme=dark] .flashcard{background:#4d372c;color:#fff2df;border-color:#b5835b}html[data-theme=dark] .chip{background:#48404f;color:#fff1df;border-color:#89708d}html[data-theme=dark] .chip.yellow{background:#694a2f;color:#fff1cf}html[data-theme=dark] nav a span{color:#d7c5d8}html[data-theme=dark] #toast{background:#fff0dc;color:#38273d}@media(max-width:720px){nav a span.nav-lock{display:inline-flex}nav a span.nav-lock.unlocked{display:none}}
.campaign-stage{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.7fr);border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}.campaign-scene{background:#493247;color:#fff4df}.campaign-scene>img{width:100%;aspect-ratio:1.2;object-fit:cover}.campaign-scene>div{padding:25px}.campaign-scene .eyebrow{color:#ffce92}.campaign-scene h3{font:1.4rem/1.4 Georgia;color:#fff4df;margin:12px 0}.campaign-scene p{color:#e8d6de;font-size:.94rem;line-height:1.65}.campaign-scene details{max-height:450px;overflow:auto}.campaign-scene summary{color:#ffce92;font-size:.9rem}.campaign-scene details p{margin-bottom:18px}.campaign-board{padding:30px;min-width:0}.campaign-hud{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.campaign-hud strong{font-size:.95rem}.campaign-hud #cg-time{font-size:1.4rem;font-variant-numeric:tabular-nums}.campaign-question{font:1.55rem/1.45 Georgia;margin:25px 0}.question-dots{display:flex;gap:8px}.question-dots span{width:24px;height:5px;border-radius:3px;background:var(--line)}.question-dots .filled{background:#bd7842}.campaign-choice{gap:14px;font-size:1rem}.answer-letter{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:7px;background:#ffe5c4;color:#67442f}.campaign-stage .pair-grid{grid-template-columns:1fr 1.2fr;gap:20px}.campaign-stage .pair-grid h3{font-size:.88rem;line-height:1.5;margin:0 0 14px;color:var(--muted)}.campaign-stage .pair{font-size:.95rem;line-height:1.5;text-align:left;min-height:90px;padding:16px}.pair-live{margin-top:22px;font-size:.95rem;line-height:1.65}.pair-live button{display:block;margin-top:18px}.campaign-result{text-align:center;padding:25px 0}.campaign-result>img{width:110px;height:130px;object-fit:contain}.campaign-result h3{font:2rem Georgia;margin:20px 0}.campaign-result p{margin:12px 0}.campaign-result .controls{justify-content:center}html[data-theme=dark] #print-surface,html[data-theme=dark] #print-surface *{color:#222}html[data-theme=dark] .campaign-scene :is(h3,summary){color:#ffe4bf}html[data-theme=dark] .campaign-scene p{color:#e8d6de}
@media(max-width:1100px){.campaign-stage{grid-template-columns:1fr}.campaign-scene{display:grid;grid-template-columns:180px 1fr}.campaign-scene>img{height:100%;aspect-ratio:auto;object-fit:cover}.campaign-scene>div{padding:20px}.campaign-scene details{max-height:250px}.campaign-board{padding:22px}}@media(max-width:600px){.campaign-scene{display:block}.campaign-scene>img{height:150px;width:100%}.campaign-stage .pair-grid{gap:10px;grid-template-columns:1fr 1fr}.campaign-stage .pair{padding:12px;font-size:.87rem}.campaign-question{font-size:1.35rem}.campaign-board{padding:18px}}

.video-photo[src$="v05.jpg"],.video-photo[src$="v14.jpg"]{object-position:center 75%}
@media print{html[data-theme=dark] #print-surface,html[data-theme=dark] #print-surface *{color:#222!important;background:white!important}}

html[data-theme=dark] .option:has(input:checked){background:#66452f;color:#fff3df;border-color:#e0a263}html[data-theme=dark] .option:has(input:checked) span{color:#fff3df}
html[data-theme=dark]{--paper:#1c1d28;--blue:#d9a6eb;--green:#a2d4b3}
html[data-theme=dark] :is(.quote-card,.reading-help.expanded,.zr-level,#mail-thread,#account-create-panel){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.selection-actions,.marker-bar,.reading-guide,.course-create,.zr-menu-intro,.sprint-status){background:#43342f;color:var(--ink);border-color:#96714f}
html[data-theme=dark] :is(.selection-actions>span,.locked-label,.card-link,.workbook-section-title>span,.article-row .number,.zr-journey b,.word-trail){color:#f0bd92}
html[data-theme=dark] .alphabet button{background:#252633;color:var(--ink);border-color:#7d6e82}html[data-theme=dark] .alphabet button.active{background:#66452f;border-color:#cf915d}
html[data-theme=dark] :is(.feature,.login-intro){background:linear-gradient(120deg,#563b30,#704b30)}
html[data-theme=dark] .mail-preview.unread{background:#403541;border-left-color:#e1a37a}html[data-theme=dark] .mail-preview.unread.selected{background:#66452f}
html[data-theme=dark] .pair:disabled,html[data-theme=dark] .zr-level.zr-complete{background:#244536;color:#d6f5df;border-color:#83b393}
html[data-theme=dark] .zr-answers .option>span{background:#64482f;color:#fff1da}html[data-theme=dark] .zr-answers .zr-right{background:#244536;border-color:#83b393}
html[data-theme=dark] .zr-text-help small{color:#ccbece}html[data-theme=dark] .zeitsprung:fullscreen{background:var(--page)}
html[data-theme=dark] .sound-active,html[data-theme=dark] .ambience[aria-pressed=true]{background:#66452f;border-color:#cf915d}html[data-theme=dark] .close{color:var(--ink)}
html[data-theme=dark] #gauge-needle{stroke:#ffc17d}html[data-theme=dark] .side-gauge circle{fill:#ffc17d}html[data-theme=dark] .side-gauge svg>path:first-child{stroke:#655568}
html[data-theme=dark] ::selection{background:#a96e40;color:#fff8e9}
#imprint-content h2,#legal h2{font-size:1.4rem;margin:28px 0 12px}#imprint-content h1,#legal h1{font-size:2.6rem;margin-bottom:24px}
/* Keep every state readable, including keyboard focus and compact profiles. */
html[data-theme=dark]{--red:#ffb7a5}
html[data-theme=dark] .level:not(:disabled):hover{background:#66452f;border-color:#cf915d;color:#f7eddf}
html[data-theme=dark] .topbar .save-indicator.save-error{color:#ffe5d6!important}html[data-theme=dark] .save-indicator.save-error>span{color:inherit}
html[data-theme=dark] .skip{background:var(--surface);color:var(--ink)}
html[data-theme=dark] .zr-dialog :focus-visible,html[data-theme=dark] .zeitsprung :focus-visible{outline-color:var(--focus)}
html[data-theme=dark] mark{background:#ffd19b;color:#322333}
.line-label{color:var(--muted)}.topbar .save-indicator{max-width:none;flex-shrink:0}
.theme-options{flex-wrap:wrap}#profile-form .theme-options input{margin:0}.profile-identity>div{min-width:0}.profile-identity h3{overflow-wrap:anywhere}
.profile-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-person-heading>div{min-width:0}.mail-person-heading h2,.mail-preview strong{overflow-wrap:anywhere;min-width:0}
@media(max-width:520px){.theme-options label{flex:1;justify-content:center;padding:12px 16px}.zr-touch{flex-wrap:wrap}.zr-touch>div{flex-wrap:wrap;max-width:100%}.zr-touch button{min-width:48px;padding:9px 12px}.zr-touch kbd{display:none}.zr-bottom{flex-wrap:wrap}.zr-bottom>span:last-child{white-space:normal}}
/* Wortwärts · Zeising: profile editing and course administration. */
.profile-portrait{position:relative;flex-shrink:0}.avatar-edit{position:absolute;right:0;top:0;border:2px solid var(--surface);border-radius:50%;background:var(--ink);color:var(--surface);width:42px;height:42px;display:grid;place-items:center;box-shadow:0 3px 12px #0002}.avatar-edit svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.avatar-grid{gap:12px}.avatar-option{padding:8px}.avatar-option .rudi-avatar{width:76px;height:76px}#avatar-choices[hidden]{display:none}.day-night-toggle{display:flex;align-items:center;gap:18px;border:0;padding:8px 0;background:transparent;color:var(--ink);font:inherit;font-weight:600}.theme-sky{position:relative;display:block;width:180px;height:64px;overflow:hidden;border-radius:40px;background:#4cabbc;box-shadow:inset 0 3px 8px #163b5455;transition:background .3s}.theme-sky svg{width:100%;height:100%}.theme-orb{position:absolute;left:7px;top:7px;width:50px;height:50px;border-radius:50%;background:#ffe33f;box-shadow:0 0 10px #ffe96d99;transition:transform .3s,background .3s}.theme-orb i{position:absolute;background:#c5c3ae;border-radius:50%;opacity:0}.theme-orb i:nth-child(1){width:11px;height:11px;left:10px;top:9px}.theme-orb i:nth-child(2){width:16px;height:16px;right:6px;bottom:9px}.theme-orb i:nth-child(3){width:7px;height:7px;left:10px;bottom:10px}.theme-stars{opacity:0}.day-night-toggle[aria-checked=true] .theme-sky{background:#071d35}.day-night-toggle[aria-checked=true] .theme-orb{transform:translateX(116px);background:#f4efd8;box-shadow:0 0 10px #ececda66}.day-night-toggle[aria-checked=true] .theme-orb i,.day-night-toggle[aria-checked=true] .theme-stars{opacity:1}.day-night-toggle[aria-checked=true] .theme-clouds{opacity:0}.teacher-unlocked{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;color:var(--accent);margin:2px 0 8px}.teacher-unlocked[hidden]{display:none}.teacher-unlocked svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.permission-panel{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface);max-width:950px}.permission-panel>div>select{margin:10px 0 25px;width:100%}.points-explained dt{font-weight:700;margin-top:22px}.points-explained dd{margin:7px 0;line-height:1.65}.selection-actions{flex-wrap:wrap}.original-text mark[role=button]{cursor:pointer}.original-text mark[role=button]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}html[data-theme=dark] .teacher-unlocked{color:#ffc17d}@media(max-width:520px){.avatar-grid{grid-template-columns:repeat(3,1fr)}.avatar-option .rudi-avatar{width:58px;height:58px}.permission-panel{padding:18px}.day-night-toggle{gap:12px}}
@media(prefers-reduced-motion:reduce){.theme-sky,.theme-orb{transition:none}}
.feedback-reference,.message-reference{padding:16px 20px;margin:16px 0;border-left:3px solid #cd784a;background:var(--page);border-radius:0 12px 12px 0}.feedback-reference blockquote,.message-reference blockquote{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;line-height:1.7}.feedback-reference{max-height:280px;overflow:auto}.message-reference summary{line-height:1.6;font-weight:600}.message-reference a{font-size:.9rem}
.hidden-discovery{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:transparent;color:#ffd08366;font-size:1.7rem;transition:color .2s,background .2s}.hidden-discovery:hover,.hidden-discovery:focus-visible{background:#21122f99;color:#ffdd9b}.oracle-discovery{left:8%;top:17%}.letter-discovery{left:71%;top:28%}.hidden-discovery:focus-visible{outline:3px solid #ffd08f;outline-offset:3px}@media(prefers-reduced-motion:reduce){.hidden-discovery{transition:none}}@media(max-width:720px){.teacher-unlocked{position:absolute;left:-4px;top:24px;width:90px}.teacher-unlocked svg{width:18px;height:18px}.side-gauge .teacher-unlocked{font-size:0;gap:0}.side-gauge:has(.teacher-unlocked:not([hidden])) #gauge-value{margin-top:1px}}