:root{--indigo: #4338ca;--indigo-dark: #312e81;--indigo-soft: #eef2ff;--coral: #fb7185;--coral-soft: #fff1f2;--sun: #fbbf24;--sun-soft: #fef3c7;--mint: #34d399;--mint-soft: #ecfdf5;--vorhersagen: #8b5cf6;--vorhersagen-soft: #f3e8ff;--klaeren: #3b82f6;--klaeren-soft: #eff6ff;--fragen: #f59e0b;--fragen-soft: #fef3c7;--zusammenfassen: #10b981;--zusammenfassen-soft: #ecfdf5;--bg: #fdf8ef;--surface: #ffffff;--paper: #fffdf6;--ink: #1f2937;--ink-soft: #4b5563;--ink-mute: #6b7280;--line: #ede7da;--radius-sm: 14px;--radius: 22px;--radius-lg: 28px;--shadow-sm: 0 1px 2px rgba(49, 46, 129, .06), 0 2px 6px rgba(49, 46, 129, .05);--shadow: 0 4px 14px rgba(49, 46, 129, .08), 0 2px 4px rgba(49, 46, 129, .04);--shadow-lg: 0 18px 40px rgba(49, 46, 129, .14);--font-read: "Lexend", "Atkinson Hyperlegible", "Verdana", system-ui, sans-serif;--font-display: "Lexend", system-ui, sans-serif;--reader-size: 1.35rem;--reader-line: 1.8}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;box-sizing:border-box}body{font-family:var(--font-read);color:var(--ink);background:radial-gradient(circle at 8% 0%,rgba(251,113,133,.1),transparent 40%),radial-gradient(circle at 100% 10%,rgba(139,92,246,.1),transparent 45%),radial-gradient(circle at 50% 100%,rgba(52,211,153,.1),transparent 45%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}button,select,input{font-family:inherit}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.005em}:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:12px}img{display:block;max-width:100%}.shell{max-width:1240px;width:100%;margin:0 auto;padding:16px 20px;box-sizing:border-box}.shell--reader{max-width:1440px;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:8px 16px 12px!important;box-sizing:border-box}.topbar{display:flex;align-items:center;gap:16px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);padding:12px 18px;box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:52px;border-radius:18px;object-fit:cover;box-shadow:var(--shadow-sm)}.brand-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.15rem,1.35vw,1.38rem);color:var(--indigo);line-height:1.15;white-space:nowrap;flex-shrink:0}.brand-name span{white-space:nowrap}.brand-tag{font-size:.8rem;color:var(--ink-mute);margin-top:3px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.95rem;white-space:nowrap}.pill--score{background:var(--sun-soft);color:#92400e}.pill--chapter{background:var(--indigo-soft);color:var(--indigo)}.pill--expert{background:var(--mint-soft);color:#047857}.spacer{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-weight:600;font-size:1.05rem;padding:14px 22px;border-radius:18px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--indigo);color:#fff;box-shadow:0 6px 16px #4338ca4d}.btn--primary:hover:not(:disabled){background:var(--indigo-dark)}.btn--ghost{background:transparent;color:var(--ink-soft);border:2px solid var(--line)}.btn--ghost:hover{background:#fff}.btn--soft{background:var(--coral-soft);color:#be123c}.btn--block{width:100%}.btn--lg{font-size:1.2rem;padding:18px 28px;border-radius:20px}.hero{position:relative;margin-top:20px;border-radius:var(--radius-lg);overflow:hidden;min-height:330px;display:flex;align-items:center;background:#fdeee0 url(/brand/hero.jpg) right top / cover no-repeat;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fffaf0f5,#fffaf0d9 38%,#fffaf000 62%)}.hero-content{position:relative;padding:40px 48px;max-width:600px}.hero h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 12px;color:var(--indigo-dark);line-height:1.1}.hero p{font-size:1.15rem;color:var(--ink-soft);margin:0 0 22px;line-height:1.6}.hero-stats{display:flex;gap:12px;flex-wrap:wrap}.section-title{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:40px 0 20px}.section-title h2{margin:0;font-size:2.1rem;color:var(--indigo-dark);text-shadow:0 2px 8px rgba(255,255,255,.95),0 0 16px rgba(255,255,255,.8);font-weight:800;letter-spacing:-.3px}.section-title p{margin:0;display:inline-flex;align-items:center;gap:8px;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--indigo-dark);font-weight:700;font-size:.96rem;padding:8px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.95);box-shadow:0 4px 16px #1f26871f;letter-spacing:.15px}.crew{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:50px}.crew-card{background:var(--surface);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:center;border:2px solid transparent;box-shadow:var(--shadow-sm);border-bottom:5px solid var(--role)}.crew-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--role-soft)}.crew-card h3{margin:0 0 4px;font-size:1.15rem;font-weight:800;color:var(--indigo-dark)}.crew-card p{margin:0;font-size:.95rem;color:var(--indigo-dark);font-weight:600;line-height:1.45}.role-vorhersagen{--role: var(--vorhersagen);--role-soft: var(--vorhersagen-soft)}.role-klaeren{--role: var(--klaeren);--role-soft: var(--klaeren-soft)}.role-fragen{--role: var(--fragen);--role-soft: var(--fragen-soft)}.role-zusammenfassen{--role: var(--zusammenfassen);--role-soft: var(--zusammenfassen-soft)}.role-system{--role: var(--indigo);--role-soft: var(--indigo-soft)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.filters-label{font-weight:800;color:var(--indigo-dark);font-size:1rem;margin-right:4px}.chip{border:1.5px solid rgba(255,255,255,.9);background:#ffffffeb;color:var(--indigo-dark);padding:9px 18px;border-radius:999px;cursor:pointer;font-weight:700;font-size:.95rem;box-shadow:0 2px 6px #0000000f;transition:all .15s ease}.chip:hover{border-color:var(--indigo);color:var(--indigo);transform:translateY(-1px)}.chip.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff}.chip-divider{width:1px;height:28px;background:var(--line);margin:0 6px}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}.story-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--line);display:flex;flex-direction:column;text-align:left;padding:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font:inherit;color:inherit}.story-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.story-media{position:relative;aspect-ratio:4 / 3;background:#f6efe2;overflow:hidden}.story-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.level-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:999px;font-weight:700;font-size:.8rem;background:#fff;color:var(--lvl);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:6px}.level-badge:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lvl)}.story-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}.story-theme{font-size:.8rem;font-weight:700;letter-spacing:.04em}.story-title{margin:0;font-size:1.25rem;color:var(--ink);line-height:1.3}.story-meta{display:flex;gap:14px;color:var(--ink-mute);font-size:.9rem;margin-top:auto;padding-top:10px}.story-meta span{display:inline-flex;align-items:center;gap:5px}.profile{margin:0 20px 18px;border-radius:var(--radius-sm);background:#faf7f0;border:1px solid var(--line);font-size:.85rem}.profile summary{cursor:pointer;padding:9px 12px;color:var(--ink-mute);font-weight:600;list-style:none;display:flex;align-items:center;gap:6px}.profile summary::-webkit-details-marker{display:none}.profile[open] summary{border-bottom:1px solid var(--line)}.profile-rows{padding:10px 12px;display:grid;gap:6px}.profile-row{display:flex;justify-content:space-between;color:var(--ink-soft)}.profile-row b{color:var(--ink)}.empty{text-align:center;padding:50px;color:var(--ink-mute);background:#fff;border-radius:var(--radius)}.concept-showcase{margin-top:56px;background:linear-gradient(135deg,#fffffff5,#f8fafcfa);border:2px solid rgba(99,102,241,.25);border-radius:28px;padding:36px 30px;box-shadow:0 16px 40px -10px #4f46e51f;box-sizing:border-box;width:100%}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:28px}.concept-card{background:#fff;border-radius:20px;padding:22px 20px;border:1px solid rgba(99,102,241,.18);box-shadow:0 4px 14px #0000000a;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.concept-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #4f46e51a}@media (max-width: 640px){.concept-showcase{padding:24px 16px;border-radius:20px}}.pro{margin-top:36px;display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.pro-card{background:var(--surface);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.pro-card h3{margin:0 0 12px;color:var(--indigo-dark);font-size:1.3rem}.pro-card p,.pro-card li{color:var(--ink-soft);line-height:1.65;font-size:.95rem}.pro-card ul{padding-left:20px;margin:0}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.evidence-item{background:var(--indigo-soft);border-radius:16px;padding:12px 14px}.evidence-item b{display:block;color:var(--indigo);font-size:.95rem}.evidence-item span{font-size:.85rem;color:var(--ink-soft)}.footer-bottom{text-align:center;color:var(--ink-mute);font-size:.9rem;padding:28px 0 10px}.footer-bottom a{color:var(--indigo);font-weight:600;text-decoration:none}.progress{display:flex;gap:6px;margin:4px 0 8px;flex-shrink:0}.progress-step{flex:1;height:8px;border-radius:999px;background:#ece6d9;position:relative;overflow:hidden}.progress-step.is-done{background:var(--role)}.progress-step.is-current{background:var(--role-soft);box-shadow:inset 0 0 0 2px var(--role)}.reader-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;width:100%;box-sizing:border-box}.panel{background:var(--surface);border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line);min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.reader-head{display:flex;flex-direction:column;gap:7px;padding:8px 14px;border-bottom:1px solid var(--line);flex-shrink:0;background:#fff}.reader-head-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.reader-head-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.reader-head img{width:38px;height:38px;border-radius:12px;object-fit:cover;flex-shrink:0;border:1.5px solid var(--line)}.reader-head h2{margin:0;font-size:1.12rem;font-weight:900;color:var(--indigo-dark);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-head small{color:var(--ink-mute);font-size:.74rem}.reader-head-bottom{display:flex;align-items:center;width:100%;padding-top:5px;border-top:1px solid rgba(0,0,0,.05)}.reader-tools{display:flex;align-items:center;gap:3px;flex-wrap:nowrap;overflow-x:auto;width:100%}.tool-btn{min-width:32px;height:32px;border-radius:10px;border:2px solid var(--line);background:#fff;cursor:pointer;font-weight:700;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.tool-btn:hover{border-color:var(--indigo);color:var(--indigo)}.tool-btn.is-active{background:var(--indigo-soft);border-color:var(--indigo);color:var(--indigo)}.tint-dot{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.reader-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 20px}.reader-scroll.tint-cream{background:var(--paper)}.reader-scroll.tint-blue{background:#eef5fb}.reader-scroll.tint-white{background:#fff}.reader-scroll.tint-peach{background:#fdf1e7}.reader-text{max-width:58ch;font-family:var(--font-read);font-size:var(--reader-size);line-height:1.68;letter-spacing:.015em;word-spacing:.08em;color:#222b38;font-weight:400;text-align:left;-webkit-hyphens:none;hyphens:none;margin:0}.reader-text::selection{background:#fde68a;color:#111827}.reader-scroll.is-selectable{cursor:text}.reader-scroll.is-selectable .reader-text{background-image:linear-gradient(transparent 0,transparent)}.select-hint{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;background:var(--sun-soft);color:#92400e;border-radius:16px;font-size:.88rem;font-weight:600;animation:fadeIn .4s ease}.chat{flex:1;min-height:60px;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.msg{display:flex;gap:10px;align-items:flex-end;animation:slideUp .35s ease}.msg--user{flex-direction:row-reverse}.msg-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--role-soft);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--role)}.bubble{max-width:86%;padding:9px 14px;border-radius:18px;font-size:calc(var(--reader-size) * .78);line-height:1.45;white-space:pre-line}.msg--bot .bubble{background:var(--role-soft);color:var(--ink);border-bottom-left-radius:6px}.msg--user .bubble{background:var(--indigo);color:#fff;border-bottom-right-radius:6px}.bubble-name{display:block;font-size:calc(var(--reader-size) * .58);font-weight:700;color:var(--role);margin-bottom:2px;letter-spacing:.02em}.typing{display:inline-flex;gap:5px;padding:6px 2px}.typing i{width:8px;height:8px;border-radius:50%;background:var(--role);opacity:.5;animation:bounce 1.2s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.dock{border-top:1px solid var(--line);padding:8px 12px 10px;background:#fcfaf5;flex-shrink:0;max-height:60vh;overflow-y:auto}.dock-label{margin:0 0 5px;color:var(--ink-soft);font-weight:700;font-size:.84rem}.panel.is-choosing-role .chat{flex:0 0 auto!important;max-height:36%!important;padding:8px 12px 6px!important;overflow-y:auto}.panel.is-choosing-role .dock{flex:1 1 auto!important;max-height:none!important;overflow-y:auto!important;display:flex;flex-direction:column;justify-content:flex-start;padding:8px 12px 10px!important}.options{display:flex;flex-direction:column;gap:7px;animation:fadeIn .35s ease}.option{display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;border-radius:16px;border:1.5px solid var(--line);background:#fff;font-size:calc(var(--reader-size) * .75);line-height:1.35;color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease;flex-shrink:0}.option:hover:not(:disabled){border-color:var(--role, var(--indigo));box-shadow:var(--shadow-sm);transform:translate(3px)}.option-key{flex-shrink:0;width:26px;height:26px;font-size:.75rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--role-soft, var(--indigo-soft));color:var(--role, var(--indigo));font-weight:700}.option:disabled{background:#f5f2ec;color:#9ca3af;cursor:not-allowed;text-decoration:line-through;text-decoration-color:#0003}.option:disabled .option-key{background:#ece7dd;color:#9ca3af}.evidence-box{background:#fff;border:2px dashed var(--sun);border-radius:20px;padding:12px 14px;animation:fadeIn .35s ease}.evidence-box.is-klaeren{border-color:var(--klaeren)}.evidence-stem{color:var(--ink-soft);font-weight:600;margin-bottom:8px;font-size:.88rem}.evidence-quote{font-size:.98rem;padding:10px 14px;border-radius:16px;background:var(--sun-soft);color:#78350f;margin-bottom:10px;border-left:4px solid var(--sun);min-height:42px;display:flex;align-items:center}.evidence-quote.is-empty{background:#faf7f0;color:var(--ink-mute);border-left-color:var(--line);font-style:normal}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px;animation:fadeIn .35s ease;width:100%}.role-option{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:16px;cursor:pointer;background:var(--role-soft);border:1.5px solid transparent;text-align:left;transition:all .15s ease;min-height:40px}.role-option:hover{border-color:var(--role);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.role-option img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.role-option span{display:flex;flex-direction:column;font-size:.74rem;color:var(--ink-soft);line-height:1.15}.role-option b{display:block;color:var(--ink);font-size:.84rem;line-height:1.15}.toast{position:fixed;top:22px;left:50%;transform:translate(-50%);background:#fff;border-radius:999px;padding:10px 20px 10px 12px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-weight:700;color:#92400e;z-index:2000;animation:toastIn 2.2s ease forwards;border:2px solid var(--sun)}.toast-star{width:32px;height:32px;border-radius:50%;background:var(--sun);color:#fff;display:inline-flex;align-items:center;justify-content:center}.center-stage{max-width:760px;margin:16px auto;padding:0 16px}.stage-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:22px 28px;text-align:center;border:1px solid var(--line)}.stage-card h1{margin:6px 0;font-size:1.85rem;color:var(--indigo-dark)}.stage-card .lead{font-size:1.05rem;color:var(--ink-soft);margin:0 0 16px;line-height:1.5}.stage-steps{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.stage-steps i{width:32px;height:6px;border-radius:999px;background:var(--line)}.stage-steps i.is-on{background:var(--indigo)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.choice{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;cursor:pointer;border:1.5px solid var(--line);background:#fff;font-size:.95rem;color:var(--ink);transition:all .15s ease}.choice:hover{border-color:var(--role, var(--indigo));background:var(--role-soft, var(--indigo-soft));transform:translateY(-2px)}.choice img{width:40px;height:40px;border-radius:50%;object-fit:cover}.choice-emoji{font-size:1.5rem;width:40px;text-align:center}.celebrate-img{width:160px;height:160px;margin:0 auto;border-radius:50%;object-fit:cover;animation:pop .6s ease}.score-ring{width:140px;height:140px;margin:14px auto;border-radius:50%;background:conic-gradient(var(--indigo) calc(var(--pct) * 1%),#ece6d9 0);display:flex;align-items:center;justify-content:center}.score-ring>div{width:112px;height:112px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring b{font-family:var(--font-display);font-size:2rem;color:var(--indigo-dark);line-height:1}.score-ring span{color:var(--ink-mute);font-size:.85rem}.feedback-note{background:var(--mint-soft);color:#065f46;padding:12px 16px;border-radius:16px;font-size:1rem;line-height:1.5;margin:8px 0 18px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1b4b80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .2s ease-out}.modal{background:#fff;border-radius:var(--radius-lg);padding:30px;max-width:420px;text-align:center;box-shadow:var(--shadow-lg);animation:modalPop .25s cubic-bezier(.16,1,.3,1)}.modal h2{margin:0 0 10px;color:var(--ink)}.modal p{margin:0 0 22px;color:var(--ink-soft);line-height:1.6}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-20px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1000px){.crew{grid-template-columns:1fr 1fr}.pro{grid-template-columns:1fr}}@media (max-width: 900px){.shell--reader{height:auto;min-height:100vh;overflow:visible}.reader-layout{grid-template-columns:1fr}.panel{max-height:none}.reader-scroll{max-height:55vh}.chat{max-height:50vh}.hero{min-height:280px;background-position:70% center}.hero:before{background:linear-gradient(90deg,#fffaf0f5,#fffaf0e0 60%,#fffaf080)}}@media (max-width: 640px){.shell{padding:12px}.crew,.choice-grid,.role-picker,.evidence{grid-template-columns:1fr}.hero-content{padding:28px 24px}.topbar,.reader-head-top{flex-wrap:wrap}.reader-tools{margin-left:0}.stage-card{padding:26px 20px}}@media (max-height: 760px) and (min-width: 901px){.shell--reader{padding:6px 14px 8px!important}.progress{margin:3px 0 6px!important;height:7px}.reader-head{padding:6px 12px}.reader-head img{width:36px;height:36px}.reader-scroll{padding:12px 18px}.chat{padding:8px 12px;gap:6px}.msg-avatar{width:36px;height:36px}.bubble{padding:7px 11px}.dock{padding:6px 10px 8px}.role-picker{gap:5px}.role-option{padding:4px 7px;gap:6px;min-height:38px}.role-option img{width:28px;height:28px}.role-option b{font-size:.8rem}.role-option span{font-size:.7rem}}.reader-ruler-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:radial-gradient(circle 1500px at 50% var(--mouse-y, 50%),transparent 0px,rgba(0,0,0,.05) 60px,rgba(0,0,0,.4) 150px);transition:opacity .3s}.reader-ruler-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:#0006;-webkit-mask-image:linear-gradient(to bottom,black calc(var(--mouse-y, 50%) - 100px),transparent calc(var(--mouse-y, 50%) - 40px),transparent calc(var(--mouse-y, 50%) + 40px),black calc(var(--mouse-y, 50%) + 100px));mask-image:linear-gradient(to bottom,black calc(var(--mouse-y, 50%) - 100px),transparent calc(var(--mouse-y, 50%) - 40px),transparent calc(var(--mouse-y, 50%) + 40px),black calc(var(--mouse-y, 50%) + 100px))}.global-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:2px solid var(--line);padding:5px 12px;position:sticky;top:0;z-index:1000;box-shadow:0 4px 12px #00000008;flex-wrap:nowrap;min-height:58px;height:58px;box-sizing:border-box;gap:8px;flex-shrink:0;width:100%}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.brand-text{display:flex;flex-direction:column;justify-content:center;flex-shrink:0;min-width:0}.global-nav-links{display:flex;align-items:center;gap:2px;background:var(--surface);padding:3px 5px;border-radius:100px;border:1px solid var(--line);margin:0;flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:100px;border:none;background:transparent;color:var(--ink-mute);font-family:inherit;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .2s;position:relative;white-space:nowrap}.nav-btn:hover{color:var(--ink);background:#00000008}.nav-btn.is-active{background:var(--indigo);color:#fff;box-shadow:0 4px 8px #4f46e533}.nav-btn .badge{background:#ff4757;color:#fff;font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:999px;position:absolute;top:-4px;right:-4px;border:2px solid white}.global-header-right{position:static!important;transform:none!important;margin-left:0;display:flex;align-items:center;gap:5px;z-index:10;flex-shrink:0}.hide-tablet,.hide-mobile{display:inline}.hide-desktop{display:none!important}@media (max-width: 1080px){.hide-tablet{display:none!important}.global-nav-links{gap:2px!important;padding:2px 4px!important}.nav-btn{padding:4px 6px!important;font-size:.78rem!important;gap:3px!important}.global-header{gap:6px!important;padding:4px 8px!important}}@media (max-width: 880px){.brand-text{width:140px;min-width:120px}.nav-btn{padding:5px 7px;font-size:.8rem}}@media (max-width: 768px){.global-header{height:auto!important;min-height:auto!important;max-height:none!important;padding:10px 14px!important;justify-content:flex-start;flex-wrap:wrap!important;margin:6px 8px!important;border-radius:18px!important}.brand{max-width:calc(100% - 90px)}.brand-text{width:auto!important;min-width:0!important;max-width:calc(100% - 50px)!important}.brand-name{font-size:1.1rem!important}.global-nav-links{order:3;width:100%;margin:8px auto 0!important;justify-content:center;padding:4px 6px}.global-header-right{position:absolute;right:14px;top:14px;transform:none}.global-header-right .pill--solved-sm,.global-header-right .pill--expert{display:none!important}.nav-btn span{display:none}.nav-btn{padding:8px 16px}.hide-mobile{display:none!important}}.mascot-overlay-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.mascot-speech-bubble,.mascot-image{pointer-events:auto}.mascot-image{width:220px;height:auto;filter:drop-shadow(0px 8px 16px rgba(0,0,0,.25));animation:idle-wobble 4s infinite ease-in-out}.mascot-speech-bubble{background:#fff;border:4px solid var(--indigo-dark);border-radius:16px;padding:16px;margin-bottom:-15px;margin-right:40px;max-width:300px;box-shadow:0 8px 12px #00000026;position:relative;font-weight:500;color:var(--ink)}.mascot-speech-bubble:after{content:"";position:absolute;bottom:-12px;right:30px;border-width:12px 12px 0;border-style:solid;border-color:var(--indigo-dark) transparent transparent transparent}.mascot-close-btn{background:var(--indigo);color:#fff;border:none;padding:8px 18px;border-radius:999px;margin-top:10px;cursor:pointer;font-weight:700;float:right;transition:transform .1s}.mascot-close-btn:hover{transform:scale(1.05)}.slide-in-mascot{animation:slideUp .6s cubic-bezier(.175,.885,.32,1.275) forwards,idle-wobble 4s .6s infinite ease-in-out}.slide-in-bubble{animation:popIn .4s cubic-bezier(.175,.885,.32,1.275) .3s backwards}@keyframes idle-wobble{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(1.5deg)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}:root{--glass: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .9);--grad-brand: linear-gradient(135deg, #3730a3 0%, #3b82f6 100%);--grad-warm: linear-gradient(135deg, #fff7ed 0%, #fdf2f8 100%);--shadow-glow: 0 10px 30px -8px rgba(67, 56, 202, .35)}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 15% 20%,rgba(251,113,133,.14),transparent 70%),radial-gradient(35% 30% at 85% 15%,rgba(124,58,237,.12),transparent 70%),radial-gradient(40% 35% at 60% 90%,rgba(52,211,153,.12),transparent 70%);animation:ld-float 24s ease-in-out infinite alternate}@keyframes ld-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-3%,2%,0) scale(1.05)}}.global-header{background:var(--glass)!important;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--glass-border)!important;box-shadow:0 8px 24px #00000014!important;border-radius:20px!important;margin:0 0 10px!important;padding:5px 12px!important;flex-wrap:nowrap!important;min-height:58px;height:58px;box-sizing:border-box;width:100%}.global-header.global-header--compact,.shell--reader .global-header{margin:0 0 6px!important;padding:4px 14px!important;border-radius:20px!important;min-height:48px!important;height:48px!important;gap:10px!important;flex-wrap:nowrap!important}.global-header.global-header--compact .brand-text,.shell--reader .global-header .brand-text{width:auto!important;min-width:0!important;max-width:none!important}.global-header.global-header--compact .global-header-right,.shell--reader .global-header .global-header-right{margin-left:auto}.global-header.global-header--compact .nav-btn,.shell--reader .global-header .nav-btn{padding:5px 10px!important;font-size:.85rem!important}.brand-name{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-name span{-webkit-text-fill-color:transparent}.nav-btn{transition:background .2s ease,color .2s ease,transform .2s ease}.nav-btn:hover{transform:translateY(-1px)}.nav-btn.is-active{background:var(--grad-brand);box-shadow:var(--shadow-glow);border-color:transparent}.hero{border:1px solid var(--glass-border);box-shadow:var(--shadow-lg)}.hero h1 em{font-style:normal}.hero p{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border)}.hero p span{font-style:normal!important}.hero p img{animation:ld-bob 4s ease-in-out infinite}@keyframes ld-bob{0%,to{translate:0 0}50%{translate:0 -6px}}.hero-stats .pill{box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.8)}.btn--primary{background:var(--grad-brand);box-shadow:var(--shadow-glow)}.btn--primary:hover:not(:disabled){background:var(--grad-brand);filter:brightness(1.08)}.chip{box-shadow:var(--shadow-sm)}.chip.is-active{background:var(--grad-brand);border-color:transparent;box-shadow:var(--shadow-glow)}.crew-card{position:relative;overflow:visible;background:linear-gradient(135deg,#fffffff2,#fff9),linear-gradient(to top right,var(--role-soft) 0%,transparent 70%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-bottom:5px solid var(--role);box-shadow:0 10px 30px #0000000f,inset 0 2px 5px #fff;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease}.crew-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -10px var(--role),inset 0 2px 5px #fff}.crew-card img{box-shadow:0 0 0 4px #fff,0 0 0 6px var(--role)}.story-card{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--line),var(--line)) border-box}.story-card:hover{background:linear-gradient(#fff,#fff) padding-box,var(--grad-brand) border-box;box-shadow:0 22px 40px -14px #4338ca59}.story-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(49,46,129,.12))}.level-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6}.story-theme{text-transform:none}.pro-card{background:var(--grad-warm);border:1px solid var(--glass-border)}.modal-bg{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{border:1px solid var(--glass-border);box-shadow:0 30px 60px -20px #312e8173}@media (prefers-reduced-motion: reduce){body:before,.hero p img,.modal{animation:none!important}.story-card:hover,.crew-card:hover,.btn:hover{transform:none!important}}.reader-text{animation:fadeTextIn .8s ease-out}@keyframes fadeTextIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.msg{animation:popBubble .4s cubic-bezier(.175,.885,.32,1.275) forwards;opacity:0;transform-origin:bottom left}.msg--user{transform-origin:bottom right}@keyframes popBubble{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dock{animation:slideDockUp .5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slideDockUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-bar-fill{transition:width .6s cubic-bezier(.34,1.56,.64,1)}.shell,.shell--reader{animation:shellFadeIn .35s ease-out}@keyframes shellFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-content{transform:perspective(1000px) rotateX(calc(var(--mouse-y, 0) * -2deg)) rotateY(calc(var(--mouse-x, 0) * 2deg));transition:transform .1s linear}.hero-content img{transform:scale(1.1) translateY(-5px) translate(calc(var(--mouse-x, 0) * 8px),calc(var(--mouse-y, 0) * 8px))!important}:root[data-theme=winter],:root[data-theme=meer],:root[data-theme=piraten]{--grad-warm: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);--grad-brand: linear-gradient(135deg, #0284c7 0%, #0d9488 55%, #2dd4bf 100%);--indigo: #0369a1}:root[data-theme="ritter-&-burgen"]{--grad-warm: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);--grad-brand: linear-gradient(135deg, #b91c1c 0%, #ef4444 55%, #fca5a5 100%);--indigo: #b91c1c}:root[data-theme=detektive],:root[data-theme="detektiv-&-mystery"]{--grad-warm: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--grad-brand: linear-gradient(135deg, #374151 0%, #6b7280 55%, #9ca3af 100%);--indigo: #374151}:root[data-theme=magie]{--grad-warm: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);--grad-brand: linear-gradient(135deg, #7e22ce 0%, #a855f7 55%, #d8b4fe 100%);--indigo: #7e22ce}:root[data-theme=ägypten],:root[data-theme=urzeit],:root[data-theme=geschichte],:root[data-theme="geschichte-&-epochen"],:root[data-theme="abenteuer-&-geschichte"]{--grad-warm: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);--grad-brand: linear-gradient(135deg, #d97706 0%, #f59e0b 55%, #fbbf24 100%);--indigo: #d97706}:root[data-theme] body:before{background:radial-gradient(40% 35% at 15% 20%,rgba(255,255,255,.5),transparent 70%),radial-gradient(35% 30% at 85% 15%,rgba(0,0,0,.05),transparent 70%),var(--grad-brand);opacity:.15}.flashcard{background:transparent;width:100%;height:320px;perspective:1000px;cursor:pointer;animation:popBubble .5s ease-out backwards}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:24px;display:flex;flex-direction:column;padding:18px;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a;box-sizing:border-box}.flashcard-front{background:#fff;color:#1e3a8a;border:2px solid #e2e8f0;justify-content:center;align-items:center;text-align:center}.flashcard-back{background:#fff!important;color:#0f172a!important;border:2px solid #e2e8f0;transform:rotateY(180deg);text-align:left;justify-content:flex-start;align-items:stretch}body.pixar-mode .flashcard-front{background:#fffffff5!important;border:2px solid rgba(255,255,255,.8)!important;box-shadow:0 12px 32px #1f26871f!important}body.pixar-mode .flashcard-back{background:#fff!important;color:#0f172a!important;border:2px solid rgba(255,255,255,.8)!important;box-shadow:0 16px 36px #0f172a24!important}.flashcard-gem{font-size:2.2rem;margin-bottom:8px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.fc-tabs{display:flex;gap:5px;margin-bottom:12px;background:#f1f5f9;padding:4px;border-radius:16px}.fc-tab-btn{flex:1;border:none;background:transparent;padding:6px 4px;border-radius:12px;font-size:.74rem;font-weight:700;color:#475569;cursor:pointer;transition:all .18s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.fc-tab-btn:hover{color:#0f172a}.fc-tab-btn.is-active{background:#fff;color:var(--indigo, #4338ca);box-shadow:0 2px 6px #00000014}.fc-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin}.fc-quiz-opt{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;margin-bottom:6px;border-radius:14px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:.82rem;font-weight:600;cursor:pointer;text-align:left;transition:all .15s ease;box-sizing:border-box}.fc-quiz-opt:hover{background:#f1f5f9;border-color:#cbd5e1}.fc-quiz-opt.is-correct{background:#ecfdf5!important;border-color:#10b981!important;color:#065f46!important}.fc-quiz-opt.is-wrong{background:#fef2f2!important;border-color:#ef4444!important;color:#991b1b!important;opacity:.75}.shell.theme-b{background-color:#f3e8ff!important;transition:background-color 1s ease-in-out}.shell.theme-b .paper,.shell.theme-b .stage-card,.shell.theme-b .chat-panel{background-color:#faf5ff!important;border:1px solid #d8b4fe!important;box-shadow:0 10px 40px #a855f726!important}.shell.theme-b .text-content{color:#3b0764!important}.shell.theme-b h1,.shell.theme-b h2,.shell.theme-b h3{color:#581c87!important}.shell.theme-b .btn--primary{background:#7e22ce!important;box-shadow:0 4px 12px #7e22ce4d!important}.shell.theme-b .app-header{background:#e9d5ff!important;border-bottom:2px dashed #c084fc!important}body.pixar-mode .crew-card,body.pixar-mode .story-card,body.pixar-mode .trading-card,body.pixar-mode .modal,body.pixar-mode .topbar,body.pixar-mode .dachsbau-header-card,body.pixar-mode .lexikon-header-card,body.pixar-mode .lexikon-filter-card,body.pixar-mode .lexikon-card{background:#ffffffd1!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1.5px solid rgba(255,255,255,.7)!important;box-shadow:0 10px 32px #1f268714!important}body.pixar-mode .crew-card,body.pixar-mode .story-card,body.pixar-mode .trading-card,body.pixar-mode .case-group,body.pixar-mode .dachsbau-header-card,body.pixar-mode .lexikon-header-card,body.pixar-mode .lexikon-filter-card{border-radius:24px!important}body.pixar-mode .lexikon-card{border-radius:22px!important}.lexikon-header-card{display:flex;align-items:center;gap:1.75rem;margin-bottom:1.75rem;padding:1.5rem 2rem;border-radius:24px;background:linear-gradient(135deg,#fffffff2,#ffffffd1);border:1.5px solid rgba(255,255,255,.9);border-bottom:4px solid var(--primary);box-shadow:0 12px 32px #312e8114,inset 0 2px 4px #fffffff2;position:relative;overflow:visible;transition:transform .25s ease,box-shadow .25s ease}.lexikon-avatar{width:130px;height:130px;object-fit:cover;border-radius:22px;border:3px solid #fff;box-shadow:0 10px 24px #00000024,0 0 0 2px #4f46e526;flex-shrink:0}.lexikon-filter-card{margin-bottom:2rem;padding:1.25rem 1.75rem;border-radius:24px;background:linear-gradient(135deg,#ffffffeb,#ffffffd1);border:1.5px solid rgba(255,255,255,.85);box-shadow:0 8px 24px #1f26870f,inset 0 2px 4px #ffffffe6}.lexikon-filter-title{display:flex;align-items:center;gap:8px;margin:0 0 1rem;font-size:1.15rem;color:var(--primary);font-weight:800;letter-spacing:-.01em}.lexikon-filter-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border-radius:999px;border:1.5px solid transparent;background:#f3f4f6;color:#4b5563;font-weight:600;font-size:.92rem;cursor:pointer;white-space:nowrap;transition:all .22s cubic-bezier(.175,.885,.32,1.275)}.lexikon-filter-btn:hover{transform:translateY(-2px);background:#e5e7eb;color:#1f2937;box-shadow:0 4px 12px #0000000f}.lexikon-filter-btn.is-active{background:linear-gradient(135deg,var(--indigo) 0%,var(--indigo-dark) 100%);color:#fff;border-color:#fff6;box-shadow:0 6px 16px #4338ca59;transform:translateY(-2px)}.lexikon-card{background:#fff;padding:1.35rem;border-radius:22px;border:1.5px solid rgba(226,232,240,.85);box-shadow:0 8px 24px #0000000d,inset 0 2px 4px #ffffffe6;display:flex;flex-direction:column;gap:.65rem;position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.175,.885,.32,1.275),box-shadow .28s ease,border-color .28s ease}.lexikon-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 36px #312e811f,inset 0 2px 4px #fff;border-color:#6366f14d}.lexikon-card-bar{height:5px;width:100%;position:absolute;top:0;left:0;border-top-left-radius:22px;border-top-right-radius:22px}.lexikon-example-box{margin:.25rem 0 0;font-size:.88rem;font-style:italic;color:#374151;background:#f8fafc;padding:.7rem .95rem;border-radius:14px;border-left:3.5px solid #cbd5e1;line-height:1.45}.lexikon-relations-box{margin-top:.35rem;padding:.75rem .95rem;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border-radius:14px;border:1px solid #dbeafe;font-size:.85rem;color:#1e3a8a}body.pixar-mode .hero:before{display:none!important}.crew-card .crew-desc{display:none;font-size:.95rem;margin-top:8px;color:var(--indigo-dark);font-weight:600;line-height:1.45;animation:fadeIn .3s ease-out}.crew-card:hover .crew-desc{display:block}.avatar-wrapper{position:relative;width:80px;height:80px;flex-shrink:0;margin-top:15px}.avatar-circle{position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:50%;background:var(--role-soft, var(--indigo-soft));border:3px solid #fff;box-shadow:0 0 0 3px var(--role, var(--indigo)),0 4px 10px #0000001a}.pop-out-img{position:absolute;bottom:5px;left:50%;transform:translate(-50%) scale(1.4);transform-origin:bottom center;width:100%;height:auto;transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 8px 12px rgba(0,0,0,.2));z-index:2;border-radius:0!important;box-shadow:none!important;background:transparent!important}.crew-card:hover .pop-out-img{transform:translate(-50%) scale(1.65) translateY(-5px)}:root{--visualisieren: #ec4899;--visualisieren-soft: #fdf2f8;--verknuepfen: #14b8a6;--verknuepfen-soft: #f0fdfa;--bewerten: #f97316;--bewerten-soft: #fff7ed}.role-visualisieren{--role: var(--visualisieren);--role-soft: var(--visualisieren-soft)}.role-verknuepfen{--role: var(--verknuepfen);--role-soft: var(--verknuepfen-soft)}.role-bewerten{--role: var(--bewerten);--role-soft: var(--bewerten-soft)}@keyframes daxterBreathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.04) translateY(0)}}@keyframes magicalFloat{0%,to{transform:translateY(0);box-shadow:0 4px 12px #0000001a,0 0 #4338ca66}50%{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a,0 0 0 10px #4338ca00}}.logo-anim-breathe{animation:daxterBreathe 4s ease-in-out infinite}.logo-anim-hover{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)!important}.brand:hover .logo-anim-hover{transform:scale(1.15) translateY(0) rotate(6deg)!important}.logo-container-float{animation:magicalFloat 3.5s ease-in-out infinite}.trading-card{background:linear-gradient(135deg,#fffffff2,#f0f5fff2);border-radius:24px;overflow:hidden;box-shadow:0 10px 25px #0000001a,inset 0 2px 4px #fff;border:1px solid rgba(255,255,255,.8);display:flex;flex-direction:column;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease;position:relative}.trading-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #4338ca33,inset 0 2px 4px #fff;border-color:var(--indigo-soft)}.tc-media{position:relative;width:100%;height:175px;background:linear-gradient(180deg,#f8fafc,#edf2f7);display:flex;align-items:center;justify-content:center;padding:10px 14px;border-bottom:2px solid rgba(67,56,202,.1);overflow:hidden}.tc-media img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.14));transition:transform .35s cubic-bezier(.175,.885,.32,1.275)}.trading-card:hover .tc-media img{transform:scale(1.06)}.tc-gem{position:absolute;top:10px;right:10px;background:var(--lvl);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.82rem;letter-spacing:.4px;padding:4px 12px;border-radius:999px;box-shadow:0 4px 10px #00000038,inset 0 1px 2px #fff6;border:2px solid #ffffff;z-index:5;text-shadow:0 1px 2px rgba(0,0,0,.35);display:inline-flex;align-items:center;justify-content:center;line-height:1}.tc-body{padding:16px 20px;display:flex;flex-direction:column;flex:1}.tc-header{margin-bottom:12px}.tc-akte{font-size:.85rem;font-weight:800;color:var(--indigo);text-transform:uppercase;letter-spacing:1px}.tc-title{margin:4px 0 0;font-size:1.3rem;line-height:1.2;color:var(--ink)}.tc-stats{display:flex;gap:12px;margin-top:auto;background:var(--indigo-soft);padding:10px 14px;border-radius:16px;border:1px solid rgba(67,56,202,.1)}.tc-stat{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--indigo-dark)}.tc-stat b{font-size:1.05rem}.tc-profile{margin:0 16px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.tc-profile summary{padding:10px 14px;font-size:.85rem;font-weight:600;color:var(--ink-soft);cursor:pointer;background:var(--paper)}.tc-profile-rows{padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:.85rem;background:#fff;border-top:1px solid var(--line)}.tc-profile-row{display:flex;justify-content:space-between;color:var(--ink-soft)}.tc-profile-row b{color:var(--ink)}.hero-highlight{font-style:normal;color:var(--indigo-dark);-webkit-text-stroke:2px white;text-shadow:0 4px 15px rgba(255,255,255,1),0 0 20px rgba(255,255,255,.8);font-weight:900}@keyframes daxterAliveFloat{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-6px) scale(1.025)}}.daxter-alive-popout{animation:daxterAliveFloat 3.8s ease-in-out infinite;transform-origin:bottom center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease}.daxter-alive-popout:hover{animation-play-state:paused;transform:translate(-50%) translateY(-10px) scale(1.08)!important;filter:drop-shadow(0 20px 26px rgba(0,0,0,.28)) drop-shadow(0 4px 8px rgba(0,0,0,.15))!important}.dachsbau-header-card{position:relative;overflow:visible!important}.trading-card.is-solved{border-color:#10b981;background:linear-gradient(135deg,#fffffffa,#f0fdf4f2);box-shadow:0 10px 25px #10b98126,inset 0 2px 4px #fff}.trading-card.is-solved:hover{box-shadow:0 20px 40px #10b98140,inset 0 2px 4px #fff;border-color:#059669}.tc-solved-ribbon{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#059669,#10b981);color:#fff;font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 4px 10px #05966959;border:1.5px solid rgba(255,255,255,.9);z-index:2;letter-spacing:.5px;text-transform:uppercase}.tc-stat--solved{color:#b45309!important;background:#fef3c7;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-weight:700}.solved-stamp-container{display:flex;justify-content:center;margin-bottom:8px}.solved-stamp{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#059669,#047857);color:#fff;padding:8px 22px;border-radius:999px;font-size:.95rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;box-shadow:0 6px 18px #0478574d;border:2px solid rgba(255,255,255,.7);animation:stampIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes stampIn{0%{transform:scale(1.6) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.daxter-statement-box{background:linear-gradient(135deg,#f0fdf4,#fff);border:2px solid #86efac;border-radius:20px;padding:18px 22px;margin:14px 0 18px;text-align:left;box-shadow:0 8px 20px #10b9811a;position:relative}.daxter-statement-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.daxter-statement-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #10b981;box-shadow:0 2px 6px #0000001a}.daxter-statement-quote{font-size:1.02rem;line-height:1.5;color:#064e3b;font-weight:600;font-style:italic;margin:0}.progress-milestone-card{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:16px;box-shadow:var(--shadow-sm);text-align:left}.progress-milestone-row{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:700;color:var(--indigo-dark);margin-bottom:8px}.progress-milestone-bar{width:100%;height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-milestone-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:999px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.dachsbau-nav-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 12px;border-radius:999px;border:1.5px solid rgba(226,232,240,.9);box-shadow:0 4px 14px #1f26870d}.dachsbau-nav-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dachsbau-tab-btn{background:transparent;border:2px solid var(--line);padding:8px 18px;border-radius:999px;font-weight:700;font-size:.95rem;color:var(--ink-soft);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.dachsbau-tab-btn.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff;box-shadow:0 4px 12px #4338ca40}.rank-badge-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #f59e0b;border-radius:999px;background:linear-gradient(135deg,#fffbeb,#fef3c7 45%,#fde68a);padding:6px 16px 6px 8px;color:#78350f;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:inherit;font-weight:700;box-shadow:0 4px 14px #f59e0b47,inset 0 1px 1px #ffffffe6;transition:all .25s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;text-decoration:none}.rank-badge-btn:before{content:"";position:absolute;top:-60%;left:-70%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:rotate(25deg);pointer-events:none;animation:rankSheen 4.5s ease-in-out infinite}@keyframes rankSheen{0%,75%{left:-70%}to{left:160%}}.rank-badge-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 24px #f59e0b6b,0 2px 6px #00000014;border-color:#d97706;background:linear-gradient(135deg,#fff,#fef3c7 40%,#fcd34d)}.rank-badge-btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #f59e0b33}.rank-badge-btn:focus-visible{outline:3px solid #d97706;outline-offset:3px}.rank-badge-icon{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 2px 6px #b4530933;border:1.5px solid #fde68a;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.rank-badge-btn:hover .rank-badge-icon{transform:scale(1.15) rotate(8deg)}.rank-badge-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;line-height:1.15}.rank-badge-kicker{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#b45309}.rank-badge-title{font-size:.98rem;font-weight:800;color:#78350f;letter-spacing:-.01em}.rank-badge-level{font-size:.74rem;font-weight:800;background:#fbbf24;color:#78350f;padding:3px 9px;border-radius:999px;box-shadow:inset 0 1px 2px #00000014;white-space:nowrap}.rank-badge-sparkle{color:#d97706;transition:transform .25s ease,color .25s ease;flex-shrink:0}.rank-badge-btn:hover .rank-badge-sparkle{transform:rotate(20deg) scale(1.25);color:#b45309}.rank-badge-btn--hero{padding:6px 16px 6px 8px}.rank-badge-btn--compact{padding:4px 12px 4px 6px;gap:7px;font-size:.88rem}.rank-badge-btn--compact .rank-badge-icon{width:26px;height:26px;font-size:1rem}.rank-badge-btn--compact .rank-badge-title{font-size:.88rem}@media (max-width: 680px){.dachsbau-nav-bar{border-radius:20px;gap:10px;padding:10px}.rank-badge-btn{width:100%;justify-content:center}}.rank-modal-content{background:linear-gradient(180deg,#fff,#fffdf8)!important;border:2px solid #fef3c7!important;box-shadow:0 25px 60px -15px #b4530959!important}.rank-spotlight-card{background:linear-gradient(135deg,#fffbeb,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:22px;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 6px 18px #f59e0b33,inset 0 1px 1px #fffc}.rank-spotlight-emblem{width:62px;height:62px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:2.5px solid #f59e0b;box-shadow:0 4px 12px #b4530933;flex-shrink:0}.rank-spotlight-level{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#92400e;background:#fffc;padding:3px 10px;border-radius:999px;border:1px solid rgba(245,158,11,.3)}.rank-progress-banner{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:18px;padding:12px 16px;margin-top:14px}.rank-progress-target-icon{width:36px;height:36px;border-radius:50%;background:#eff6ff;border:1.5px solid #bfdbfe;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.rank-ladder-row{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:16px;transition:all .2s ease}.rank-ladder-row.is-current{background:#fffbeb;border:2px solid #f59e0b;box-shadow:0 3px 10px #f59e0b2e}.rank-ladder-row.is-unlocked:not(.is-current){background:#f0fdf4;border:1.5px solid #bbf7d0}.rank-ladder-row.is-locked{background:#f8fafc;border:1px dashed #e2e8f0;opacity:.75}.rank-ladder-badge{font-size:1.4rem;width:32px;text-align:center;flex-shrink:0}.rank-ladder-info{flex:1;min-width:0}.rank-ladder-title{font-weight:800;color:var(--ink);font-size:.95rem}.rank-ladder-row.is-current .rank-ladder-title{color:#78350f}.rank-ladder-req{font-size:.78rem;color:var(--ink-mute);font-weight:600}.rank-ladder-desc{font-size:.8rem;color:var(--ink-soft);margin-top:1px}.rank-status-pill{font-size:.74rem;font-weight:800;padding:3px 9px;border-radius:999px;white-space:nowrap}.is-current-pill{background:#f59e0b;color:#fff;box-shadow:0 2px 6px #f59e0b66}.is-unlocked-pill{background:#dcfce7;color:#15803d}.is-locked-pill{background:#e2e8f0;color:#64748b}@media (max-height: 820px){.shell--reader{padding:4px 10px 6px!important}.shell--reader .global-header{margin:0 0 4px!important;padding:3px 12px!important;min-height:40px!important;height:40px!important}.shell--reader .progress{margin:2px 0 4px!important;height:6px!important}.reader-head{padding:5px 12px!important}.reader-head img{width:34px!important;height:34px!important}.reader-head h2{font-size:1rem!important}.reader-scroll{padding:8px 14px 10px!important}.reader-text{line-height:1.55}.chat{padding:6px 10px!important;gap:6px!important}.msg-avatar{width:32px!important;height:32px!important}.bubble{padding:6px 10px!important;border-radius:14px!important;font-size:.88rem!important}.panel.is-choosing-role .chat{max-height:34%!important;padding:6px 10px 4px!important}.panel.is-choosing-role .dock{padding:6px 8px 8px!important}.dock{padding:6px 10px 8px!important}.role-picker{gap:5px!important}.role-option{padding:4px 7px!important;min-height:36px!important;border-radius:12px!important;gap:6px!important}.role-option img{width:28px!important;height:28px!important}.role-option b{font-size:.8rem!important}.role-option span{font-size:.7rem!important}.option{padding:5px 9px!important;border-radius:14px!important;gap:7px!important}.center-stage{margin:6px auto!important}.stage-card{padding:14px 18px!important}}@media (max-height: 700px){.shell--reader{padding:2px 8px 4px!important}.shell--reader .global-header{margin:0 0 2px!important;padding:2px 10px!important;min-height:36px!important;height:36px!important}.shell--reader .progress{margin:1px 0 3px!important;height:5px!important}.reader-head{padding:4px 8px!important}.reader-head img{width:28px!important;height:28px!important}.reader-head h2{font-size:.92rem!important}.reader-tools{gap:2px!important;padding:1px 3px!important}.tool-btn{min-width:26px!important;height:26px!important;padding:0 3px!important}.reader-scroll{padding:6px 12px 8px!important}.panel.is-choosing-role .chat{max-height:30%!important;padding:4px 8px 2px!important}.role-picker{gap:4px!important}.role-option{padding:3px 6px!important;min-height:32px!important;border-radius:12px!important;gap:5px!important}.role-option img{width:24px!important;height:24px!important}.role-option b{font-size:.76rem!important}.role-option span{font-size:.65rem!important}.dock-label{font-size:.78rem!important;margin-bottom:3px!important}.dock{padding:4px 8px 6px!important}}.achievements-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px}.achievement-kpi-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1.5px solid rgba(226,232,240,.9);border-radius:20px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 16px #1f26870a;transition:transform .2s ease,box-shadow .2s ease}.achievement-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1f268714}.achievement-kpi-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.achievement-kpi-info{display:flex;flex-direction:column}.achievement-kpi-value{font-size:1.35rem;font-weight:800;color:var(--indigo-dark);line-height:1.2}.achievement-kpi-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft)}.next-goals-card{background:linear-gradient(135deg,#fefce8,#fffbeb,#fef3c7);border:2px solid #fde047;border-radius:24px;padding:20px 24px;margin-bottom:26px;box-shadow:0 8px 26px #f59e0b24;position:relative;overflow:hidden}.next-goals-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.next-goals-badge{background:#fef08a;color:#854d0e;border:1px solid #facc15;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;display:inline-flex;align-items:center;gap:6px}.next-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.next-goal-item{background:#fff;border:1.5px solid #fef08a;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.next-goal-item:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001a}.next-goal-item.tier-0{background:linear-gradient(145deg,#fff,#fff1f2,#fee2e2);border-color:#fca5a5}.next-goal-item.tier-0 .next-goal-icon{background:#fff1f2;border-color:#fca5a5}.next-goal-item.tier-0 .next-goal-title{color:#881337}.next-goal-item.tier-0 .achievement-progress-fill{background:linear-gradient(90deg,#f87171,#ef4444)}.next-goal-item.tier-25{background:linear-gradient(145deg,#fff,#fff7ed,#fed7aa);border-color:#fdba74}.next-goal-item.tier-25 .next-goal-icon{background:#fff7ed;border-color:#fdba74}.next-goal-item.tier-25 .next-goal-title{color:#7c2d12}.next-goal-item.tier-25 .achievement-progress-fill{background:linear-gradient(90deg,#fb923c,#f97316)}.next-goal-item.tier-50{background:linear-gradient(145deg,#fff,#fefce8,#fef08a);border-color:#fde047}.next-goal-item.tier-50 .next-goal-icon{background:#fefce8;border-color:#fde047}.next-goal-item.tier-50 .next-goal-title{color:#713f12}.next-goal-item.tier-50 .achievement-progress-fill{background:linear-gradient(90deg,#facc15,#eab308)}.next-goal-item.tier-75{background:linear-gradient(145deg,#fff,#f7fee7,#d9f99d);border-color:#bef264}.next-goal-item.tier-75 .next-goal-icon{background:#f7fee7;border-color:#bef264}.next-goal-item.tier-75 .next-goal-title{color:#365314}.next-goal-item.tier-75 .achievement-progress-fill{background:linear-gradient(90deg,#a3e635,#84cc16)}.next-goal-item.tier-100{background:linear-gradient(145deg,#fff,#f0fdf4,#bbf7d0);border-color:#4ade80}.next-goal-item.tier-100 .next-goal-icon{background:#dcfce7;border-color:#22c55e}.next-goal-item.tier-100 .next-goal-title{color:#14532d}.next-goal-item.tier-100 .achievement-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.next-goal-top{display:flex;align-items:center;gap:10px}.next-goal-icon{font-size:1.5rem;width:38px;height:38px;border-radius:50%;background:#fefce8;border:1px solid #fde047;display:flex;align-items:center;justify-content:center;flex-shrink:0}.next-goal-title{font-size:.96rem;font-weight:800;color:#78350f;line-height:1.2}.next-goal-category{font-size:.72rem;font-weight:700;color:#b45309;text-transform:uppercase}.next-goal-hint{font-size:.82rem;color:#92400e;background:#fefce8;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-weight:700;width:fit-content}.achievements-filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.achievement-filter-btn{background:#fff;border:1.5px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.achievement-filter-btn:hover{border-color:var(--indigo);color:var(--indigo);transform:translateY(-1px)}.achievement-filter-btn.is-active{background:var(--indigo);border-color:var(--indigo);color:#fff;box-shadow:0 4px 12px #4338ca40}.achievements-tier-legend{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap;background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);box-shadow:0 2px 8px #00000008;width:fit-content}.tier-legend-title{font-size:.82rem;font-weight:800;color:var(--ink-soft);margin-right:4px}.tier-legend-pill{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid}.tier-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.tier-legend-pill.tier-0{background:#fff1f2;border-color:#fca5a5;color:#9f1239}.tier-dot.tier-dot-0{background:#ef4444;box-shadow:0 0 6px #ef444480}.tier-legend-pill.tier-25{background:#fff7ed;border-color:#fdba74;color:#9a3412}.tier-dot.tier-dot-25{background:#f97316;box-shadow:0 0 6px #f9731680}.tier-legend-pill.tier-50{background:#fefce8;border-color:#fde047;color:#854d0e}.tier-dot.tier-dot-50{background:#eab308;box-shadow:0 0 6px #eab30880}.tier-legend-pill.tier-75{background:#f7fee7;border-color:#bef264;color:#3f6212}.tier-dot.tier-dot-75{background:#84cc16;box-shadow:0 0 6px #84cc1680}.tier-legend-pill.tier-100{background:#f0fdf4;border-color:#86efac;color:#14532d}.tier-dot.tier-dot-100{background:#22c55e;box-shadow:0 0 6px #22c55e80}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.achievement-card{background:#fff;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;border:2px solid var(--line);box-shadow:0 4px 14px #0000000a}.achievement-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.achievement-card-top{display:flex;align-items:center;gap:14px;padding-right:76px}.achievement-badge-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;flex-shrink:0;background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;transition:transform .25s ease}.achievement-card:hover .achievement-badge-circle{transform:scale(1.12) rotate(6deg)}.achievement-card-title{font-size:1.05rem;font-weight:800;color:var(--indigo-dark);margin:0 0 2px;line-height:1.25}.achievement-card-cat{font-size:.72rem;font-weight:800;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.5px}.achievement-card-desc{font-size:.88rem;color:var(--ink-soft);line-height:1.4;margin:0}.achievement-progress-wrapper{margin-top:auto;display:flex;flex-direction:column;gap:6px}.achievement-progress-labels{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;color:var(--ink-mute)}.achievement-progress-bar{height:8px;background:#00000012;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.achievement-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f46e5,#6366f1);transition:width .6s ease}.achievement-card.tier-0{background:linear-gradient(145deg,#fff,#fff1f2 45%,#fee2e2);border-color:#fca5a5;box-shadow:0 4px 14px #ef444414}.achievement-card.tier-0 .achievement-badge-circle{background:#fff1f2;border-color:#fca5a5;box-shadow:0 2px 8px #ef44441f}.achievement-card.tier-0 .achievement-progress-fill{background:linear-gradient(90deg,#f87171,#ef4444)}.achievement-card.tier-0 .achievement-card-title{color:#881337}.achievement-card.tier-0:after{content:"0% OFFEN";position:absolute;top:14px;right:14px;font-size:.65rem;font-weight:800;letter-spacing:.5px;color:#9f1239;background:#fff1f2;border:1px solid #fca5a5;padding:2.5px 8px;border-radius:999px}.achievement-card.tier-25{background:linear-gradient(145deg,#fff,#fff7ed 45%,#fed7aa);border-color:#fdba74;box-shadow:0 4px 14px #f973161a}.achievement-card.tier-25 .achievement-badge-circle{background:#fff7ed;border-color:#fdba74;box-shadow:0 2px 8px #f9731624}.achievement-card.tier-25 .achievement-progress-fill{background:linear-gradient(90deg,#fb923c,#f97316)}.achievement-card.tier-25 .achievement-card-title{color:#7c2d12}.achievement-card.tier-25:after{content:"BIS 25%";position:absolute;top:14px;right:14px;font-size:.65rem;font-weight:800;letter-spacing:.5px;color:#9a3412;background:#fff7ed;border:1px solid #fdba74;padding:2.5px 8px;border-radius:999px}.achievement-card.tier-50{background:linear-gradient(145deg,#fff,#fefce8 45%,#fef08a);border-color:#fde047;box-shadow:0 4px 14px #eab3081f}.achievement-card.tier-50 .achievement-badge-circle{background:#fefce8;border-color:#fde047;box-shadow:0 2px 8px #eab30829}.achievement-card.tier-50 .achievement-progress-fill{background:linear-gradient(90deg,#facc15,#eab308)}.achievement-card.tier-50 .achievement-card-title{color:#713f12}.achievement-card.tier-50:after{content:"BIS 50%";position:absolute;top:14px;right:14px;font-size:.65rem;font-weight:800;letter-spacing:.5px;color:#854d0e;background:#fefce8;border:1px solid #fde047;padding:2.5px 8px;border-radius:999px}.achievement-card.tier-75{background:linear-gradient(145deg,#fff,#f7fee7 45%,#d9f99d);border-color:#bef264;box-shadow:0 4px 14px #84cc161f}.achievement-card.tier-75 .achievement-badge-circle{background:#f7fee7;border-color:#bef264;box-shadow:0 2px 8px #84cc1629}.achievement-card.tier-75 .achievement-progress-fill{background:linear-gradient(90deg,#a3e635,#84cc16)}.achievement-card.tier-75 .achievement-card-title{color:#365314}.achievement-card.tier-75:after{content:"BIS 75%";position:absolute;top:14px;right:14px;font-size:.65rem;font-weight:800;letter-spacing:.5px;color:#3f6212;background:#f7fee7;border:1px solid #bef264;padding:2.5px 8px;border-radius:999px}.achievement-card.tier-100,.achievement-card.is-unlocked{background:linear-gradient(145deg,#fff,#f0fdf4 45%,#bbf7d0);border-color:#4ade80;box-shadow:0 6px 20px #22c55e2e}.achievement-card.tier-100 .achievement-badge-circle,.achievement-card.is-unlocked .achievement-badge-circle{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#22c55e;box-shadow:0 4px 12px #22c55e40}.achievement-card.tier-100 .achievement-progress-fill,.achievement-card.is-unlocked .achievement-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a)}.achievement-card.tier-100 .achievement-card-title,.achievement-card.is-unlocked .achievement-card-title{color:#14532d}.achievement-card.tier-100:after,.achievement-card.is-unlocked:after{content:"✓ 100% ERREICHT";position:absolute;top:14px;right:14px;font-size:.68rem;font-weight:800;letter-spacing:.5px;color:#14532d;background:#dcfce7;border:1.5px solid #4ade80;padding:3px 9px;border-radius:999px;box-shadow:0 2px 8px #22c55e33}.achievement-card.is-locked:not([class*=tier-]){background:#f8fafc;border-color:#e2e8f0}.history-timeline{display:flex;flex-direction:column;gap:14px}.history-card{background:#fff;border-radius:22px;padding:16px 20px;border:1.5px solid var(--line);box-shadow:0 4px 16px #0000000a;display:flex;align-items:center;gap:18px;flex-wrap:wrap;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.history-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1f268714;border-color:#86efac}.history-card-img{width:64px;height:64px;border-radius:16px;object-fit:cover;flex-shrink:0;border:1.5px solid var(--line);box-shadow:0 3px 8px #00000014}.history-card-body{flex:1;min-width:220px}.history-card-title{font-size:1.1rem;font-weight:800;color:var(--indigo-dark);margin:0 0 3px}.history-card-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--ink-soft)}.history-role-pill{display:inline-flex;align-items:center;gap:6px;background:#f0fdf4;color:#065f46;border:1px solid #bbf7d0;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.history-role-pill img{width:18px;height:18px;border-radius:50%;object-fit:cover}.history-card-score{background:#fef3c7;color:#92400e;border:1px solid #fde68a;padding:6px 14px;border-radius:999px;font-weight:800;font-size:.95rem;white-space:nowrap}.case-accordion-group{position:relative;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease,background .25s ease}.case-accordion-group:hover{transform:translateY(-2px);filter:brightness(1.02)}.express-mission-banner{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.express-mission-banner:hover{transform:translateY(-2px);box-shadow:0 14px 30px #f59e0b47!important}.tc-card-actions{display:flex;gap:8px;padding:10px 14px;background:#f8fafce6;border-top:1px solid rgba(0,0,0,.05)}.tc-card-btn{flex:1;padding:8px 10px;border-radius:12px;font-size:.85rem;font-weight:800;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .18s ease}.tc-card-btn--preview{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.tc-card-btn--preview:hover{background:#e0e7ff;transform:scale(1.02)}.tc-card-btn--play{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;box-shadow:0 4px 10px #4f46e54d}.tc-card-btn--play:hover{background:linear-gradient(135deg,#4338ca,#3730a3);transform:scale(1.02)}@media (max-width: 640px){.case-accordion-group{padding:14px 16px!important;border-radius:20px!important}.case-accordion-header-title{font-size:1.2rem!important}}.shell--reader.quiet-mode{background:#f8fafc!important}.quiet-mode .reader-layout{--reader-contrast-text: #0f172a;background:#fff!important;box-shadow:0 4px 20px #0000000d!important;border:1px solid #e2e8f0!important}.quiet-mode .reader-scroll{background:#fff!important;background-image:none!important}.quiet-mode .reader-text{color:#0f172a!important;line-height:var(--reader-line, 1.75)!important;max-width:65ch!important;animation:none!important}.quiet-mode img[src$=".gif"],.quiet-mode .logo-anim-breathe,.quiet-mode .logo-anim-hover{animation:none!important}.quiet-mode .panel{box-shadow:none!important;border-color:#cbd5e1!important}.quiet-mode .panel:before,.quiet-mode .panel:after{display:none!important}.starte-hier-banner{background:linear-gradient(135deg,#eef2fffa,#e0e7fff2);border:2px solid #818cf8;border-radius:24px;padding:20px 24px;margin-bottom:24px;box-shadow:0 10px 30px #6366f126;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;position:relative;overflow:hidden}.starte-hier-banner:before{content:"";position:absolute;top:-50px;right:-50px;width:140px;height:140px;background:radial-gradient(circle,rgba(129,140,248,.25) 0%,transparent 70%);pointer-events:none}.badge-gedankenspiel{background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe;border-radius:8px;font-size:.76rem;font-weight:800;padding:3px 8px;display:inline-flex;align-items:center;gap:4px;letter-spacing:.2px}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:3px solid var(--indigo);outline-offset:3px;border-radius:10px}.progress{gap:6px;padding:0;margin:4px 0 8px}.progress-step{height:8px;background:#efe9dc;border-radius:999px;transition:background .4s ease,transform .3s ease}.progress-step.is-done{background:linear-gradient(90deg,var(--role),color-mix(in srgb,var(--role) 70%,#fff))}.progress-step.is-current{transform:scaleY(1.2);box-shadow:inset 0 0 0 2px var(--role),0 0 0 3px color-mix(in srgb,var(--role) 18%,transparent)}.progress-step.is-current:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 2.2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.panel{border:1px solid rgba(30,27,75,.06);box-shadow:0 1px 2px #1e1b4b0a,0 12px 32px -12px #1e1b4b2e;border-radius:22px}.reader-head{background:linear-gradient(180deg,#fff,#fffcf5);padding:10px 18px;gap:12px}.reader-head img{width:44px;height:44px;border-radius:16px;box-shadow:0 4px 10px -4px #00000059}.reader-head small{display:inline-block;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.7rem;color:var(--indigo);background:var(--indigo-soft);padding:2px 7px;border-radius:999px;margin-bottom:2px}.reader-head h2{font-family:var(--font-display);font-size:1.15rem;color:var(--indigo-dark);line-height:1.25}.reader-tools{background:#f6f2ea;padding:4px 8px;border-radius:16px;gap:4px}.tool-btn{border:none;background:transparent;min-width:32px;height:32px;border-radius:10px;transition:background .15s,transform .15s}.tool-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.tool-btn.is-active{background:#fff;box-shadow:0 2px 6px #00000014}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.reader-scroll{padding:16px 24px 20px;scroll-behavior:smooth;background-image:radial-gradient(rgba(120,100,60,.035) 1px,transparent 1px);background-size:18px 18px}.reader-text{max-width:58ch;margin:0 auto;color:#1f2633;line-height:1.68;animation:textIn .5s ease both}@keyframes textIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reader-scroll.is-selectable{box-shadow:inset 0 0 0 3px var(--sun)}.reader-text::selection{background:#fde047}.select-hint{position:sticky;top:-10px;z-index:2;border:1px solid #fcd34d;box-shadow:0 6px 16px -8px #92400e66;font-size:calc(var(--reader-size) * .68);padding:8px 12px;margin-bottom:10px}.chat{padding:14px 16px;gap:10px;background:linear-gradient(180deg,#fff0 0,#fff 16px),#fff;scroll-behavior:smooth}.msg-avatar{width:42px;height:42px;object-fit:contain;padding:2px;transition:transform .2s ease}.msg:last-child .msg-avatar{animation:pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.bubble{box-shadow:0 1px 2px #0000000a;padding:9px 14px;border-radius:16px;font-size:calc(var(--reader-size) * .78);line-height:1.45}.msg--bot .bubble{background:var(--role-soft);border:1px solid color-mix(in srgb,var(--role) 22%,transparent);position:relative}.msg--bot .bubble:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:4px;background:var(--role);transform:translate(-2px)}.msg--user .bubble{background:linear-gradient(135deg,var(--indigo),color-mix(in srgb,var(--indigo) 75%,#000));box-shadow:0 6px 14px -8px var(--indigo)}.bubble-name{text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.dock{background:linear-gradient(180deg,#fbf8f1,#f7f2e8);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -6px 18px -12px #0003;padding:8px 12px 10px}.dock-label{display:flex;align-items:center;gap:6px;font-size:.84rem;margin-bottom:5px}.dock-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--role, var(--indigo))}.panel.is-choosing-role .dock{background:linear-gradient(180deg,#faf7f2,#f5efe4);padding:8px 12px 10px}.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px}.role-option{box-shadow:0 1px 2px #0000000a;border:1.5px solid rgba(0,0,0,.05);transition:all .15s ease}.role-option:hover{transform:translateY(-1px);box-shadow:0 4px 10px -2px #0000001a}.option{border:1.5px solid transparent;background:#fff;box-shadow:0 1px 2px #0000000d,0 0 0 1px #0000000f;align-items:center;padding:8px 12px;border-radius:16px;font-size:calc(var(--reader-size) * .75);line-height:1.35;gap:10px}.option:hover:not(:disabled){border-color:var(--role, var(--indigo));transform:translate(3px);box-shadow:0 6px 14px -8px var(--role, var(--indigo))}.option:active:not(:disabled){transform:translate(3px) scale(.99)}.option:hover:not(:disabled) .option-key{background:var(--role, var(--indigo));color:#fff}.option-key{width:26px;height:26px;font-size:.75rem;border-radius:999px;transition:background .15s,color .15s}.story-card{transition:transform .25s ease,box-shadow .25s ease}.story-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px #1e1b4b59}.story-media img{transition:transform .5s ease}.story-card:hover .story-media img{transform:scale(1.05)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reader-scroll{position:relative}.reading-ruler{position:absolute;left:0;right:0;height:calc(var(--reader-size) * var(--reader-line) * 1.15);transform:translateY(-50%);pointer-events:none;background:#fde0472e;border-top:2px solid rgba(234,179,8,.55);border-bottom:2px solid rgba(234,179,8,.55);box-shadow:0 0 0 100vmax #1e1b4b47;transition:top .06s linear;z-index:1}