/* RECHENLEVEL brand palette, derived from the active uploaded logo.
   Presentation only: no application or persistence behavior. */
:root{
  --navy:#082b65;--ink:#12345b;--paper:#f7f9fc;--muted:#5d6f88;
  --blue:#1477f2;--blue-text:#1163c6;--cyan:#19c9d5;--teal:#08788f;
  --violet:#8748eb;--purple:#7b4bef;--line:#dce5f1;
  --brand-progress:linear-gradient(90deg,#19c9d5 0%,#1477f2 58%,#8748eb 100%);
}
body{background:radial-gradient(ellipse at 90% 0,#eff5ff 0,transparent 30%),var(--paper);color:var(--ink)}
h1,h2,h3{color:var(--navy);font-weight:800}.equation,.stat strong,.round-comparison strong{color:var(--navy)}
p,.muted{color:var(--muted)}.hero h1 span{background:none;color:var(--blue-text)}
.hero .subtitle,.eyebrow,.dark-page>.eyebrow,.text-link{color:var(--blue-text)}
.text-link:hover,.name-edit:hover{color:var(--violet)}
.tag{background:#fff;border-color:#d6e4f4;color:var(--navy)}
.tag:before{background:var(--cyan);box-shadow:0 0 0 4px #e6f8fb}
header{background:#ffffffed;border-bottom-color:var(--line)}
nav a{color:#526782}nav a:hover{background:#eef5ff;color:var(--navy)}
nav a.active{background:#eaf3ff;color:var(--blue-text)}
#level{background:linear-gradient(115deg,#eef5ff,#f2edff);color:#6442ac;border-color:#dce1f5}
.primary,.purple{color:#fff;border-color:#246ada;background-image:linear-gradient(120deg,#1263d2,#6940d0);box-shadow:inset 0 1px 0 #ffffff45,0 5px 14px #082b6514}
.purple{background-image:linear-gradient(120deg,#306bd7,#7136cc);border-color:#6544c5}
.primary:hover,.purple:hover{box-shadow:inset 0 1px 0 #ffffff50,0 8px 18px #082b6520;filter:brightness(1.04)}
.secondary{color:var(--navy);border-color:#bbd0eb;background-image:linear-gradient(135deg,#fff,#f8fbff);box-shadow:inset 0 1px 0 #fff,0 3px 10px #082b6508}
.secondary:hover{border-color:#76a9e5;box-shadow:0 7px 16px #082b6514}
.primary:active,.purple:active,.secondary:active{transform:translateY(1px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--blue-text)}
button:disabled{filter:none}.filters button,.row-choice{color:var(--navy);border-color:#d5e2f3}
.filters button.active,.row-choice.active{background:#eaf3ff;border-color:#88b8f4;color:var(--blue-text);box-shadow:inset 0 0 0 1px #88b8f4}
.number{color:var(--blue-text);background:#ecf7fe;border-color:#cee6f7}
.panel{border-color:var(--line);background:linear-gradient(145deg,#fff,#fcfdff)}
.mode-path{background:linear-gradient(115deg,#edf9fc,#eff4ff);border-color:#d6e7f5}
.learning-path span{color:var(--blue-text)}.learning-path strong{color:var(--navy)}
.hero-art{background:radial-gradient(ellipse at 15% 0,#154a84,transparent 65%),radial-gradient(ellipse at 100% 100%,#423c82,transparent 70%),#082b65;border-color:#34588a}
.panel.dark{background:linear-gradient(130deg,#082b65,#103b76);border-color:#284e82}
.panel.dark h1,.panel.dark h2,.panel.dark h3{color:#fff}
.panel.dark p{color:#d5e4f8}.panel.dark .eyebrow,.panel.dark .teal{color:#86e8ee}
.panel.dark .secondary{background-image:linear-gradient(130deg,#17447d,#0d356b);color:#fff;border-color:#7297c3}
.progress,.dark .progress{background:#e4edf8}.dark .progress{background:#ffffff25}
.progress i,.dark .progress i,.profile-summary .progress i,.collection-tile .progress i{background:var(--brand-progress)}
.profile-summary{background:linear-gradient(125deg,#fff,#f2f7ff);border-color:#dce6f3}
.profile-summary p,.profile-summary .welcome-prompt{color:#526b8a}
.profile-xp{color:#6641ae;background:#f1edfc;border-color:#dfd6f5}
.profile-summary small{color:#526b8a}.profile-badge{color:#7342c5}
.name-edit,#avatar-selection{color:var(--blue-text)}
.avatar-choice.active{border-color:#1477f2;background:radial-gradient(ellipse at 50% 35%,#eaf6ff,transparent 70%),#fbfdff;box-shadow:0 0 0 3px #e9f3fc,0 4px 15px #082b6508}
.avatar-choice.active .avatar-check{color:var(--blue-text)}
.name-input-row input{background:#fbfdff;border-color:#bfcfe6;color:var(--navy)}
.name-input-row input:focus{border-color:var(--blue)}
/* Reusable note surfaces: existing teaching text and diagrams are preserved. */
.hint,.learning-note{background:linear-gradient(120deg,#f1fbfd,#f4f8ff);border:1px solid #c7e3f4;border-left:3px solid #18b8e8;border-radius:16px;padding:20px;box-shadow:0 4px 12px #082b6506;color:var(--navy)}
.hint h3,.learning-note:before{color:var(--blue-text);font-weight:700}
.hint p{color:var(--navy)}.hint .muted{color:#526b8a}
.learning-note:before{content:'MERK DIR';display:block;letter-spacing:.11em;font-size:11px;margin-bottom:9px}
.dots span{background:var(--blue)}.hint-button{color:var(--blue-text)}
.feedback{background:#eef8fc;border:1px solid #cee7f2;color:var(--navy)}
.retry-feedback{background:#f2f6fb;border-color:#dbe5f2;color:#415e82}
.xp-gain{color:var(--blue-text)}
.learning-stage.stage-discover{background:#e6f8fc;color:#066a81}
.learning-stage.stage-practice{background:#eaf2ff;color:#1160c2}
.learning-stage.stage-safe{background:linear-gradient(110deg,#e9f1ff,#f0eafe);color:#5b36a8}
.review-tasks span{color:var(--navy);background:#f5f9ff;border-color:#d6e4f6}
.learning-row small{color:#536a88}
.learning-moments{background:#eff8fd;border-color:#d4e8f5}.learning-moments p{color:#254d7b}
.round-comparison>span{background:linear-gradient(120deg,#eef9fc,#f1f5ff);border-color:#d7e5f4;color:#526b8a}
.learning-milestone,.level-milestone{background:linear-gradient(115deg,#e7f9fc,#ebf2ff 55%,#f1eafd);border-color:#cbdaf2;color:var(--navy);box-shadow:0 5px 18px #082b6509}
.learning-milestone{border-left:3px solid var(--violet)}
.learning-milestone .eyebrow,.level-milestone .eyebrow{color:#6940b9}
.learning-milestone strong,.level-milestone>strong{color:#6640b6}
.learning-milestone p,.level-milestone>span{color:#3d5981}
.earned-card-note{background:#eaf6fd;color:#244a77;border:1px solid #d4e8f5}
.card-origin{background:#eff5ff;color:var(--navy);border:1px solid #d8e5f7}
.collection-tile{color:var(--navy);background:#fff;border-color:var(--line)}
.collection-tile.selected{color:var(--navy);background:linear-gradient(140deg,#fff,#f0f6ff)}
.collection-tile strong{color:var(--navy)}.collection-tile small{color:#60718a}
/* Collection artwork and its rarity frames retain their existing colors. */
.profile-bg-aqua{background:linear-gradient(125deg,#eafafd,#edf4ff)}
.profile-bg-violet{background:linear-gradient(125deg,#f3edff,#eff5ff)}
.profile-frame-aqua{border-color:#18b8e8}.profile-frame-violet{border-color:#9974d8}
.extra-aqua-bg,.extra-aqua-frame{background:linear-gradient(135deg,#def9fc,#e3efff)}
.extra-violet-bg,.extra-violet-frame{background:linear-gradient(135deg,#eee4ff,#eaf2ff)}
.extra-aqua-frame{border-color:#18b8e8}.extra-violet-frame{border-color:#9974d8}
.extra-orbit-badge,.extra-crest-badge{color:#6b40b8;background:#f0eafa}
.extra-tile{border-color:var(--line);background:#f7f9fc}
.save-feedback{background:linear-gradient(125deg,#eaf9fc,#f2f8ff);border-color:#bfdfef;color:#174e7c}
.save-feedback-error{background:#fff6e8;border-color:#dfc6a4;color:#805231}
.save-status-bar #save-status:before{background:#08788f}
footer{background:#f0f4fa;color:var(--navy);border-top-color:var(--line)}
footer p,footer a:not(.brand){color:#486080}.copyright{color:#486080;border-top-color:#d4e0ef}
dialog{background:var(--paper);color:var(--navy)}dialog::backdrop{background:#082b65b0}
@media(max-width:520px){.hint,.learning-note{padding:17px 16px}.learning-stage{font-size:11px}}