:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f1ff;background:#111021}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0%,#30224d 0,transparent 40%),#111021}header{max-width:1160px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-weight:900;letter-spacing:.14em;color:#53e6d0}.brand span{color:#fff}.brand small{font-size:.58em;color:#ba93ff}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a,.link{color:#e7dcff;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}main{max-width:1160px;margin:24px auto;padding:0 24px 70px}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:0 0 28px}h2{font-size:1.3rem;margin:0 0 16px}h3{margin:26px 0 12px}.eyebrow{color:#56e6d1;font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem}.card{background:#201d35;border:1px solid #393251;border-radius:24px;padding:28px;box-shadow:0 18px 44px #09081439;margin-bottom:22px}.narrow{max-width:500px;margin:8vh auto}.stack{display:grid;gap:16px}label{display:grid;gap:7px;color:#dfd8ee;font-weight:650;font-size:.9rem}input,select{width:100%;border:1px solid #5b5475;background:#151327;color:#fff;border-radius:12px;padding:13px 14px;font:inherit}input:focus,select:focus{outline:2px solid #58e9d4}button,.button{border:0;background:#61e4d2;color:#112426;border-radius:12px;padding:14px 20px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#9af6e8}.notice,.feedback{padding:15px 20px;border-radius:14px;margin-bottom:20px;background:#352a4a}.feedback.good{background:#154b43}.feedback.bad{background:#56313d}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats .card{display:grid;gap:5px}.stats strong{font-size:2rem}.stats span,.muted,small{color:#ada5c3}.columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.progress-card{max-width:760px}.progress-title{display:flex;justify-content:space-between;gap:12px}.bar{height:15px;background:#38324d;border-radius:20px;overflow:hidden;margin:18px 0}.bar div{height:100%;background:linear-gradient(90deg,#65e7d3,#ad82ff);border-radius:20px}.task{max-width:760px;text-align:center;padding:42px 24px}.equation{font-size:clamp(3.5rem,10vw,6rem);font-weight:900;margin:30px 0}.equation span{color:#9d7afa}.task form{display:flex;max-width:510px;gap:12px;margin:auto}.task input{text-align:center;font-size:1.5rem;min-width:0}.task button{white-space:nowrap}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #39354d;white-space:nowrap}th{color:#afa6c6}.badge{border-radius:20px;padding:5px 9px;font-size:.78rem}.badge.good{background:#176452;color:#b5fff2}.badge.mid{background:#66502c;color:#ffe3a7}.badge.bad{background:#57333d;color:#ffd1d9}footer{text-align:center;color:#8d86a5;padding:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.columns,.stats{grid-template-columns:1fr}.stats{gap:0}.card{padding:20px}header{align-items:flex-start;flex-direction:column}.task form{flex-direction:column}.progress-title{flex-direction:column}.equation{font-size:3.5rem}}

.day-link{color:#70eadb;text-decoration:underline;text-underline-offset:3px}.day-link:hover{color:#b0fff2}.day-picker{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0}.day-picker label{min-width:210px}.day-picker button{height:47px}

button.danger{background:#713848;color:#ffe8eb}button.danger:hover{background:#995062}button.small{padding:8px 12px;font-size:.82rem}.delete-day{display:flex;justify-content:flex-end;margin-top:18px}

.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:auto;accent-color:#61e4d2}

.install-app{background:#302744;color:#a7f7eb;border:1px solid #5a4679;padding:9px 14px;font-size:.86rem}.install-help{max-width:1112px;margin:0 auto 12px;padding:14px 20px;background:#23463f;border-radius:12px;color:#e9fff9}body.app-mode .install-app{display:none}@media(max-width:620px){.install-app{align-self:flex-start}}

.task form{display:grid;grid-template-columns:1fr;max-width:420px;gap:14px}.task input{font-size:2rem}.task .submit-answer{width:100%}.keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.keypad button{min-height:62px;font-size:1.55rem;background:#37304f;color:#fff;touch-action:manipulation}.keypad button:hover,.keypad button:active{background:#65538b}.keypad button[data-key]{color:#70e8d7}@media(max-width:760px){.task form{display:grid}}

#aufgabe{scroll-margin-top:12px}.task .feedback{text-align:left;margin-bottom:18px}@media(max-width:620px){.task{padding:20px 18px}.task .equation{font-size:3rem;margin:14px 0 20px}.keypad{gap:8px}.keypad button{min-height:54px}.task form{gap:10px}}

.timer-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:12px 0}.timer-row>div{border:1px solid #514768;border-radius:14px;background:#17152a;padding:12px 16px;display:grid;gap:4px}.timer-row span{color:#bcb3d0;font-size:.78rem}.timer-row strong{font-size:1.8rem;font-variant-numeric:tabular-nums;color:#71ead8}.timer-row>div:first-child strong{color:#fff}.timer-note{color:#aaa2bd;font-size:.78rem;text-align:left;margin:0}@media(max-width:620px){.timer-row{gap:8px}.timer-row>div{padding:10px}.timer-row strong{font-size:1.4rem}.timer-row span{font-size:.72rem}}
