:root{--bg:#f6f8fd;--surface:#fff;--surface-soft:#f6f7fc;--txt:#181f33;--muted:#7c8499;--line:#e8eaf3;--purple:#7257e8;--purple-soft:#eeeafb;--green:#16a889;--red:#e86470;--gold:#f2af54;--side:#101526;--shadow:0 13px 35px rgba(24,30,65,.045);--radius:20px;--dock-height:68px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,select{accent-color:var(--purple)}a{color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aca2ff;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-1.6px}h2{font-size:26px;line-height:1.2;letter-spacing:-.8px}h3{font-size:19px;letter-spacing:-.35px}small{font-size:12px}.muted{color:var(--muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.strong{font-weight:800}.math{font-variant-numeric:tabular-nums;font-family:inherit}.no-margin{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:250px;position:fixed;inset:0 auto 0 0;background:var(--side);color:#e9eaf5;z-index:30;display:flex;flex-direction:column;padding:29px 15px 18px;overflow:auto;scrollbar-width:thin}.brand{display:flex;gap:11px;align-items:center;text-align:left;background:none;border:0;color:white;margin:0 0 41px 9px;padding:0}.brand-logo{background:linear-gradient(135deg,#a386ff,#6142e0);display:grid;place-items:center;font-size:23px;font-weight:900;width:43px;height:43px;border-radius:13px;box-shadow:0 9px 25px #6742e060}.brand-logo span{font-size:11px;align-self:start}.brand strong{font-size:15px;letter-spacing:.1px}.brand strong span{color:#bfaeff}.brand small{display:block;color:#747c98;font-size:9px;letter-spacing:1.6px;margin-top:2px}.nav-label{font-size:9px;color:#626b88;font-weight:800;letter-spacing:1.7px;padding-left:17px;margin:0 0 12px}.nav-label.second{margin-top:28px}.nav-main{display:grid;gap:4px}.nav-link{color:#9da6c0;background:transparent;border:none;border-radius:12px;padding:10px 13px;text-align:left;display:flex;gap:14px;align-items:center;font-weight:600;font-size:12.7px;min-height:40px;width:100%;transition:background .2s,color .2s,transform .2s}.nav-link:hover{background:#ffffff0c;color:#fff;transform:translateX(2px)}.nav-link.active{background:#785fea27;color:#e2d8ff;box-shadow:inset 3px 0 0 #9b85ff}.nav-ico{font-size:21px;line-height:1;width:20px;text-align:center;font-weight:500}.nav-count{margin-left:auto;background:#ffffff10;color:#bbc0d8;padding:0 7px;border-radius:10px;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sb-goal{background:#ffffff0c;border:1px solid #ffffff13;padding:17px 14px 14px;border-radius:16px}.sb-goal-top{display:flex;justify-content:space-between;font-size:11px}.sb-goal-top strong{color:#b59dff}.bar{height:7px;background:#dce0ef;border-radius:20px;overflow:hidden}.bar i{display:block;width:0%;height:100%;background:linear-gradient(90deg,#8064ed,#b99afb);border-radius:20px;transition:width .55s}.sb-goal .bar{background:#ffffff15;margin:12px 0 9px}.sb-goal p{font-size:10px;margin:0;color:#747d99}.sidebar-sign{text-align:center;color:#535b79;font-size:10px;letter-spacing:.5px;margin-top:22px}.main-area{margin-left:250px;width:calc(100% - 250px);min-height:100vh;padding-bottom:calc(var(--dock-height) + 5px)}.topbar{height:77px;padding:0 clamp(22px,4vw,56px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:var(--surface)}.top-left,.top-right{display:flex;align-items:center;gap:14px}#breadcrumb{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}#breadcrumb b{padding:0 10px;color:#c8c7d1}.connection{font-size:9px;letter-spacing:1px;font-weight:800;color:#45a898}.connection i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35c4a3;margin-right:7px}.top-pill{border:1px solid var(--line);color:var(--purple);background:var(--surface-soft);font-size:11px;border-radius:40px;padding:7px 12px}.avatar{border:0;color:#fff;background:linear-gradient(135deg,#8b69ff,#4139aa);border-radius:50%;width:34px;height:34px;font-weight:800}#view{max-width:1520px;margin:auto;padding:36px clamp(20px,4.2vw,60px) 68px;min-height:75vh}.footer-line{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#b5bbca;padding:18px clamp(20px,4.2vw,60px);border-top:1px solid var(--line)}.footer-line span{margin:0 7px}.footer-right{float:right;letter-spacing:0;font-weight:500}.hamburger{display:none}.icon-button{border:none;background:transparent;font-size:23px;color:var(--txt)}
/* Gemeinsame Elemente */
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900;color:var(--purple);margin-bottom:13px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 28px}.page-head p{margin:9px 0 0;color:var(--muted);max-width:660px}.page-head h1{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border-radius:11px;border:1px solid transparent;background:var(--surface);padding:10px 16px;color:var(--txt);font-weight:800;font-size:12px;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--purple);color:white;box-shadow:0 9px 22px #7354e837}.btn.primary:hover{background:#6043df}.btn.secondary{background:var(--purple-soft);color:var(--purple)}.btn.ghost{border:1px solid var(--line);color:var(--txt)}.btn.danger{background:#fff1f3;color:#d95265}.btn.big{padding:15px 23px;font-size:14px;min-height:51px}.btn.small{padding:7px 11px;min-height:33px;font-size:11px}.btn.round{border-radius:40px}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.section-title{margin:33px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.section-title h2{font-size:20px;margin:0}.section-title a,.text-action{font-size:12px;color:var(--purple);font-weight:800;text-decoration:none}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:40px;padding:5px 10px;font-size:10px;font-weight:800;background:var(--purple-soft);color:var(--purple)}.tag{border:1px solid var(--line);border-radius:50px;padding:4px 9px;font-size:10px;color:var(--muted);font-weight:700}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stat-tile .stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700}.stat-tile strong{display:block;font-size:30px;margin-top:12px;line-height:1.1;letter-spacing:-1.2px}.stat-tile p{font-size:11px;color:var(--muted);margin:9px 0 0}.stat-symbol{font-size:19px;background:var(--purple-soft);color:var(--purple);width:35px;height:35px;display:grid;place-items:center;border-radius:12px}.dashboard-hero{min-height:280px;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 43px;color:white;position:relative;overflow:hidden;background:linear-gradient(112deg,#29255f,#6f50df 72%,#8060ef)}.dashboard-hero::after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;border:54px solid #ffffff10;right:-75px;top:-75px}.dashboard-hero::before{content:'';position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #ffffff20;right:130px;bottom:-240px}.dashboard-hero>div{z-index:1;position:relative}.dashboard-hero .hero-text{max-width:570px}.dashboard-hero h1{font-size:clamp(30px,3.8vw,51px);max-width:640px;margin:9px 0 15px}.dashboard-hero h1 span{color:#dbccff}.dashboard-hero p{color:#d2c9f9;font-size:13px;max-width:440px}.dashboard-hero .btn{background:#fff;color:#6349d3;margin-top:13px}.hero-orbit{font-size:130px;font-weight:850;line-height:1;transform:rotate(-13deg);opacity:.7;letter-spacing:-16px;text-shadow:5px 20px 0 #c1b0ff3b}.hero-micro{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#dbcfff}.topic-card{display:flex;flex-direction:column;gap:10px;min-height:185px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.topic-card:hover{transform:translateY(-4px);box-shadow:0 18px 30px #15152e12}.topic-icon{width:43px;height:43px;display:grid;place-items:center;font-size:20px;font-weight:800;color:var(--topic);border-radius:13px;background:color-mix(in srgb,var(--topic) 12%,white)}.topic-card strong{font-size:15px;line-height:1.3}.topic-card .topic-desc{color:var(--muted);font-size:11px;line-height:1.4}.topic-card .topic-bot{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.topic-card .topic-bot span{color:var(--muted);font-size:10px}.tiny-bar{width:60px;height:5px;background:var(--line);overflow:hidden;border-radius:10px}.tiny-bar i{display:block;height:100%;background:var(--topic)}.feature-banner{background:linear-gradient(100deg,#eae6ff,#eef3ff);border:1px solid #dfd8ff;border-radius:17px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.feature-banner strong{font-size:16px}.feature-banner p{font-size:12px;color:#6c7293;margin:5px 0 0}.mini-report{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.mini-report:last-child{border:none}.mini-report strong{font-size:12px}.mini-report small{color:var(--muted)}
/* Lerntheorie */
.book-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:20px;align-items:start}.book-sidebar{position:sticky;top:18px;padding:13px;max-height:calc(100vh - 105px);overflow-y:auto}.book-sidebar button{display:flex;align-items:center;gap:9px;width:100%;border:0;text-align:left;background:transparent;color:var(--muted);padding:11px;border-radius:10px;font-size:12px;font-weight:700}.book-sidebar button.active{background:var(--purple-soft);color:var(--purple)}.book-sidebar button:hover{background:var(--surface-soft)}.book-page{min-width:0}.book-page .lesson-intro{font-size:14px;color:var(--muted);line-height:1.9}.formula-banner{font-size:clamp(19px,3vw,29px);background:linear-gradient(115deg,#ede9ff,#f5f4ff);border:1px solid #dcd4ff;color:#5643c0;border-radius:17px;padding:22px 26px;font-weight:850;letter-spacing:-.5px;margin:20px 0}.merke{border:1px solid #b6d5f2;border-radius:17px;overflow:hidden;background:#f1f8ff;margin:22px 0;color:#233d62}.merke-title{background:#dceeff;color:#2876ac;padding:12px 20px;font-size:12px;font-weight:900;letter-spacing:1px;display:flex;justify-content:space-between}.merke-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.merke-point{padding:17px 20px;border-top:1px solid #d6e9fc}.merke-point:nth-child(odd){border-right:1px solid #d6e9fc}.merke-point strong{display:block;font-size:13px;margin-bottom:4px}.merke-point p{margin:0;font-size:12px;line-height:1.7}.example-list{display:grid;gap:12px}.example{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:16px 20px;display:flex;align-items:center;gap:18px}.example strong{font-size:16px;min-width:130px}.example span{color:var(--muted);font-size:13px}.hint-banner{padding:18px 20px;border-left:3px solid var(--gold);background:#fff9ed;border-radius:0 12px 12px 0;color:#71592a;margin:22px 0}.hint-banner strong{font-size:12px}.hint-banner p{font-size:12px;margin:6px 0 0}.source-photo{max-width:100%;max-height:500px;border-radius:10px;object-fit:contain;box-shadow:0 10px 28px #11111117;background:#f8f7f3;cursor:zoom-in}.source-thumb{height:160px;width:100%;object-fit:contain;border-radius:11px;background:#eceef4}.source-card{cursor:pointer}.source-card strong{font-size:12px}.blue-caption{color:#3382b4;font-size:11px;font-weight:700}.small-note{font-size:11px;color:var(--muted)}.ref-card{background:var(--surface-soft);padding:18px;border-radius:14px}.ref-card strong{font-size:12px}.ref-card p{font-size:12px;color:var(--muted);margin:8px 0 0}
/* Trainingsmodi */
.setup-panel{max-width:940px;margin:0 auto}.setup-hero{text-align:center;padding:10px 0 20px}.setup-hero .bigicon{display:grid;place-items:center;margin:0 auto 15px;width:71px;height:71px;font-size:32px;border-radius:24px;background:var(--purple-soft);color:var(--purple)}.setup-hero h2{margin-bottom:8px}.setup-hero p{color:var(--muted);font-size:13px}.form-label{font-size:11px;letter-spacing:1px;font-weight:900;color:var(--muted);margin:0 0 11px}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:24px}.choice-grid.options-4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-pill{border:1px solid var(--line);border-radius:13px;padding:13px 12px;text-align:left;background:var(--surface);color:var(--txt);font-size:12px;font-weight:750;min-height:54px;transition:.2s}.choice-pill:hover{border-color:#a79af9}.choice-pill.selected{border-color:#8066eb;background:var(--purple-soft);color:#543eb5;box-shadow:0 0 0 1px #8066eb35}.choice-pill small{display:block;color:var(--muted);font-size:10px;font-weight:400}.setup-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:24px}.question-wrap{max-width:870px;margin:auto}.question-panel{padding:35px 38px;border-radius:24px}.question-progress{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:800;color:var(--muted);margin:0 0 13px}.question-counter{color:var(--purple)}.question-bar{height:7px;border-radius:30px;background:var(--line);margin-bottom:30px;overflow:hidden}.question-bar i{display:block;height:100%;background:linear-gradient(90deg,#8065ed,#ac91ff);transition:width .3s}.question-tag{color:var(--purple);font-weight:900;font-size:10px;letter-spacing:1.6px}.question-title{font-size:clamp(22px,3vw,30px);margin:13px 0 28px;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.answer-input{display:flex;align-items:center;gap:10px}.answer-input input{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft);padding:17px 20px;outline:none;font-size:20px;color:var(--txt);font-weight:750;letter-spacing:.3px}.answer-input input:focus{border-color:#957efe;box-shadow:0 0 0 4px #8166f21c}.math-keypad{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 23px}.math-keypad button{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:7px 13px;min-width:41px;font-size:15px;font-weight:700;color:var(--muted)}.math-keypad button:hover{background:var(--purple-soft);color:var(--purple)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.mc-option{border:1px solid var(--line);border-radius:13px;min-height:72px;padding:16px;display:flex;align-items:center;text-align:left;gap:12px;background:var(--surface);font-size:17px;font-weight:650;overflow-wrap:anywhere}.mc-option .mc-letter{border-radius:9px;width:26px;height:26px;display:grid;place-items:center;background:var(--surface-soft);color:var(--muted);font-size:11px;flex-shrink:0}.mc-option.selected{background:var(--purple-soft);border-color:var(--purple)}.mc-option.correct{background:#eafaf3;border-color:var(--green)}.mc-option.wrong{background:#fff0f1;border-color:var(--red)}.question-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.inline-check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.feedback{margin-top:18px;padding:20px;border-radius:15px;border:1px solid}.feedback.good{background:#e8fbf4;border-color:#b7eddd}.feedback.bad{background:#fff3f3;border-color:#f6d2d3}.feedback b{display:block;font-size:15px;margin-bottom:6px}.feedback p{font-size:12px;margin:3px 0 0;line-height:1.8}.math-answer{font-size:17px;font-weight:850;color:var(--txt)}.feedback .math-answer{margin:6px 0}.q-hint{border:1px dashed #cbd2e4;background:var(--surface-soft);border-radius:13px;padding:14px;margin-top:15px;color:var(--muted);font-size:12px}.quiz-info{display:flex;gap:8px;flex-wrap:wrap}.timer-pill{background:#fff1e4;color:#ba762a;border-radius:40px;padding:6px 14px;font-size:12px;font-weight:800}.result-panel{text-align:center;padding:44px 36px;max-width:720px;margin:auto}.result-circle{width:150px;height:150px;border-radius:50%;border:10px solid #e3ddff;display:grid;place-items:center;margin:20px auto 25px;background:var(--purple-soft)}.result-circle strong{display:block;font-size:44px;color:var(--purple)}.result-circle small{display:block;color:var(--muted);font-size:10px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.result-metrics>div{background:var(--surface-soft);border-radius:12px;padding:14px}.result-metrics b{display:block;font-size:23px}.result-metrics span{color:var(--muted);font-size:11px}.mode-shortcut{border:1px solid var(--line);padding:15px;border-radius:13px;background:var(--surface);text-align:left;min-height:95px;cursor:pointer;transition:.2s}.mode-shortcut:hover{transform:translateY(-3px);border-color:var(--purple)}.mode-shortcut b{font-size:12px;display:block}.mode-shortcut span{font-size:10px;color:var(--muted)}.words-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.word-card{cursor:pointer;transition:transform .2s}.word-card:hover{transform:translateY(-3px);border-color:#bfafff}.word-card h3{font-size:15px;margin:7px 0}.word-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.word-card .num{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--purple-soft);color:var(--purple);font-size:12px;font-weight:900}.flashcard{min-height:290px;border:1px solid #d9d2ff;background:linear-gradient(140deg,#fbfaff,#eae6ff);border-radius:20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:38px;transition:transform .3s}.flashcard:hover{transform:translateY(-4px)}.flashcard .flash-question{font-size:26px;font-weight:850;line-height:1.4}.flashcard .flash-answer{font-size:23px;color:#5541bf;font-weight:850;line-height:1.5}.flashcard small{margin-top:27px;color:#7c70a2}.flash-controls{display:flex;justify-content:space-between;gap:13px;margin:20px 0}.flipped{background:linear-gradient(140deg,#e9fbf4,#f4fffb);border-color:#bcebd9}.mistake-row{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:16px 0}.mistake-row:last-child{border:none}.mistake-row b{font-size:13px}.mistake-row p{color:var(--muted);font-size:12px;margin:5px 0 0}
/* Musik */
.music-hero{background:linear-gradient(120deg,#181a38,#40316d 78%,#7854a0);border-radius:24px;padding:33px 37px;color:white;display:flex;align-items:center;gap:33px;position:relative;overflow:hidden}.music-hero:before{content:'♫';position:absolute;right:12px;bottom:-88px;font-size:290px;color:#ffffff08}.album-art{border-radius:20px;width:175px;aspect-ratio:1;flex-shrink:0;background:linear-gradient(135deg,#ffafe7,#9979fa 48%,#504fbb);display:grid;place-items:center;font-size:93px;text-shadow:0 15px 30px #2b145955;box-shadow:12px 20px 45px #08072140}.music-hero-info{position:relative;z-index:1;min-width:0;flex:1}.music-hero-info .eyebrow{color:#ccbaff}.music-hero-info h1{font-size:clamp(24px,3vw,40px);margin:6px 0 4px}.music-hero-info p{color:#c3b5dc;font-size:12px}.music-controls{display:flex;align-items:center;gap:13px;margin:24px 0}.music-control{border:0;color:#fff;background:#ffffff17;border-radius:50%;width:41px;height:41px;display:grid;place-items:center;font-size:20px}.music-control.bigplay{background:#fff;color:#5b45af;width:56px;height:56px}.music-control.enabled{background:#a48af244;color:#fff}.music-line{display:flex;align-items:center;gap:12px;font-size:11px;color:#d9c9ff}.music-line input{flex:1;min-width:0}.volume{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;color:#ddd0ff}.volume input{max-width:140px}.tracklist{display:grid;gap:9px}.track-row{display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:.2s;text-align:left}.track-row:hover{border-color:#ad9df9;background:var(--surface-soft)}.track-row.playing{border-color:var(--purple);background:var(--purple-soft)}.track-num{width:37px;height:37px;background:var(--surface-soft);display:grid;place-items:center;border-radius:10px;color:var(--purple);font-size:16px;font-weight:800}.track-row strong{font-size:13px}.track-row p{font-size:11px;color:var(--muted);margin:1px 0 0}.track-row .play-state{margin-left:auto;color:var(--purple);font-size:12px;font-weight:800}
/* Musikdock */
.player-dock{height:var(--dock-height);position:fixed;bottom:0;left:250px;right:0;z-index:35;background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:17px;padding:0 25px;box-shadow:0 -11px 32px #1515270a;transition:transform .3s}.dock-cover{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:white;background:linear-gradient(135deg,#d879dd,#775adc);font-size:23px}.dock-title{width:182px;min-width:0;display:flex;flex-direction:column}.dock-title strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-title small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-buttons{display:flex;align-items:center;gap:8px}.dock-button{border:none;color:var(--muted);background:none;font-size:17px;min-width:26px;height:32px}.dock-play{border-radius:50%;width:37px;height:37px;background:var(--purple);color:white;font-size:14px}.dock-time{font-size:10px;color:var(--muted);white-space:nowrap}.player-dock input{width:min(18vw,260px)}.dock-music{margin-left:auto;white-space:nowrap;color:var(--purple);font-size:11px;border:0;background:var(--purple-soft);border-radius:10px;padding:8px 12px;font-weight:800}.dock-close{background:none;border:0;color:var(--muted);font-size:19px}.player-dock.hidden{transform:translateY(100%)}
/* Einstellungen */
.setting-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-line:last-child{border:none}.setting-line b{font-size:13px}.setting-line p{font-size:11px;color:var(--muted);margin:3px 0 0}.form-field{width:100%;min-height:43px;padding:10px 13px;color:var(--txt);background:var(--surface);border:1px solid var(--line);border-radius:12px}.profile-tag{padding:9px 12px;border-radius:11px;border:1px solid var(--line);background:var(--surface-soft);display:inline-flex;align-items:center;gap:8px;margin:4px;font-size:12px}.badge-item{display:flex;gap:12px;align-items:center;padding:14px;border-radius:13px;border:1px solid var(--line)}.badge-item.locked{opacity:.42;filter:grayscale(1)}.badge-ico{display:grid;place-items:center;font-size:24px;border-radius:12px;background:var(--surface-soft);width:48px;height:48px}.badge-item b{font-size:12px}.badge-item p{font-size:10px;color:var(--muted);margin:0}.topic-stat{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.topic-stat:last-child{border:none}.topic-stat .bar{width:130px;margin-left:auto}.topic-stat small{color:var(--muted);font-size:11px}.topic-stat strong{font-size:12px}.chart-week{height:140px;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:10px 5px}.chart-week .day{display:flex;align-items:center;flex-direction:column;justify-content:end;flex:1;gap:9px;height:100%}.chart-week .day i{background:linear-gradient(180deg,#997ef2,#6649d7);border-radius:8px 8px 3px 3px;width:100%;max-width:35px;min-height:4px}.chart-week .day span{font-size:10px;color:var(--muted)}.modal-mask{position:fixed;inset:0;z-index:65;background:#080d1dcc;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}.modal-box{width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:22px;background:var(--surface);padding:25px;box-shadow:0 25px 60px #0005}.modal-box.wide{width:min(1000px,100%)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-top h2{margin:0;font-size:20px}.modal-top button{border:none;background:var(--surface-soft);color:var(--txt);width:32px;height:32px;border-radius:50%;font-size:18px}.photo-lightbox{max-height:75vh;max-width:100%;display:block;margin:15px auto;object-fit:contain}.toast{position:fixed;z-index:100;top:17px;right:17px;max-width:min(370px,92vw);padding:13px 18px;background:#1e2541;color:#fff;border-radius:14px;box-shadow:0 14px 35px #1115;font-size:12px;font-weight:700;animation:toastIn .3s}.toast.good{background:#137c67}.toast.bad{background:#a73d51}.welcome-screen{z-index:80;position:fixed;inset:0;background:radial-gradient(ellipse at 75% 15%,#54419c 0,#24244a 38%,#131a31 85%);color:white;display:grid;place-items:center;text-align:center;overflow:auto;padding:35px 20px}.welcome-screen.done{display:none}.welcome-inner{z-index:1;width:min(680px,100%)}.welcome-noise{position:absolute;inset:0;background-image:radial-gradient(#ffffff2b 1px,transparent 1px);background-size:24px 24px;opacity:.18;mask-image:linear-gradient(to bottom,black,transparent)}.welcome-deco{position:absolute;opacity:.10;font-size:clamp(150px,24vw,360px);font-weight:900;color:#baa5ff;user-select:none}.deco-one{left:-40px;top:1%;transform:rotate(-20deg)}.deco-two{right:-8px;bottom:-19%;transform:rotate(19deg)}.deco-three{right:12%;top:-19%;font-size:160px}.welcome-icon{width:85px;height:85px;border-radius:24px;margin:0 auto 30px;display:grid;place-items:center;font-size:43px;background:linear-gradient(140deg,#b39afc,#6950d4);font-weight:900;box-shadow:0 17px 65px #9276ff77;transform:rotate(-8deg)}.welcome-icon span{font-size:16px;align-self:start}.welcome-screen .eyebrow{color:#c8b9ff;margin:0 0 18px}.welcome-screen h1{font-size:clamp(42px,7vw,76px);letter-spacing:-3px;margin-bottom:20px}.welcome-screen h1 em{font-style:normal;color:#bca6ff}.welcome-screen p{max-width:480px;margin:0 auto 25px;color:#b4b5d1;font-size:14px}.welcome-points{display:flex;gap:19px;align-items:center;justify-content:center;flex-wrap:wrap;color:#e0d9ff;font-size:11px;margin:27px 0 32px}.welcome-actions{display:flex;align-items:center;justify-content:center;gap:12px}.welcome-actions .btn.primary{background:#ae94ff;color:#1a1844;box-shadow:0 10px 36px #a487ff61}.welcome-actions .btn.ghost{background:#ffffff0a;border-color:#ffffff30;color:white}.welcome-bottom{font-size:10px!important;margin-top:38px!important;color:#828ca9!important}.scrim{display:none}#confetti{pointer-events:none;position:fixed;inset:0;z-index:90;overflow:hidden}.confetti-piece{position:absolute;top:-15px;width:8px;height:13px;opacity:1;animation:confetti 1.4s ease-out forwards}@keyframes confetti{to{transform:translate(var(--dx),105vh) rotate(var(--spin));opacity:0}}@keyframes toastIn{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}
/* Dark Mode */
[data-theme="dark"]{--bg:#101421;--surface:#181d2c;--surface-soft:#21283a;--txt:#e7ebf7;--muted:#9aa4bc;--line:#2c3449;--purple:#a28bff;--purple-soft:#312948;--side:#0c101a;--shadow:0 11px 27px #0002}
[data-theme="dark"] .topic-icon{background:#282943}[data-theme="dark"] .feature-banner{background:#292546;border-color:#463d69}[data-theme="dark"] .feature-banner p{color:#b4afce}[data-theme="dark"] .formula-banner{background:#2d2848;border-color:#524a77;color:#c1adff}[data-theme="dark"] .merke{background:#1b3045;border-color:#315e7c;color:#e0efff}[data-theme="dark"] .merke-title{background:#244f71;color:#addefc}[data-theme="dark"] .merke-point,.merke-point:nth-child(odd){border-color:#315e7c}[data-theme="dark"] .hint-banner{background:#383022;color:#ffcf80}[data-theme="dark"] .feedback.good{background:#173d35;border-color:#23735c}[data-theme="dark"] .feedback.bad{background:#49232c;border-color:#903845}[data-theme="dark"] .flashcard{background:linear-gradient(135deg,#2f294b,#262341);border-color:#4a4072}[data-theme="dark"] .flashcard.flipped{background:#1b3b38;border-color:#2b726a}[data-theme="dark"] .mc-option.correct{background:#1d4a3c}[data-theme="dark"] .mc-option.wrong{background:#4e2930}[data-theme="dark"] .btn.danger{background:#4b2931}
@media(max-width:1230px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.dock-title{width:140px}.connection{display:none}}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:transform .25s;z-index:52}.sidebar.open{transform:none}.scrim.open{display:block;position:fixed;inset:0;z-index:51;background:#0008}.main-area{margin-left:0;width:100%}.player-dock{left:0}.hamburger{display:block}.topbar{height:66px}.book-layout{grid-template-columns:1fr}.book-sidebar{display:flex;gap:4px;position:static;overflow:auto;max-height:140px;flex-wrap:nowrap}.book-sidebar button{white-space:nowrap;width:auto;flex-shrink:0}.book-sidebar button span{display:none}.footer-line{display:none}}
@media(max-width:690px){.topbar{padding:0 17px}.top-right{gap:8px}#breadcrumb{font-size:9px;letter-spacing:.5px}.dashboard-hero{padding:30px 25px;min-height:270px}.dashboard-hero h1{font-size:34px}.hero-orbit{display:none}#view{padding:25px 15px 80px}.page-head{align-items:flex-start;flex-direction:column}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:17px;border-radius:16px}.stat-tile strong{font-size:25px}.topic-card{min-height:168px}.topic-card strong{font-size:13px}.topic-card .topic-desc{font-size:10px}.topic-card .topic-bot{display:none}.feature-banner{align-items:flex-start;flex-direction:column}.merke-grid{grid-template-columns:1fr}.merke-point:nth-child(odd){border-right:none}.example{flex-direction:column;align-items:flex-start;gap:5px}.example strong{min-width:0}.choice-grid,.choice-grid.options-4{grid-template-columns:repeat(2,1fr)}.question-panel{padding:24px 17px}.question-title{font-size:22px}.answers-grid{grid-template-columns:1fr}.mc-option{min-height:60px}.question-footer{flex-wrap:wrap}.question-footer .btn.primary{flex:1}.words-grid{grid-template-columns:1fr}.music-hero{display:block;padding:23px}.album-art{width:116px;margin-bottom:18px}.music-hero-info h1{font-size:24px}.player-dock{height:62px;gap:10px;padding:0 12px}.dock-cover{width:34px;height:34px}.dock-title{width:auto;max-width:calc(100vw - 245px);min-width:74px;flex:1}.dock-time,.player-dock input,.dock-music{display:none}.dock-buttons{gap:2px}.dock-button{font-size:15px;min-width:21px}.dock-play{width:32px;height:32px}.dock-close{font-size:17px}.welcome-screen h1{letter-spacing:-2px}.welcome-points{gap:9px}.welcome-actions{flex-direction:column}.welcome-actions .btn{width:min(350px,100%)}.flash-controls{flex-wrap:wrap}.setting-line{align-items:flex-start}.setting-line .btn{white-space:normal}}
@media(max-width:390px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}.topic-card{min-height:170px}.topic-card .topic-icon{width:34px;height:34px;font-size:16px}.stat-tile{padding:13px}.stat-tile strong{font-size:22px}.top-pill{padding:5px 8px}.question-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Hinweise dürfen auf Mobilgeräten keine Menütasten verdecken. */
#toast-region,.toast{pointer-events:none}
#dock-restore{position:fixed;bottom:14px;right:16px;z-index:35;display:none;background:var(--purple);border:0;border-radius:30px;color:white;box-shadow:0 9px 28px #3221784c;font-weight:800;font-size:12px;padding:13px 17px}#dock-restore.visible{display:block}

/* ===========================================================================
   MATHEMASTER 9  •  REFINED EDITION  •  Layout, Motion, Accounts, Consent
   =========================================================================== */
:root{--bg:#f5f7fb;--surface:#ffffff;--surface-soft:#f6f7fb;--txt:#171c31;--muted:#737e92;--line:#e8ebf2;--purple:#6657d8;--purple-soft:#f0effc;--green:#15a48f;--radius:22px;--shadow:0 15px 50px rgba(18,27,55,.035);--dock-height:76px;--ease:cubic-bezier(.2,.8,.2,1)}
body{font-size:14px;letter-spacing:-.04px;background:radial-gradient(circle at 75% -15%,#f1eefc 0,transparent 42%),var(--bg)}
button{touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible{outline-color:#9488ff}
#view{max-width:1420px;padding:47px clamp(26px,4.7vw,76px) 110px;animation:contentEnter .42s var(--ease) both}
@keyframes contentEnter{from{opacity:.55;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.card{box-shadow:0 10px 35px rgba(22,31,62,.025);border-color:#e7eaf2;padding:clamp(18px,1.9vw,28px)}
.card,.surface{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease)}
.card:hover{border-color:#deddf0}
.grid-2,.grid-3,.grid-4{gap:20px}
.section-title{margin:51px 0 20px;flex-wrap:wrap}.section-title h2{font-size:22px;letter-spacing:-.7px}.section-link{border:0;background:transparent;color:var(--purple);font-weight:750;font-size:12px;padding:8px 0}
.page-head{margin:2px 0 36px}.page-head h1{font-size:clamp(29px,3.5vw,46px)}.page-head p{font-size:14px;line-height:1.75;max-width:560px}
.btn{border-radius:13px;transition:transform .23s var(--ease),box-shadow .23s ease,background .23s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:scale(.975)}
.btn.primary{background:#6658da;box-shadow:0 10px 24px rgba(97,83,216,.16)}.btn.primary:hover{background:#5848d2;box-shadow:0 13px 30px rgba(97,83,216,.23)}
.sidebar{width:254px;padding:28px 15px 20px;background:linear-gradient(170deg,#11182b 0%,#14192d 72%,#171a34 100%)}
.main-area{margin-left:254px;width:calc(100% - 254px)}.brand{margin-bottom:45px}.brand-logo{border-radius:16px;width:45px;height:45px;transform:rotate(-4deg)}.brand strong{font-size:15px;letter-spacing:-.2px}.brand small{font-size:9px}
.nav-label{margin-bottom:14px}.nav-label.second{margin-top:35px}.nav-main{gap:6px}.nav-link{border-radius:13px;min-height:43px;padding:11px 13px;font-weight:650;font-size:12px}.nav-link.active{background:#776bf12a;box-shadow:inset 3px 0 #b3a1ff;color:#e6dfff}
.sidebar-bottom{padding-top:45px}.sb-goal{background:linear-gradient(140deg,#ffffff0d,#ffffff06)}
.topbar{height:78px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);position:sticky;top:0;z-index:24;box-shadow:0 2px 18px #222c4a05}.top-right{gap:12px}
.cloud-chip{display:flex;gap:8px;align-items:center;min-height:35px;padding:7px 12px;border:1px solid var(--line);border-radius:50px;background:var(--surface-soft);font-size:11px;font-weight:750;color:var(--muted);white-space:nowrap}.cloud-led{width:8px;height:8px;border-radius:50%;background:#aab4c5;box-shadow:0 0 0 3px #aab4c521}.cloud-chip[data-sync="synced"] .cloud-led{background:#1cb89b;box-shadow:0 0 0 3px #1cb89b18}.cloud-chip[data-sync="pending"] .cloud-led,.cloud-chip[data-sync="saving"] .cloud-led{background:#d99c4b;animation:pulseSoft 1.25s infinite}.cloud-chip[data-sync="conflict"] .cloud-led,.cloud-chip[data-sync="error"] .cloud-led{background:#df6178}
@keyframes pulseSoft{50%{opacity:.45;transform:scale(.75)}}
.avatar{width:39px;height:39px;border:3px solid #f0edff;box-shadow:0 5px 15px #36279a16}
.dashboard-hero{min-height:345px;border-radius:29px;padding:clamp(27px,4vw,55px) clamp(26px,4vw,55px);isolation:isolate;background:linear-gradient(117deg,#252a53 0%,#463e95 47%,#7e6ce6 100%);box-shadow:0 25px 70px #4533ae16}
.dashboard-hero::after{border:50px solid #ffffff10;right:-110px;top:-120px;width:450px;height:450px;animation:orbitSpin 35s linear infinite;z-index:0}.dashboard-hero::before{width:440px;height:440px;right:40px;bottom:-385px}
.dashboard-hero h1{font-size:clamp(35px,4.2vw,59px);line-height:1.1;letter-spacing:-2.6px;max-width:630px;margin:18px 0}.dashboard-hero h1 span{color:#cfc6ff}.dashboard-hero p{font-size:14px;line-height:1.85;max-width:465px}.dashboard-hero .btn{min-height:55px;padding:15px 25px;border-radius:14px;margin-top:16px}.hero-orbit{font-size:clamp(105px,12vw,177px);opacity:.8;letter-spacing:-15px;animation:heroLevitate 7s ease-in-out infinite;filter:drop-shadow(15px 19px 17px #30267b55)}
@keyframes heroLevitate{50%{transform:rotate(-5deg) translateY(-13px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.stat-tile{min-height:162px}.stat-tile strong{font-size:33px;margin-top:17px}.stat-symbol{border-radius:13px}
.mode-shortcut{transition:transform .25s var(--ease),background .25s ease,box-shadow .25s ease;min-height:110px}.mode-shortcut:hover{transform:translateY(-4px);box-shadow:0 12px 25px #1a203b0d}
.topic-card{min-height:205px;gap:12px}.topic-card strong{font-size:16px}.topic-card .topic-desc{font-size:12px}.topic-card .topic-bot{padding-top:12px}
.featured-topics .topic-card{animation:cardReveal .45s var(--ease) both}.featured-topics .topic-card:nth-child(2){animation-delay:.065s}.featured-topics .topic-card:nth-child(3){animation-delay:.11s}.featured-topics .topic-card:nth-child(4){animation-delay:.155s}
@keyframes cardReveal{from{opacity:0;transform:translateY(13px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.book-layout{grid-template-columns:230px minmax(0,1fr);gap:25px}.book-page>.card{padding:clamp(23px,2.8vw,38px)}.book-sidebar{padding:12px;border-radius:20px;max-height:calc(100vh - 118px);top:94px}.book-sidebar button{padding:12px;line-height:1.45}.book-sidebar button.active{font-weight:850}
.merke{margin:28px 0;background:#f0f8ff;border-radius:19px}.merke-title{padding:16px 23px;background:#e0f0ff}.merke-point{padding:19px 22px}.merke-point p{line-height:1.83}
.example{padding:18px 22px}.formula-banner{line-height:1.5}.setup-panel{max-width:890px;padding:clamp(20px,4vw,45px)}.setup-hero{padding:10px 0 30px}.choice-grid{gap:13px;margin-bottom:33px}.choice-pill{min-height:61px;border-radius:14px}.question-wrap{max-width:820px}.question-panel{padding:clamp(24px,3.4vw,44px)}.question-title{line-height:1.48}.player-dock{height:76px;box-shadow:0 -6px 30px #10162e09;background:var(--surface);border-top:1px solid var(--line)}
/* Konto und Datenschutzeinstellungen */
.settings-grid{align-items:start;gap:23px}.settings-card{min-height:480px}.settings-section-heading{font-size:10px;font-weight:850;letter-spacing:2px;color:var(--purple);margin-bottom:18px}.account-status{display:flex;align-items:center;gap:17px;margin:20px 0 15px}.account-big-icon{display:grid;place-items:center;flex:none;width:65px;height:65px;border-radius:20px;background:linear-gradient(135deg,#ded9ff,#f5efff);color:#5947c9;font-size:35px}.account-status h3{font-size:20px;margin:8px 0}.action-stack{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.action-stack>.btn{max-width:100%;white-space:normal}.divider-thin{height:1px;background:var(--line);margin:25px 0}.privacy-card{margin-top:25px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.privacy-grid>div{padding:18px;background:var(--surface-soft);border-radius:15px}.privacy-grid b{display:block;font-size:13px;margin-bottom:10px}.privacy-grid p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.conflict-panel{padding:17px;border:1px solid #efd3a3;background:#fff9e9;border-radius:15px}.conflict-panel p{font-size:12px;margin:8px 0}.alert-inline{color:#a94e60;background:#fff3f5;padding:12px;border-radius:11px;font-size:12px}
.form-field{padding:12px 13px;min-height:47px}.setting-line{padding:22px 0}.setting-line p{font-size:12px;line-height:1.6}.setting-line b{font-size:13px}
/* Login / Registrierung */
#auth-root:empty,#consent-root:empty{display:none}.auth-backdrop{z-index:111;position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#0e1435b3;backdrop-filter:blur(12px);animation:fadeOverlay .22s ease both;overflow-y:auto}
@keyframes fadeOverlay{from{opacity:0}to{opacity:1}}
.auth-dialog{width:min(470px,100%);max-height:min(91vh,1000px);overflow:auto;background:var(--surface);color:var(--txt);padding:30px clamp(23px,3.2vw,37px) 27px;border:1px solid #ffffff5e;border-radius:27px;box-shadow:0 30px 100px #050b2c55;animation:dialogIn .35s var(--ease) both}
@keyframes dialogIn{from{transform:translateY(22px) scale(.97);opacity:.65}to{transform:translateY(0) scale(1);opacity:1}}
.auth-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.auth-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:19px;color:#fff;font-size:23px;font-weight:900;background:linear-gradient(135deg,#39365f,#8269e7);box-shadow:0 14px 25px #694ddb2b}.auth-x{border:0;background:var(--surface-soft);color:var(--txt);border-radius:50%;width:34px;height:34px;font-size:24px}.auth-dialog .eyebrow{margin:0 0 8px;font-size:10px}.auth-dialog h2{font-size:clamp(25px,4vw,32px);margin:0 0 10px}.auth-dialog>p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:23px}.auth-dialog form{display:flex;flex-direction:column;gap:9px}.auth-dialog label{font-size:12px;font-weight:800;margin-top:9px}.auth-dialog input{background:var(--surface-soft);color:var(--txt);border:1px solid var(--line);border-radius:12px;padding:13px 15px;min-height:49px;width:100%;font-size:14px}.auth-pass-wrap{position:relative}.auth-pass-wrap input{padding-right:54px}.password-toggle{position:absolute;right:5px;top:5px;border:0;background:transparent;border-radius:9px;color:var(--muted);width:40px;height:40px;font-size:20px}.auth-error{font-size:12px;color:#c14d67;margin:4px 0 0;min-height:16px;line-height:1.5}.auth-submit{width:100%;margin-top:5px}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin:20px 0}.auth-switch button,.auth-guest,.inline-link{background:transparent;border:0;color:var(--purple);font-weight:850;padding:2px;cursor:pointer}.auth-fine{font-size:11px!important;line-height:1.7!important;text-align:center;margin:18px 0!important}.auth-guest{display:block;margin:auto;font-size:12px}
/* Startbildschirm */
.welcome-screen{background:radial-gradient(ellipse 56% 57% at 77% 21%,#4e49a3 0%,#262a5e 64%,transparent 100%),linear-gradient(125deg,#11192e,#1c1e4b 57%,#242156);padding:clamp(25px,5vw,60px) 20px;min-height:100svh}
.welcome-inner{width:min(790px,100%);padding:25px 0}.welcome-icon{width:91px;height:91px;border-radius:27px;background:linear-gradient(145deg,#b7a5ff,#6b53e5);animation:welcomeFloat 6s ease-in-out infinite;box-shadow:0 17px 60px #8b6cef42}.welcome-screen h1{font-size:clamp(43px,7vw,84px);letter-spacing:-3px;line-height:1.06;margin:17px 0 21px}.welcome-screen p{font-size:15px;line-height:1.8;max-width:570px}.welcome-screen .welcome-points{margin:29px auto 33px;gap:16px}.welcome-points span{padding:8px 12px;border:1px solid #ffffff18;background:#ffffff09;border-radius:80px;backdrop-filter:blur(6px)}.welcome-account-kicker{color:#bbb7ed;font-size:10px;font-weight:900;letter-spacing:2.1px;margin:0 0 14px}.welcome-actions{flex-direction:column;gap:12px}.welcome-actions>.btn.primary{width:min(400px,100%);min-height:58px;font-size:15px;border:1px solid #ffffff3c;background:#c1b1ff;box-shadow:0 13px 40px #8768fa40}.welcome-account-buttons{display:flex;gap:12px;width:min(400px,100%)}.welcome-account-buttons>.btn{width:50%;padding:13px}.welcome-account-buttons .btn{background:#ffffff13;border:1px solid #ffffff36;color:#fff}.welcome-dismiss{border:0;background:none;color:#9c9dc3;margin-top:5px;padding:9px}.welcome-user-state{color:#aeb7dd;font-size:11px;margin-top:12px}.welcome-bottom{max-width:490px!important;margin-top:24px!important}.welcome-screen .welcome-points{font-size:11px}.welcome-deco{pointer-events:none}
@keyframes welcomeFloat{50%{transform:rotate(3deg) translateY(-13px)}}
/* Cookie-Einwilligung: keine irreführenden Versprechen */
.cookie-banner{position:fixed;z-index:98;bottom:calc(var(--dock-height) + 16px);right:clamp(12px,2vw,32px);width:min(520px,calc(100vw - 24px));border-radius:22px;padding:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 22px 80px #141b3640;animation:cookieUp .4s var(--ease) both}.cookie-badge{display:inline-block;padding:6px 10px;border-radius:99px;background:var(--purple-soft);font-size:9px;font-weight:900;color:var(--purple);letter-spacing:1px;margin-bottom:12px}.cookie-banner strong{font-size:17px;line-height:1.35;display:block;margin-bottom:9px}.cookie-banner p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.cookie-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}.cookie-actions .btn{font-size:11px;white-space:normal}
@keyframes cookieUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
.mobile-tabs{display:none}
[data-theme="dark"]{--bg:#0e1220;--surface:#191e30;--surface-soft:#22293c;--line:#30374c;--txt:#eff1fa;--muted:#a5aec3;--purple:#b0a3ff;--purple-soft:#302d50;--shadow:0 18px 40px #0002}
[data-theme="dark"] .card{border-color:var(--line)}[data-theme="dark"] .dashboard-hero{background:linear-gradient(115deg,#202344,#4a3f94,#6555bf)}[data-theme="dark"] .privacy-grid>div{background:#232a3f}[data-theme="dark"] .cloud-chip{background:var(--surface-soft)}[data-theme="dark"] .auth-dialog{border-color:#303653}[data-theme="dark"] .account-big-icon{background:#343151;color:#d4c9ff}[data-theme="dark"] .conflict-panel{background:#403325;border-color:#776344}[data-theme="dark"] .cookie-banner{border-color:#343a4f}
@media (max-width:1230px){.cloud-chip #cloud-status-label{display:none}.cloud-chip{padding:12px}}
@media (max-width:1000px){.main-area{margin-left:0;width:100%}.sidebar{z-index:55}.topbar{height:71px}.book-sidebar{top:0;max-height:unset}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{min-height:290px}.hero-orbit{font-size:105px}.cookie-banner{bottom:calc(var(--dock-height) + 15px)}}
@media (max-width:690px){:root{--dock-height:64px}.main-area{padding-bottom:calc(var(--dock-height) + 75px)}.mobile-tabs{display:flex;position:fixed;inset:auto 0 0;z-index:41;justify-content:space-around;align-items:center;height:67px;padding:4px max(9px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom)/2);background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(20px);border-top:1px solid var(--line);box-shadow:0 -5px 22px #121b360b}.mobile-tabs button{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:transparent;color:var(--muted);font-weight:750;font-size:10px;padding:5px 0;min-width:0;border-radius:13px}.mobile-tabs button span{font-size:20px;line-height:1.2}.mobile-tabs button.active{color:var(--purple);background:var(--purple-soft)}
 .topbar{height:62px;padding:0 17px;position:sticky}.top-left,.top-right{gap:9px}.top-pill{font-size:10px;padding:7px 8px}.cloud-chip{padding:9px}.avatar{width:34px;height:34px;border-width:2px}.hamburger{font-size:20px}
 #view{padding:26px 16px 150px}.section-title{margin:35px 0 15px}.section-title h2{font-size:19px}.section-link{font-size:11px}.grid-2,.grid-3,.grid-4{gap:12px}.page-head{margin-bottom:21px}.page-head h1{font-size:29px}.page-head p{font-size:12px}
 .dashboard-hero{min-height:305px;padding:29px 24px;border-radius:24px}.dashboard-hero h1{font-size:clamp(34px,8.7vw,45px);letter-spacing:-1.8px;line-height:1.13;max-width:340px}.dashboard-hero p{font-size:12px;line-height:1.7;max-width:330px}.dashboard-hero .btn{min-height:47px;font-size:12px;padding:12px 20px}.dashboard-hero::after{right:-170px;top:-150px;width:310px;height:310px;border-width:34px}.hero-orbit{display:none}
 .stat-tile{min-height:128px}.stat-tile strong{font-size:27px;margin-top:13px}.stat-tile .stat-top{font-size:9px}.stat-tile p{font-size:10px}.stat-symbol{width:28px;height:28px;font-size:15px}
 .topic-card{min-height:162px;padding:16px;gap:9px}.topic-card strong{font-size:12px}.topic-card .topic-desc{font-size:10px}.topic-card .topic-bot{display:none}.topic-icon{width:38px;height:38px;font-size:17px}.featured-topics .topic-card{min-height:157px}
 .book-sidebar{padding:9px;border-radius:14px;max-height:none}.book-sidebar button{padding:9px 12px;font-size:11px;border-radius:10px}.book-page>.card{padding:20px}.merke-point{padding:15px}.merke-title{padding:13px 15px;font-size:10px}.formula-banner{font-size:22px;padding:18px}.lesson-intro{font-size:13px!important}.setup-panel{padding:20px 16px}.choice-pill{min-height:54px;padding:11px 9px;font-size:11px}.choice-grid{margin-bottom:23px}.question-panel{padding:23px 19px}.question-title{font-size:23px}.question-wrap{max-width:100%}
 .player-dock{bottom:67px;left:0;right:0;height:64px;padding:0 15px;border-top:1px solid var(--line);z-index:39}.dock-title{max-width:calc(100vw - 225px)}.dock-cover{width:36px;height:36px}.cookie-banner{bottom:calc(67px + 64px + 12px);padding:19px;border-radius:19px;max-height:45vh;overflow-y:auto}.cookie-banner strong{font-size:15px}.cookie-banner p{font-size:11px}.cookie-actions{margin-top:12px}.cookie-actions .btn{flex:1;padding:10px;min-width:125px}
 .privacy-grid,.settings-grid{grid-template-columns:1fr}.settings-card{min-height:unset}.account-status{gap:12px}.account-big-icon{width:56px;height:56px;font-size:29px}.privacy-grid>div{padding:16px}.privacy-card{margin-top:12px}
 .auth-backdrop{padding:14px}.auth-dialog{padding:22px;border-radius:22px;max-height:96svh}.auth-icon{width:50px;height:50px;border-radius:15px}.auth-dialog h2{font-size:26px}.welcome-screen{padding:25px 18px}.welcome-inner{padding:12px 0}.welcome-icon{height:72px;width:72px;border-radius:22px;font-size:34px;margin-bottom:22px}.welcome-screen h1{font-size:clamp(39px,10vw,58px);letter-spacing:-2px}.welcome-screen p{font-size:12px}.welcome-points{margin:24px 0!important;gap:7px!important}.welcome-points span{padding:6px 9px;font-size:10px}.welcome-actions>.btn.primary{min-height:53px}.welcome-account-buttons{gap:8px}.welcome-bottom{margin-top:16px!important}
 #dock-restore{bottom:80px}.toast{top:10px;right:10px;max-width:calc(100vw - 20px)}
}
@media (max-width:380px){.cloud-chip{display:none}.dashboard-hero{padding:25px 20px}.stat-tile{padding:13px}.stat-tile strong{font-size:24px}.choice-grid,.choice-grid.options-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-screen h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.dashboard-hero::after,.hero-orbit,.welcome-icon,.featured-topics .topic-card,#view{animation:none!important}}
/* Letzte Breakpoint-Korrekturen: keine zweispaltigen Lernbücher auf schmalen Screens. */
@media(max-width:1000px){.book-layout{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}.book-sidebar{display:flex;flex-flow:row nowrap;width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;position:static;scrollbar-width:thin}.book-sidebar button{width:auto;flex:0 0 auto;white-space:nowrap}.book-page{width:100%;min-width:0}.book-page>.card{min-width:0}.merke-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:690px){.merke-grid{grid-template-columns:minmax(0,1fr)}.merke-point:nth-child(odd){border-right:none}.book-page .row{flex-wrap:wrap}.book-page .btn{white-space:normal;max-width:100%}.book-page>.card .row.spread>*{min-width:0}.settings-grid{grid-template-columns:minmax(0,1fr)}.book-page img{max-width:100%;height:auto}}
.nav-expander{border-radius:12px}.nav-expander summary{list-style:none;display:flex;align-items:center;gap:13px;min-height:42px;padding:10px 13px;color:#9da6c0;cursor:pointer;font-size:12px;font-weight:700;border-radius:12px;transition:background .2s,color .2s}.nav-expander summary::-webkit-details-marker{display:none}.nav-expander summary:hover{background:#ffffff0c;color:#fff}.nav-expander[open] summary{color:#ddd1ff;background:#ffffff0c}.nav-expander .expander-chevron{margin-left:auto;font-size:17px;transition:transform .2s}.nav-expander[open] .expander-chevron{transform:rotate(180deg)}.nav-extra{padding:6px 0 4px 15px;display:grid;gap:4px;animation:contentEnter .2s ease both}.nav-extra .nav-link{font-size:11px;min-height:38px;padding:8px 10px}
/* ==============================================================
  FINAL: Exam-first layout, two separated calculator modes
================================================================ */
:root{--purple:#6658d7;--radius:22px}
.section-title{margin-top:42px}
#view>.grid-4,.grid-4.featured-topics{gap:18px}
.topic-card{position:relative;overflow:hidden}
.topic-card::after{content:'';position:absolute;inset:auto 0 0; height:2px;background:var(--topic);opacity:.5;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.topic-card:hover::after{transform:scaleX(1)}
.topic-tool{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;font-size:10px;border-radius:7px;line-height:1.35;font-weight:750;background:#edf5ff;color:#4375ae;white-space:normal}
.topic-tool.tool-no{background:#e9f7f1;color:#16856f}
[data-theme=dark] .topic-tool.tool-yes{background:#22324c;color:#accafc}
[data-theme=dark] .topic-tool.tool-no{background:#193b35;color:#8fe1c7}
.tool-tabs{display:flex;align-items:center;gap:8px;padding:7px;background:var(--surface);border:1px solid var(--line);width:max-content;max-width:100%;border-radius:15px;margin:0 0 24px;flex-wrap:wrap;box-shadow:0 8px 22px #19284c05}
.tool-tabs>button{font-weight:800;color:var(--muted);background:transparent;border:0;padding:11px 15px;border-radius:10px;font-size:12px;transition:background .22s,transform .22s,color .22s}
.tool-tabs>button.active{background:var(--purple-soft);color:var(--purple)}
.tool-tabs>button:hover{transform:translateY(-1px);color:var(--purple)}
.setup-tools{margin-top:6px;margin-bottom:30px}
.book-page .merke-point{padding:22px}
.book-page .merke-grid{gap:0}
.source-photo{display:block;width:min(600px,100%);height:auto;object-fit:contain;margin:4px auto;cursor:zoom-in;border-radius:12px;box-shadow:0 10px 30px #21243812}
.source-thumb{aspect-ratio:3/4;object-fit:cover;object-position:center top}
.source-card{border:1px solid var(--line);transition:transform .2s ease}
.source-card:hover{transform:translateY(-3px)}
.photo-toolbar{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 14px}
.zoom-viewport{width:100%;max-height:65vh;overflow:auto;background:#ecedf2;border-radius:15px;text-align:center;overscroll-behavior:contain;scrollbar-width:thin}
.zoom-viewport .photo-lightbox{display:block;width:100%;max-width:none;height:auto;margin:auto;object-fit:contain;transition:width .25s ease}
[data-theme=dark] .zoom-viewport{background:#0e1220}
/* SVG coordinate plane with actual click targets and visible current line */
.plot-intro{margin:12px 0;color:var(--txt)}.plot-intro p{margin:6px 0 12px;color:var(--muted);font-size:12px}
.plot-wrap{max-width:480px;background:var(--surface-soft);border:1px solid var(--line);padding:12px;border-radius:19px;margin:10px auto 0}
.plot-svg{display:block;width:100%;height:auto;max-height:450px;overflow:visible;touch-action:manipulation}
.plot-bg{fill:var(--surface)}.plot-gridline{stroke:#d4dded;stroke-width:.85}
.plot-axis{stroke:#536084;stroke-width:2.5;fill:none}.plot-label{fill:var(--muted);font:13px ui-sans-serif,system-ui}
.plot-hit{fill:#6f7f9610;stroke:transparent;stroke-width:1;cursor:pointer;transition:fill .15s ease,r .15s ease}
.plot-hit:hover{fill:#6557da75}.plot-hit.chosen{fill:#6856df;stroke:#fff;stroke-width:3}
.plot-user-line{stroke:#f18b41;stroke-width:3;stroke-linecap:round;pointer-events:none}
.plot-under{display:flex;justify-content:space-between;align-items:center;margin:14px 0;gap:12px;flex-wrap:wrap;font-size:12px;font-weight:800}
[data-theme=dark] .plot-gridline{stroke:#394056}
/* CALCULATOR: faithful overall visual hierarchy of user's Sharp photograph. */
.calc-toggle{position:fixed;bottom:calc(var(--dock-height) + 18px);right:22px;z-index:49;background:linear-gradient(135deg,#f56a3a,#e44d30);box-shadow:0 12px 30px #9f3d2666;color:white;font-size:13px;font-weight:850;border:1px solid #ffffff22;border-radius:16px;padding:12px 16px;display:flex;gap:9px;align-items:center;transition:transform .25s ease,box-shadow .25s ease}
.calc-toggle:hover{transform:translateY(-3px);box-shadow:0 14px 32px #9f3d2680}
.sharp-panel{position:fixed;right:20px;bottom:calc(var(--dock-height) + 77px);z-index:70;width:min(416px,calc(100vw - 24px));max-height:calc(100dvh - 110px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 85px #0a153a65;padding:13px;animation:sharpUp .3s cubic-bezier(.2,.8,.2,1)}
.sharp-panel[hidden]{display:none!important}
@keyframes sharpUp{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.calc-panel-head{display:flex;justify-content:space-between;align-items:center;padding:3px 6px 10px;font-size:13px}
.calc-panel-head>div{display:flex;gap:8px}.calc-min{width:33px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--surface-soft);color:var(--txt);font-size:13px}
.sharp-case{border:5px solid #e85032;border-radius:30px 30px 32px 32px;box-shadow:inset 0 1px 1px #ffffff52,0 5px 9px #151b2f36;background:linear-gradient(125deg,#26262b,#121217 50%,#27252b);padding:20px 18px 19px;color:#eae8ec}
.sharp-top{height:60px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sharp-brand{display:grid;gap:0}.sharp-brand b{font-size:22px;line-height:1.1;letter-spacing:-1px;font-style:italic;color:#a9a9b2}.sharp-brand i{color:#b7b7bc;font-size:13px}.sharp-solar{height:40px;width:41%;border-radius:4px;border:2px solid #1c171b;background:repeating-linear-gradient(90deg,#392f30 0 28%,#463b38 28% 29%,#291e20 29% 52%);box-shadow:inset 0 0 18px #000a}.sharp-top small{align-self:flex-end;font-size:9px;color:#a0a0a5;white-space:nowrap}
.sharp-lcd{height:118px;margin:3px 1px 15px;padding:8px 10px 6px;background:linear-gradient(150deg,#a2b194,#b4c9ac 65%,#9aab95);border:4px solid #0e1516;box-shadow:inset 3px 5px 12px #354d3460,0 2px 0 #555;font-family:ui-monospace,monospace;color:#222d2b;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}
.lcd-status{display:flex;justify-content:space-between;gap:8px;font-size:9px;font-weight:bold;opacity:.65}
.lcd-expression{font-size:14px;white-space:nowrap;overflow:auto;text-align:left;flex:1;scrollbar-width:thin}.lcd-result{font-size:24px;font-weight:800;line-height:1.5;text-align:right;white-space:nowrap;overflow-x:auto;letter-spacing:-.5px}
.calc-keypad{display:flex;flex-direction:column;gap:5px}.calc-keyrow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.calc-keyrow.calc-row-0{grid-template-columns:repeat(4,1fr);max-width:88%;align-self:center;gap:11px;margin-bottom:4px}
.calc-keyrow.calc-row-1{grid-template-columns:1fr 1fr 1fr 1fr;gap:11px;margin-bottom:2px}
.calc-keyrow.calc-row-2{grid-template-columns:repeat(6,1fr)}
.calc-keyrow.calc-row-6,.calc-keyrow.calc-row-7,.calc-keyrow.calc-row-8{grid-template-columns:repeat(5,1fr)}
.calc-keyrow.calc-row-9{grid-template-columns:repeat(4,1fr)}
.calc-key{position:relative;min-width:0;height:43px;background:linear-gradient(150deg,#33333a,#1d1c23);border:1px solid #494852;border-bottom:3px solid #09090b;border-radius:10px;color:white;padding:10px 2px 4px;box-shadow:0 3px 4px #0007;transition:transform .08s ease,filter .14s ease;outline-offset:3px}
.calc-key .calc-primary{font-size:15px;font-weight:800;display:block;line-height:1.2;white-space:nowrap}
.calc-key .calc-secondary{position:absolute;left:1px;right:1px;top:-6px;font-size:7px;font-weight:800;color:#ee8b76;white-space:nowrap;line-height:1.1}
.calc-keyrow.calc-row-0 .calc-key,.calc-keyrow.calc-row-1 .calc-key{height:38px;border-radius:999px}.calc-row-1 .calc-key:nth-child(2){background:#e55b32}
.calc-key.modifier{border-color:#4f9e92;color:#9bf3dd}.calc-key.accent{border-color:#e74c36;color:#fff;background:linear-gradient(140deg,#594246,#2a2328)}
.calc-key.operator{background:linear-gradient(120deg,#333641,#24232a)}
.calc-key:active,.calc-key.pressed{transform:translateY(2px);filter:brightness(1.3);box-shadow:inset 0 2px 5px #0008}
.calc-foot{padding:13px 5px 3px;display:flex;align-items:center;justify-content:space-between;gap:7px}.calc-foot>span{font-size:10px;color:var(--muted);max-width:160px;line-height:1.2}.calc-foot button{border:0;border-radius:10px;padding:10px 12px;color:var(--purple);background:var(--purple-soft);font-weight:800;font-size:11px}
/* Compact mobile layouts: no heavy blocks/overlap and large tap targets. */
@media(max-width:1000px){.book-layout{grid-template-columns:minmax(0,1fr)}.tool-tabs{width:100%;max-width:100%;overflow:visible}.source-photo{max-width:100%}}
@media(max-width:690px){
 .calc-toggle{bottom:calc(67px + var(--dock-height) + 7px);right:12px;border-radius:999px;padding:11px 13px;font-size:12px}
 .calc-toggle span{display:none}.sharp-panel{right:7px;bottom:calc(67px + var(--dock-height) + 58px);width:min(390px,calc(100vw - 14px));max-height:calc(100dvh - 205px);padding:9px}
 .sharp-case{padding:14px 13px;border-width:4px;border-radius:23px}.sharp-top{height:50px}.sharp-brand b{font-size:20px}.sharp-solar{height:31px}.sharp-lcd{height:101px;margin-bottom:13px}.calc-key{height:39px;border-radius:8px}.calc-key .calc-primary{font-size:13px}.calc-key .calc-secondary{font-size:7px}.calc-keyrow{gap:4px}.calc-keypad{gap:4px}
 .tool-tabs{display:grid;grid-template-columns:1fr;gap:4px;border-radius:13px;margin:0 0 19px;padding:6px}.tool-tabs>button{width:100%;text-align:left;padding:11px 13px}.setup-tools{margin:0 0 20px}
 .topic-card{gap:9px}.topic-tool{font-size:9px}.book-page .merke-point{padding:17px}.book-page .merke-grid{display:block}.book-page .example{flex-wrap:wrap}
 .plot-wrap{padding:4px}.plot-under{font-size:11px}.zoom-viewport{max-height:58vh}
}
@media(max-width:390px){.calc-toggle{bottom:143px}.sharp-panel{bottom:185px}.calc-key{height:36px}.calc-key .calc-primary{font-size:12px}}

/* Final small-screen polish */
.calc-toggle[hidden]{display:none!important}
@media(max-width:690px){.topbar .cloud-chip{display:none}.topbar{gap:10px}.top-left{min-width:0}.topbar #breadcrumb{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .top-pill{white-space:nowrap}.topbar .top-right{margin-left:auto}.book-sidebar{gap:5px}}
@media(max-width:690px){
 .sharp-case{padding:9px 10px}
 .sharp-top{height:41px}
 .sharp-brand b{font-size:18px}
 .sharp-solar{height:26px}
 .sharp-lcd{height:80px;margin-bottom:12px}
 .lcd-expression{font-size:12px}
 .lcd-result{font-size:19px}
 .calc-key{height:33px}
 .calc-keyrow.calc-row-0 .calc-key,.calc-keyrow.calc-row-1 .calc-key{height:30px}
 .calc-keypad{gap:3px}
 .calc-keyrow{gap:3px}
 .calc-key .calc-primary{font-size:12px}
 .calc-panel-head{padding-bottom:6px}
 .calc-foot{padding-top:7px}
}

.exam-categories .group-mode{padding:28px;text-align:left;align-items:flex-start;min-height:190px;border-radius:23px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px #17213b08;display:flex;flex-direction:column;gap:11px}
.exam-categories .group-mode.without{background:linear-gradient(135deg,#f0faf5,#fff 70%)}
.exam-categories .group-mode.with{background:linear-gradient(135deg,#f0f3ff,#fff 70%)}
.exam-categories .group-mode .group-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#ffffffb8;color:#6657d8;font-size:25px;font-weight:800}
.exam-categories .group-mode b{font-size:16px;color:#1a2134;line-height:1.3}
.exam-categories .group-mode>span:not(.group-symbol){font-size:12px;color:#5e697d;max-width:450px;line-height:1.55}
.exam-categories .group-mode small{font-size:11px;color:#6657d8;font-weight:900}
[data-theme=dark] .exam-categories .group-mode.without{background:linear-gradient(130deg,#182f2c,#1b2235)}
[data-theme=dark] .exam-categories .group-mode.with{background:linear-gradient(130deg,#252441,#1b2235)}
[data-theme=dark] .exam-categories .group-mode b{color:#f1f3fe}
[data-theme=dark] .exam-categories .group-mode>span:not(.group-symbol){color:#b8c1d5}
@media(max-width:690px){.exam-categories{grid-template-columns:minmax(0,1fr)}.exam-categories .group-mode{min-height:160px;padding:22px}}

.calc-help{margin:8px 3px 2px;border-top:1px solid var(--line);padding:8px 4px;font-size:11px;color:var(--muted)}.calc-help summary{cursor:pointer;font-weight:800;color:var(--purple)}.calc-help p{line-height:1.55;margin:8px 0 2px}