:root{--ink:#223b32;--muted:#748078;--green:#245a45;--lime:#d6ed9b;--paper:#f7f8f2;--line:#e2e7dc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #8ea964;outline-offset:4px}header{max-width:1280px;margin:auto;padding:27px 48px;display:flex;align-items:center;gap:64px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:27px;letter-spacing:-1.5px;font-weight:750;display:flex;align-items:center}.brand-dot{color:#799647}.logo{display:inline-block;background:var(--green);color:var(--lime);border-radius:12px;width:38px;height:38px;text-align:center;font-size:29px;line-height:34px;position:relative;margin-right:10px}.logo span{font-size:15px;position:absolute;right:2px;top:-5px}.nav{background:none;border:0;padding:10px 18px;color:var(--muted);font-weight:600}.nav.active{background:#eaf0e1;border-radius:8px;color:var(--ink)}.nav span{margin-left:9px}.header-note{margin-left:auto;color:var(--muted);font-size:12px}main{max-width:1184px;margin:auto;padding:0 0 56px}.intro{display:flex;align-items:center;justify-content:space-between;padding:57px 0 43px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;border-radius:50%;background:#84a664}h1{font-size:54px;line-height:1.12;letter-spacing:-2.7px;font-weight:650;margin:19px 0}h1 span{color:#7c9272}.lead{font-size:16px;line-height:1.7;color:var(--muted)}.math-art{height:238px;width:375px;position:relative;margin-right:36px}.orbit{position:absolute;inset:10px 34px 0;border:1px solid #dce4d4;border-radius:50%;transform:rotate(-20deg)}.art-note{position:absolute;font-size:9px;letter-spacing:2px;top:0;left:90px}.tile{display:flex;position:absolute;align-items:center;justify-content:center;border-radius:18px;font-size:57px;width:107px;height:114px;font-weight:650;letter-spacing:-4px;box-shadow:0 8px 18px #253b3210}.t1{background:#e7eddd;left:15px;top:68px;transform:rotate(-12deg)}.t2{color:var(--lime);background:var(--green);left:131px;top:48px;transform:rotate(7deg);z-index:2}.t3{background:#d8ebac;left:242px;top:80px;transform:rotate(14deg)}.spark{font-size:43px;position:absolute;right:3px;top:4px;color:#7d9a54}.art-line{font-size:11px;position:absolute;bottom:0;left:97px;color:#86917f}.workspace{display:grid;grid-template-columns:1fr 330px;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px}.config{padding:28px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title h2{font-size:21px;margin:0;letter-spacing:-.5px}.section-title>span{font-size:9px;letter-spacing:1.3px;color:#8c978c}.field-label{display:block;font-size:12px;font-weight:650;margin:23px 0 10px}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#f4f6ef;padding:5px;border-radius:10px;gap:5px}.mode-switch button{background:none;border:1px solid transparent;border-radius:7px;text-align:left;padding:12px 16px;font-size:13px;font-weight:650}.mode-switch button.selected{background:white;border-color:#dce3d4;box-shadow:0 2px 4px #223b3207}.mode-switch span{margin-right:7px;font-size:18px}.mode-switch small{display:block;font-weight:400;font-size:11px;margin:3px 0 0 28px;color:var(--muted)}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.types button{position:relative;min-height:126px;background:white;text-align:left;border:1px solid var(--line);border-radius:10px;padding:14px}.types button.selected{background:#f3f7e9;border:1.5px solid #8da16e;padding:13.5px}.types b{font-size:25px;display:block;font-weight:500;margin-bottom:7px}.types strong{font-size:12px;display:block}.types small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.types i{position:absolute;right:10px;top:10px;font-size:10px;background:#66844e;color:white;border-radius:50%;width:15px;text-align:center;display:none}.types .selected i{display:block}.settings-row{display:flex;gap:14px;margin-top:23px}.settings-row label{font-size:11px;font-weight:650;flex:1}select{display:block;width:100%;padding:11px 30px 11px 12px;background:#fff;border:1px solid var(--line);border-radius:7px;margin-top:7px;color:var(--ink);font-size:12px}.start-row{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.start-row>span{font-size:10px;color:var(--muted)}.primary{background:var(--green);border:0;color:white;padding:14px 22px;border-radius:8px;font-size:13px;font-weight:600;min-height:46px}.primary:hover{background:#194333}.primary span{margin-left:22px}.preview{padding:24px}.section-title h3{font-size:12px;font-weight:600;margin:0}.preview .section-title>span{font-size:22px;color:#749365}#example{text-align:center;font-size:36px;font-weight:600;letter-spacing:-1px;padding:23px 0 13px;white-space:nowrap}#example em{font-style:normal;color:#90a083;font-weight:400}#example>span{display:inline-block;background:#eff4e7;border-radius:8px;padding:0 13px;color:#829568}.preview p{text-align:center;color:var(--muted);font-size:11px;margin-bottom:12px}.tip{display:flex;gap:14px;padding:27px 10px 18px}.tip-icon{background:#e9efdc;border-radius:50%;min-width:31px;height:31px;text-align:center;line-height:31px;margin-top:10px}.tip .eyebrow{font-size:8px;letter-spacing:1px}.tip h3{font-size:16px;font-weight:600;margin:8px 0}.tip p:last-child{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.privacy{border-top:1px solid var(--line);padding:18px 12px;color:#8b9589;font-size:10px;line-height:1.8}.privacy span{float:left;margin:2px 10px 12px 0}footer{max-width:1184px;margin:auto;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#98a08f;font-size:10px}.brand-small{font-size:16px;color:#6d7f67;font-weight:700;letter-spacing:-.7px}[hidden]{display:none!important}.training-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:45px 0 20px}.text-button{background:none;border:0;color:var(--muted);font-size:12px;min-height:44px}.time-track{height:4px;background:var(--line);margin-bottom:25px;border-radius:5px;overflow:hidden}#timeBar{height:100%;background:#7da05a;width:100%}.exercise{max-width:730px;margin:0 auto;text-align:center;padding:36px}.exercise>.eyebrow{justify-content:center}#question{font-size:64px;margin:36px 0 16px;font-variant-numeric:tabular-nums}#chainInfo{min-height:25px;color:var(--muted);font-size:13px}#answerForm{display:flex;gap:10px;max-width:460px;margin:24px auto 0}#answer{min-width:0;width:100%;text-align:center;border:2px solid #d4dfc7;border-radius:9px;padding:12px;font-size:22px;color:var(--ink);outline-color:#7c9b60}#answer::placeholder{font-size:16px;color:#9aa591}#feedback{min-height:27px;font-size:14px}#feedback.good{color:#347045}#feedback.bad{color:#aa573e}.session-stats{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding-top:22px;margin-top:24px;font-size:12px;color:var(--muted)}.session-stats b{display:block;font-size:23px;color:var(--ink)}.below-note{text-align:center;color:var(--muted);font-size:11px}.results{text-align:center;max-width:720px;margin:55px auto;padding:40px}.results h1{font-size:40px}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.result-numbers{display:flex;justify-content:space-around;margin:32px 0;gap:15px}.result-numbers b{display:block;font-size:34px}.result-numbers span{font-size:12px;color:var(--muted)}#progress{padding-top:42px}#progress h1{font-size:42px}.filter-label{font-size:12px;background:#eaf0df;display:inline-block;padding:9px 14px;border-radius:20px}.empty{padding:50px;text-align:center;color:var(--muted);margin:20px 0}.chart{display:flex;align-items:flex-end;gap:12px;height:185px;border-bottom:1px solid var(--line);margin:35px 0 15px;padding:0 10px}.bar-group{flex:1;text-align:center;min-width:0;font-size:10px;color:var(--muted)}.bar{background:#b9d18d;border-radius:5px 5px 0 0;min-height:3px;margin-top:5px}.bar-group:last-child .bar{background:var(--green)}.history{width:100%;border-collapse:collapse;margin:25px 0;font-size:13px}.history th,.history td{padding:14px 8px;border-bottom:1px solid var(--line);text-align:left}.history th{color:var(--muted);font-size:10px;font-weight:500}.chart-card{padding:24px;margin-top:20px}.chart-card h3{font-size:15px}.chart-note{font-size:11px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#chainDots{color:#7e9d5e;letter-spacing:7px}button:disabled{opacity:.55;cursor:default}@media(max-width:1250px){main,footer{margin-left:40px;margin-right:40px}.header-note{display:none}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.math-art{transform:scale(.8);transform-origin:right center;width:290px;margin-right:0}.intro h1{font-size:45px}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.privacy{grid-column:1/-1}.intro{padding-top:35px}}@media(max-width:600px){header{padding:18px 20px;gap:12px;justify-content:space-between}.brand{font-size:24px}.logo{width:32px;height:32px;font-size:26px;line-height:30px}nav{display:flex}.nav{padding:9px 11px;font-size:12px}.nav span{display:none}main,footer{margin-left:18px;margin-right:18px}.intro{padding:30px 3px 24px}.intro h1{font-size:39px;letter-spacing:-1.8px;margin:15px 0}.intro .eyebrow{font-size:8px}.lead{font-size:14px}.math-art{display:none}.config{padding:20px 16px}.section-title{margin-bottom:20px}.section-title h2{font-size:20px}.mode-switch button{padding:10px;font-size:12px}.mode-switch small{font-size:9px;margin-left:0}.types{gap:7px}.types button{padding:11px 8px;min-height:133px}.types button.selected{padding:10.5px 7.5px}.types strong{font-size:11px}.types small{font-size:9px}.types b{font-size:23px}.start-row{flex-direction:column-reverse;gap:12px}.start-row .primary{width:100%;display:flex;justify-content:space-between}.settings-row{flex-wrap:wrap}.settings-row label{min-width:120px}.workspace{gap:18px}aside{display:block}.tip{padding:20px 8px}.preview{padding:18px}.preview .section-title{margin:0}#example{padding-top:14px}.privacy{margin-top:7px}footer{gap:10px}footer>span:last-child{display:none}.exercise{padding:26px 14px}.training-top{margin-top:24px;font-size:11px;flex-wrap:wrap}.training-top .text-button{font-size:11px}#question{font-size:44px}#answerForm{gap:6px}#answerForm .primary{padding:12px}#answerForm .primary span{display:none}#answer{font-size:22px}.session-stats{font-size:10px}.results{padding:30px 18px}.results h1{font-size:32px}.result-numbers b{font-size:28px}.history{font-size:11px}.history th,.history td{padding:12px 4px}.chart-card{padding:17px}#progress h1{font-size:33px}.empty{padding:30px 16px}}
/* Schlichte Trainingsoberfläche */
body{background:#f7f8f5}header{max-width:820px;padding:20px 0;gap:24px;justify-content:space-between}.brand{font-size:23px}.logo{display:none}main{max-width:760px;margin:0 auto;padding-bottom:32px}.intro{display:block;padding:28px 0 19px}.intro h1{font-size:27px;letter-spacing:-.8px;margin:0 0 5px}.intro p{font-size:13px;color:var(--muted);margin:0}.workspace{display:block}.config{padding:24px}.panel{border-radius:11px}.section-title{margin-bottom:15px}.section-title h2{font-size:17px}.types button{min-height:108px}.types b{font-size:22px;margin-bottom:3px}.start-row{margin-top:22px}footer{max-width:760px;margin:0 auto;justify-content:center;padding:16px 0;font-size:11px}.training-top{margin-top:26px}.exercise{padding:25px}.exercise #question{margin:28px 0 15px}.chain-numbers{margin:20px auto 0;width:180px;font-size:28px;font-variant-numeric:tabular-nums;line-height:1.2}.chain-number{display:grid;grid-template-columns:35px 1fr;padding:4px 14px;text-align:right;color:#7a867d;border-radius:5px}.chain-number span{text-align:left;font-weight:400}.chain-number strong{font-weight:500}.chain-number.current{color:var(--ink);background:#edf3e5}.chain-number:last-child{border-bottom:2px solid #a9bba0;border-radius:5px 5px 0 0;padding-bottom:8px}#chainInfo{margin:12px 0;font-size:12px}#answerForm{margin-top:15px}#chainDots{font-size:11px}.results{margin-top:30px}.results h1{font-size:30px}.below-note{max-width:450px;margin:12px auto}#progress h1{font-size:30px}@media(max-width:900px){header{margin:0 24px}main,footer{margin-left:auto;margin-right:auto;width:calc(100% - 48px)}}@media(max-width:600px){header{margin:0 18px;padding:15px 0}main,footer{width:calc(100% - 36px)}.intro{padding:23px 0 18px}.intro h1{font-size:25px}.config{padding:18px 14px}.types button{min-height:112px}.exercise{padding:20px 13px}.chain-numbers{font-size:24px;margin-top:15px}.chain-number{padding-top:3px;padding-bottom:3px}.section-title h2{font-size:16px}.training-top{margin-top:16px}#chainInfo{margin:9px 0}#questionLabel{font-size:9px}.results h1{font-size:27px}}

.range-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.range-fields fieldset{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px}.range-fields legend{font-size:12px;font-weight:600;padding:0 5px}.range-fields fieldset>div{display:flex;gap:12px}.range-fields label{flex:1;min-width:0;font-size:11px}.range-fields input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:white}.range-note{font-size:11px;color:var(--muted);margin:8px 0}#rangeError{font-size:12px;color:#aa573e;margin:8px 0}#rangeError:empty{display:none}@media(max-width:450px){.range-fields{grid-template-columns:1fr;gap:12px}}

dialog{width:min(440px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}dialog::backdrop{background:#132a2255}.account-heading{display:flex;align-items:center;justify-content:space-between}.account-heading h2{font-size:22px;margin:0}#accountIntro,#registerNote,#accountMessage{font-size:12px;line-height:1.6}#accountFields label{display:block;font-size:13px;margin:14px 0}#accountFields input{display:block;width:100%;font-size:16px;padding:11px;border:1px solid var(--line);border-radius:6px;margin-top:5px}#accountFields button,#signedInActions button{display:block;width:100%;margin-top:10px}#accountMessage{min-height:20px}#storageStatus{text-align:center;padding:16px;max-width:760px}#registerNote{color:var(--muted)}@media(max-width:600px){.nav{padding:8px;font-size:11px}header{gap:8px}.brand{font-size:21px}dialog{padding:18px}}

.progress-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}.progress-controls label{flex:1;min-width:160px;font-size:12px}.sync-notice{font-size:12px;color:var(--muted)}.sync-error{color:#a4492b!important}.history-scroll{overflow-x:auto}.history td small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.history td{vertical-align:top}.history td:nth-child(2){min-width:160px}

.types{grid-template-columns:repeat(4,1fr)}.types [data-type="trig"] b{font-size:19px;letter-spacing:-1px}.choice-grid{max-width:460px;margin:24px auto 12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative;min-height:76px;background:white;border:2px solid #dce4d5;border-radius:9px;font-size:26px;font-variant-numeric:tabular-nums}.choice small{position:absolute;left:10px;top:7px;font-size:10px;color:var(--muted)}.choice:not(:disabled):hover{background:#f2f6eb;border-color:#8ea777}.choice.choice-correct{background:#e4f0d8;border-color:#669447;color:#295525;opacity:1}.choice.choice-wrong{background:#f9e8e1;border-color:#c28a76;color:#934b33;opacity:.75}#trigNext{margin-top:10px}#question:focus{outline:none}@media(max-width:700px){.types{grid-template-columns:repeat(2,1fr)}.types button{min-height:102px}.choice{min-height:70px;font-size:25px}.choice-grid{gap:10px;margin-top:18px}}

.types{grid-template-columns:repeat(3,1fr)}.types [data-type="matrix"] b{font-size:19px}#matrixSettings .range-fields{grid-template-columns:1fr;max-width:360px}.matrix-equation{display:grid;grid-template-columns:auto 20px auto 20px auto;gap:8px;align-items:center;justify-content:center;margin:20px 0}.matrix-block{min-width:0}.matrix-name{text-align:center;font-size:13px;font-weight:650;margin-bottom:8px}.matrix-brackets{border-left:2px solid #54715f;border-right:2px solid #54715f;border-radius:9px;padding:5px}.matrix-brackets table{border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;margin:auto}.matrix-brackets td{min-width:35px;height:37px;padding:4px;font-size:18px;border-radius:5px;text-align:center;white-space:nowrap}.matrix-brackets .matrix-active{background:#dcedbd;color:#223b32;box-shadow:inset 0 0 0 1px #a6bd86}.matrix-brackets .matrix-solved{font-weight:650}.matrix-operator{font-size:22px;margin-top:23px}#matrixTarget{font-size:13px;color:var(--muted);margin:15px 0}.matrix-hints{max-width:540px;text-align:left;margin:18px auto}.matrix-hints details{border:1px solid var(--line);border-radius:8px;margin-top:9px;padding:10px 13px;font-size:12px}.matrix-hints summary{cursor:pointer;font-weight:600;min-height:26px;line-height:26px}.matrix-hints p{line-height:1.7}.matrix-expression{font-size:17px;font-weight:600;background:#f3f6ed;padding:12px;border-radius:6px;overflow-wrap:anywhere}.sign-button{min-width:42px;border:1px solid var(--line);border-radius:8px;background:#f2f5eb;font-size:22px}#nextMatrix{margin-top:16px}@media(max-width:700px){.types{grid-template-columns:repeat(2,1fr)}.matrix-equation{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);max-width:360px;margin:15px auto;gap:8px}.matrix-equals{grid-row:2;grid-column:2;margin:0}.matrix-equation>.matrix-block:last-child{grid-row:3;grid-column:1/-1;justify-self:center}.matrix-brackets td{min-width:29px;font-size:17px;height:32px;padding:3px}.matrix-brackets{padding:3px}#matrixTarget{font-size:12px}.matrix-hints{margin-top:13px}.matrix-expression{font-size:15px}}

.dimension-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dimension-fields label{font-size:12px}.dimension-fields input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:6px;font:inherit;color:var(--ink)}.matrix-brackets .matrix-target-cell{outline:1px dashed #687d73;outline-offset:-2px;background:transparent}.matrix-scroll{max-width:100%;overflow-x:auto;padding:2px}.matrix-example{margin:14px 0}.matrix-example .matrix-equation{gap:5px}.matrix-example .matrix-brackets td{min-width:28px;font-size:16px}.matrix-large .matrix-brackets td{font-size:15px;min-width:28px}.matrix-large{justify-content:start;width:max-content;min-width:100%}@media(max-width:700px){.dimension-fields{grid-template-columns:1fr}.matrix-equation.matrix-large{display:flex;flex-direction:column;min-width:0;width:auto;max-width:none;align-items:center}.matrix-large .matrix-block{max-width:100%;overflow-x:auto;padding:2px}.matrix-large .matrix-operator{margin:0}.matrix-large .matrix-brackets{width:max-content}.matrix-large .matrix-brackets td{min-width:28px}}

 .types [data-type="log"] b{font-size:19px}.log-equation,.log-example{font-size:30px;margin:20px 0;line-height:1.8}.log-base{color:#286aa3}.log-exp{color:#a54271}.log-value{color:#347044}#logFields{display:flex;align-items:center;justify-content:center;gap:8px;font-size:30px;margin:30px auto 24px;flex-wrap:nowrap}#logFields .log-slot{width:76px;height:54px;min-width:0;border:1px solid #8a9e7c;border-radius:7px;background:white;font:inherit;font-size:24px;text-align:center;padding:4px}#logFields .log-slot:focus{outline:2px solid #668550;outline-offset:2px}.log-with-base{display:inline-flex;align-items:baseline;gap:2px;padding-bottom:25px}.log-with-base>span{align-self:center}#logFields .log-sub{width:48px;height:40px;font-size:20px;transform:translateY(25px)}.power-with-exponent{display:inline-flex;align-items:center;padding-top:20px;gap:3px}#logFields .log-super{width:48px;height:40px;font-size:20px;transform:translateY(-28px)}#logNext{margin-top:12px}@media(max-width:700px){#logFields{gap:5px;font-size:25px}#logFields .log-slot{width:57px;height:48px;font-size:20px}#logFields .log-sub,#logFields .log-super{width:39px;height:36px;font-size:18px}.log-equation{font-size:26px}}