@font-face{font-family:StudySans;src:local('Aptos'),local('Segoe UI'),local('Arial')}
:root{--paper:#f6f7f2;--ink:#1b302b;--muted:#687870;--green:#214d40;--lime:#e1edc7;--line:#dce3d8;--white:#fff;--amber:#996c27;--red:#a23f39;font-family:StudySans,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;min-height:44px}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5f99dd;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.3vw,45px);font-weight:580;letter-spacing:-1.5px;line-height:1.14}h2{font-size:25px;letter-spacing:-.7px;font-weight:600}h3{font-size:18px;font-weight:600}p{line-height:1.65}small{line-height:1.5;color:var(--muted)}.hidden{display:none!important}.skip{position:absolute;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}.shell{display:flex;min-height:100vh}.sidebar{width:235px;background:#173d34;color:#e8f0e6;position:fixed;inset:0 auto 0 0;padding:34px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:15px;text-decoration:none;margin:0 12px 57px;line-height:1.1;font-size:18px;letter-spacing:.4px}.wordmark{font-size:43px;letter-spacing:-6px;font-weight:600;white-space:nowrap;display:inline-block;padding-right:7px}.wordmark span{color:#cce498}.brand b{font-weight:600}.sidebar nav{display:grid;gap:9px}.nav{display:flex;align-items:center;text-align:left;padding:13px 15px;border-radius:8px;color:#c3d1c9;font-size:15px;gap:15px}.nav span{font-size:22px;min-width:23px;font-weight:400}.nav:hover{background:#244c41}.nav.active{background:#e2edcc;color:#183b32;font-weight:600}.sidebar-foot{margin-top:auto;font-size:12px;padding:40px 12px 0}.sidebar-foot p{color:#9fb5a9;font-size:12px;margin:13px 0}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bfd58f;margin-right:7px}.text-button{font-size:13px;text-decoration:underline;text-underline-offset:4px;padding:0 3px}.workspace{margin-left:235px;width:calc(100% - 235px)}.topbar{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:12px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:20px}.avatar{background:#e3e9de;border:1px solid #d0dac9;border-radius:50%;height:36px;width:36px;display:grid;place-items:center;color:#345245;font-size:11px;font-weight:650}.icon-button{font-size:22px;width:44px}main{max-width:1480px;margin:auto;padding:44px 48px 56px;min-height:calc(100vh - 153px)}footer{border-top:1px solid var(--line);padding:22px 48px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;text-transform:uppercase;display:block;color:var(--muted);margin-bottom:15px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.page-head p{color:var(--muted);margin-bottom:0;font-size:14px}.page-head h1{margin-bottom:12px}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:100px;padding:6px 11px;font-size:11px;color:var(--muted);white-space:nowrap}.hero{background:#e7ecd9;border:1px solid #d9e0c9;padding:30px 32px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px;position:relative;overflow:hidden}.hero h2{max-width:410px;font-size:27px;line-height:1.25;margin-bottom:11px}.hero p{max-width:440px;color:#586b53;font-size:13px;margin-bottom:23px}.hero-art{flex:0 0 180px;height:170px;display:grid;place-items:center;position:relative}.paper-card{position:absolute;background:#fbfcf5;width:125px;height:150px;border-radius:9px;box-shadow:0 4px 9px #28422b16;transform:rotate(12deg);border:1px solid #d8dfc7}.paper-card.front{transform:rotate(-9deg) translate(-10px,-3px);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:44px;color:#557848}.paper-card.front:after{content:'IN DEINEM TEMPO';position:absolute;bottom:20px;font-family:StudySans,sans-serif;font-size:7px;letter-spacing:1px}.primary{background:var(--green);color:white;display:inline-flex;gap:24px;align-items:center;justify-content:center;border-radius:7px;padding:12px 21px;font-size:13px;font-weight:600;min-height:46px}.primary:hover{background:#133c30}.secondary{border:1px solid #cad5c6;border-radius:7px;background:white;padding:10px 17px;font-size:13px}.primary span{font-size:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0 36px}.stat{border:1px solid var(--line);background:#fdfefb;padding:22px 23px;border-radius:9px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:31px;font-weight:550;margin:17px 0 5px;letter-spacing:-1px}.stat small{font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 17px}.section-title h2{font-size:21px;margin:0}.section-title>span{color:var(--muted);font-size:12px}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px}.subject{border:1px solid var(--line);background:#fff;padding:24px;border-radius:10px;text-align:left}.subject-icon{width:42px;height:42px;background:#eef2e5;border-radius:10px;display:grid;place-items:center;font-size:25px;margin-bottom:19px;color:#5e7745}.subject h3{margin:0 0 9px}.subject p{font-size:12px;color:var(--muted);margin:0 0 18px}.subject-line{border-top:1px solid #e9ede5;padding-top:17px;display:flex;justify-content:space-between;gap:6px;font-size:12px}.subject .go{font-size:20px;color:#446a52}.info-panel{padding:20px 22px;background:#edf0e8;border-radius:9px;margin:25px 0 0;display:flex;gap:16px;font-size:13px;line-height:1.6;color:#5c6d5a}.info-panel span{font-size:22px}.filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(130px,1fr));gap:12px;margin:26px 0 20px}.filter-field label{font-size:11px;color:var(--muted);display:block;margin-bottom:7px}.filters input,.filters select,input,textarea{border:1px solid #ced8c9;border-radius:7px;background:#fff;padding:12px 13px;width:100%;min-width:0;color:var(--ink)}select{min-height:46px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;margin:18px 0;font-size:12px;color:var(--muted)}.toolbar>div{display:flex;align-items:center;gap:12px}.toolbar label{display:flex;align-items:center;gap:6px}.toolbar input{width:auto}.items{display:grid;gap:11px}.item-row{display:flex;gap:16px;align-items:center;border:1px solid var(--line);background:#fff;padding:18px 20px;border-radius:9px}.item-main{flex:1;min-width:0}.item-title{font-size:14px;line-height:1.55;font-weight:550;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:7px}.item-meta{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted)}.badge{border-radius:4px;background:#eef1e8;padding:3px 7px;font-size:10px}.badge.draft{background:#fbefd8;color:#8b6326}.badge.due{background:#e0edcc;color:#426533}.badge.pending{background:#eee8f5;color:#71548c}.empty{padding:48px 25px;background:#fff;border:1px dashed #cdd7c7;border-radius:10px;text-align:center;color:var(--muted)}.study-wrap{max-width:880px;margin:0 auto}.study-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:15px;margin-bottom:19px}.progress-track{height:4px;background:#e1e7dc;border-radius:5px;margin-bottom:25px}.progress-fill{height:100%;background:#56784b;border-radius:5px}.study-card{border:1px solid var(--line);background:white;border-radius:14px;padding:34px 38px;min-height:330px;box-shadow:0 8px 30px #1c3f2e04}.study-card .question{font-size:clamp(20px,2.2vw,27px);font-weight:500;line-height:1.55;margin:23px 0;white-space:pre-wrap;overflow-wrap:anywhere}.study-card .answer{font-size:17px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--line);margin:28px 0 5px;padding-top:25px}.study-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:25px 0}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.rating{padding:15px 8px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px}.rating small{display:block;font-size:10px;margin-top:7px}.rating:first-child{border-color:#e1c1b5;color:#964b38}.rating:last-child{background:#dfeccc;border-color:#d0debb;color:#3f6034}.study-nav{display:flex;justify-content:space-between;margin:17px 0;gap:15px}.source-links{margin-top:25px;padding-top:17px;border-top:1px solid #eef0eb;display:flex;flex-wrap:wrap;gap:5px}.source-links button{font-size:11px;color:var(--muted);min-height:38px;text-decoration:underline;text-underline-offset:3px;padding:4px 9px}.exercise-options{display:grid;gap:10px;margin:20px 0}.exercise-option{display:flex;align-items:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:7px;font-size:15px}.exercise-option input{width:18px;margin-top:2px}.exercise-form textarea{min-height:150px;line-height:1.65;resize:vertical}.exercise-form label.field-label{font-size:12px;display:block;margin:20px 0 8px}.feedback{padding:20px;background:#edf3e4;border:1px solid #dce8ce;border-radius:8px;margin-top:24px;font-size:14px;line-height:1.7}.feedback.pending{background:#f0ebf6;border-color:#e1d6ee}.notice{font-size:12px;line-height:1.7;color:var(--muted);text-align:center}.history-row{background:white;border-bottom:1px solid var(--line);padding:19px;font-size:13px}.history-row:first-child{border-radius:9px 9px 0 0}.history-row p{margin:7px 0;color:var(--muted)}.error{color:var(--red);font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 22px;border-radius:9px;background:#193d34;color:white;box-shadow:0 5px 30px #0002;z-index:10;font-size:13px;max-width:90vw;width:max-content}.toast.error{background:#853e32;color:white}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#193d34;color:#edf3e5;padding:55px 12%;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-art>.wordmark{margin-bottom:65px}.login-art>p{font-size:11px;letter-spacing:1px;color:#baccb5}.login-art>h1{font-size:clamp(36px,4vw,56px);letter-spacing:-2px}.orb{border:1px solid #5b795d;border-radius:50%;width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cdddac;font-family:Georgia,serif;font-size:31px;margin:35px 0 45px;transform:rotate(-12deg)}.orb span{font-size:18px}.login-form{align-self:center;max-width:440px;width:100%;padding:45px;margin:auto}.login-form h2{font-size:30px}.login-form p{font-size:14px;color:var(--muted)}.login-form label{display:block;font-size:12px;margin-top:30px;margin-bottom:9px}.login-form>.primary{width:100%;margin-top:17px}.login-form small{display:block;margin-top:40px;font-size:11px}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(95vw,1100px);max-height:95vh;background:#f8faf4}dialog::backdrop{background:#12382a99}dialog img{width:100%;height:auto}dialog h2{font-size:20px;padding-right:35px}dialog p{font-size:12px;color:var(--muted)}.close{position:absolute;right:16px;top:8px;font-size:30px;width:44px}.katex-display{overflow:auto;padding:5px 0}
@media(min-width:1450px){main{padding-top:55px}.hero{padding:38px 40px}.hero-art{margin-right:55px}.hero h2{max-width:500px;font-size:31px}.subject-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.sidebar{width:195px;padding:30px 14px}.workspace{margin-left:195px;width:calc(100% - 195px)}main{padding:32px 28px}.topbar{padding:0 28px}.stats{gap:10px}.stat{padding:18px 15px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{flex-basis:125px}.hero{padding:26px}.hero h2{font-size:24px}.brand{margin-left:10px}.topbar .date{display:none}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;padding:16px 16px 9px}.brand{font-size:14px;margin:0 0 17px;gap:10px}.brand .wordmark{font-size:31px}.brand>span:last-child br{display:none}.brand>span:last-child b{margin-left:4px}.sidebar nav{display:flex;gap:4px;justify-content:space-between}.nav{flex:1;flex-direction:column;gap:4px;padding:9px 4px;font-size:10px;min-height:62px;white-space:nowrap}.nav span{font-size:21px;min-width:auto}.sidebar-foot{display:none}.workspace{margin-left:0;width:100%}.topbar{height:56px;padding:0 20px;font-size:11px}.topbar>div{gap:10px}.avatar{width:29px;height:29px;font-size:9px}main{padding:25px 20px 35px}.page-head{align-items:start}.page-head h1{font-size:32px}.page-head p{font-size:13px}.page-head>.tag{display:none}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:11px}.hero{padding:24px;gap:10px}.hero h2{font-size:23px}.hero p{font-size:12px;margin-bottom:18px}.hero-art{flex-basis:65px;transform:scale(.65);transform-origin:right center;margin-left:-18px}.stats{grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:28px}.stat{padding:18px}.stat strong{margin-top:12px;font-size:28px}.subject-grid{grid-template-columns:1fr}.subject{padding:22px}.filters{gap:10px}.toolbar{align-items:start}.toolbar>div{flex-wrap:wrap;gap:8px;justify-content:end}.toolbar .primary{font-size:11px;padding:10px 12px}.item-row{padding:16px;align-items:start;gap:8px}.item-row>.secondary{padding:7px 10px;font-size:11px}.item-title{font-size:13px}.item-row .subject-icon{display:none}.item-meta{font-size:10px}.study-card{padding:24px 21px;min-height:300px}.study-card .question{font-size:21px}.study-card .answer{font-size:15px}.ratings{grid-template-columns:repeat(2,1fr)}.rating{padding:13px 8px}.study-top{align-items:start}.study-top .tag{font-size:10px}.study-nav .secondary{font-size:12px}.study-wrap .page-head{margin-bottom:20px}.section-title>span{font-size:11px}footer{padding:20px;font-size:10px}footer span{display:none}.info-panel{font-size:12px;padding:17px}.login{grid-template-columns:1fr}.login-art{min-height:auto;padding:32px 30px}.login-art>.wordmark{font-size:32px;margin-bottom:30px}.login-art>h1{font-size:35px;margin-bottom:10px}.login-art .orb,.login-art>p:last-child{display:none}.login-form{max-width:480px;padding:35px 30px}.login-form small{margin-top:25px}.login-form h2{font-size:27px}}
@media(max-width:390px){main{padding:23px 14px}.hero-art{display:none}.nav{font-size:9px}.stat{padding:15px}.stat-top{font-size:11px}.filters{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.study-card{padding:20px 17px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}.subject:hover{transform:translateY(-2px);transition:transform .15s}}
@media(max-width:760px){.sidebar-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 4px 0}.sidebar-foot .private-label{display:none}.sidebar-foot p{margin:0;font-size:10px}.sidebar-foot #logout{font-size:11px;min-height:44px}}