:root{--bg: #f3f5fa;--surface: #ffffff;--surface-soft: #f7f9ff;--text: #0f172a;--muted: #64748b;--border: #dce4f2;--accent: #4f46e5;--accent-soft: #eef1ff;--danger: #dc2626;--success: #16a34a;--shadow: 0 10px 30px rgba(15, 23, 42, .06)}:root[data-theme=dark]{--bg: #0f172a;--surface: #111c34;--surface-soft: #17243f;--text: #e8eef9;--muted: #9fb0ca;--border: #253554;--accent: #6e73ff;--accent-soft: #252f5f;--danger: #fb7185;--success: #4ade80;--shadow: 0 16px 40px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% -20%,rgba(79,70,229,.08),transparent 48%),var(--bg);color:var(--text)}.app{width:min(100%,1200px);margin:0 auto;padding:16px}.brand-wordmark{font-size:clamp(1.9rem,2.4vw,2.4rem);font-weight:700;letter-spacing:-.02em}.landing-shell{min-height:100vh;display:grid;gap:20px;align-content:start;padding-top:20px}.landing-topbar{display:flex;align-items:center;justify-content:flex-start;padding:8px 4px}.landing-main{display:grid;gap:16px}.landing-copy{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.landing-copy h1{margin:0 0 8px;font-size:clamp(2rem,8vw,2.8rem);line-height:1.05;letter-spacing:-.02em}.landing-copy p{margin:0;color:var(--muted);font-size:1.03rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:var(--shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.auth-tab{border:1px solid var(--border);background:transparent;color:var(--muted);font-weight:600;border-radius:12px;min-height:42px;cursor:pointer}.auth-tab.active{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:var(--accent-soft);color:var(--accent)}.auth-fields{display:grid;gap:12px}.field-stack{display:grid;gap:6px}.field-stack span{color:var(--muted);font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;font-weight:600}.control{width:100%;min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--text);padding:0 14px;font-size:1rem}.control-date{min-height:52px;padding-right:12px}.control:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.control-error{border-color:color-mix(in srgb,var(--danger) 58%,var(--border));background:color-mix(in srgb,var(--danger) 6%,var(--surface-soft))}.primary-button,.secondary-button,.ghost-button{min-height:50px;border-radius:999px;border:1px solid transparent;font-size:1rem;font-weight:700;cursor:pointer}.primary-button{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent));color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent)}.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.secondary-button{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:transparent;color:var(--accent)}.ghost-button{min-height:40px;padding:0 14px;background:transparent;border-color:var(--border);color:var(--muted)}.auth-feedback{margin:2px 2px 0;font-size:.9rem;color:var(--muted);min-height:20px}.auth-feedback-error{color:var(--danger)}.auth-feedback-success{color:var(--success)}.today-shell{min-height:100vh;display:grid;gap:14px;align-content:start;padding-top:16px}.today-header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:14px 16px;box-shadow:var(--shadow)}.today-main{display:grid;gap:14px}.welcome-card,.next-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.welcome-card{padding:18px}.welcome-card h1{margin:0;font-size:clamp(2rem,8.4vw,2.8rem);line-height:1.06;letter-spacing:-.02em}.welcome-card p{margin:10px 0 0;color:var(--muted);font-size:1.04rem}.welcome-date{display:block;margin-top:10px;color:var(--muted);font-size:.92rem}.next-card{padding:18px;display:grid;gap:20px}.next-left{display:grid;align-content:start;gap:8px}.status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.03em}.status-jetzt,.status-ueberfaellig{color:#fff;border-color:transparent;background:var(--accent)}.status-bereit{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--surface-soft))}.status-fertig{color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--surface-soft))}.status-streak{color:var(--text)}.task-time{margin:6px 0 0;color:var(--muted);font-size:1rem;font-weight:600}.task-title{margin:2px 0 0;font-size:clamp(2.4rem,11vw,4.6rem);line-height:.95;letter-spacing:-.02em;text-wrap:balance}.task-meta{margin:4px 0 0;color:var(--muted);font-size:1.06rem}.next-right{display:grid;gap:12px;align-content:start}.avatar-wrap{display:flex;justify-content:center;align-items:center;min-height:140px}.level-card{border:1px solid var(--border);border-radius:18px;padding:12px;background:var(--surface-soft)}.level-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.level-row strong{font-size:.95rem;letter-spacing:.06em;text-transform:uppercase}.level-row span{color:var(--muted);font-size:.9rem;font-weight:600}.level-bar{height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--text) 10%,transparent)}.level-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 88%,white),var(--accent));transition:width .32s ease}.today-footer{display:flex;justify-content:space-between;gap:12px;padding:6px 2px 20px;color:var(--muted);font-size:.88rem}@media (min-width: 940px){.app{padding:26px}.landing-main{grid-template-columns:1.1fr .9fr;align-items:start}.next-card{grid-template-columns:1.1fr .9fr;align-items:center;min-height:clamp(520px,56vh,720px)}.next-right{justify-self:end;width:min(100%,360px)}.today-footer{padding-bottom:8px}}@media (max-width: 560px){.app{padding:12px}.welcome-card,.next-card,.today-header,.landing-copy,.auth-card{border-radius:20px}.task-title{font-size:clamp(2.2rem,14vw,3.4rem)}.today-footer{flex-direction:column;gap:4px;padding-bottom:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.companion-card{--companion-primary: rgba(243, 246, 251, .98);--companion-secondary: rgba(233, 239, 247, .98);--companion-border: rgba(213, 221, 235, .88);--companion-cheek: rgba(223, 230, 244, .72);--companion-feature: #4f63ad;--companion-aura: rgba(199, 214, 239, .2);--companion-growth: 1;--companion-glow: .24;position:relative;width:168px;display:grid;place-items:center;gap:10px}.companion-card.is-neutral,.companion-card.is-male{--companion-primary: rgba(243, 246, 251, .98);--companion-secondary: rgba(233, 239, 247, .98);--companion-border: rgba(213, 221, 235, .88);--companion-cheek: rgba(223, 230, 244, .72);--companion-feature: #4f63ad;--companion-aura: rgba(199, 214, 239, .2)}.companion-card.is-female{--companion-primary: rgba(248, 244, 247, .98);--companion-secondary: rgba(241, 234, 240, .98);--companion-border: rgba(232, 217, 227, .9);--companion-cheek: rgba(238, 221, 232, .7);--companion-feature: #9a6f97;--companion-aura: rgba(232, 209, 226, .2)}.companion-aura{position:absolute;top:-28px;right:-26px;bottom:-42px;left:-26px;border-radius:50%;background:radial-gradient(circle,var(--companion-aura) 0%,rgba(210,220,238,.06) 52%,rgba(210,220,238,0) 76%);opacity:calc(.28 + var(--companion-glow) * .52);transform:scale(calc(1.03 + (var(--companion-growth) - 1) * .3))}.companion-head{width:128px;height:128px;border-radius:34%;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--companion-primary),var(--companion-secondary));border:1px solid var(--companion-border);transform:scale(var(--companion-growth));animation:companion-idle 4.8s ease-in-out infinite}.companion-shine,.companion-shade{position:absolute;pointer-events:none}.companion-shine.shine-top{width:40px;height:52px;top:12px;left:16px;border-radius:48% 52% 55% 45%;background:#ffffff9e}.companion-shine.shine-side{width:24px;height:31px;bottom:18px;right:16px;border-radius:56% 44% 50% 50%;background:#ffffff73}.companion-shade{width:76px;height:76px;right:-12px;bottom:-7px;border-radius:50%;background:#a6b4d924}.companion-cheek{position:absolute;width:28px;height:20px;border-radius:999px;background:var(--companion-cheek);top:66px}.companion-cheek.left{left:18px}.companion-cheek.right{right:18px}.companion-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.companion-eyes{width:70px;display:flex;justify-content:space-between;align-items:center;margin-top:8px;animation:companion-look 8.4s ease-in-out infinite}.companion-eye{width:13px;height:13px;border-radius:50%;background:var(--companion-feature);position:relative;animation:companion-blink 8.8s ease-in-out infinite}.companion-eye:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;top:2px;left:2px;background:#ffffffd9}.companion-mouth{position:absolute;top:78px;width:36px;height:18px;border-radius:0 0 60px 60px;border-bottom:4px solid var(--companion-feature)}.companion-card.mood-neutral .companion-mouth{width:28px;height:0;border-radius:999px;border-bottom:4px solid color-mix(in srgb,var(--companion-feature) 82%,white)}.companion-card.mood-sad .companion-mouth,.companion-card.mood-down .companion-mouth{top:82px;width:34px;height:12px;border-radius:50px 50px 0 0;border-bottom:none;border-top:4px solid var(--companion-feature)}.companion-card.mood-sad .companion-eye,.companion-card.mood-down .companion-eye{border-radius:48% 52% 46% 54%}.companion-card.mood-sad .companion-eye:first-child,.companion-card.mood-down .companion-eye:first-child{transform:rotate(-16deg)}.companion-card.mood-sad .companion-eye:last-child,.companion-card.mood-down .companion-eye:last-child{transform:rotate(16deg)}.companion-card.mood-joy .companion-head{animation:companion-idle 3.4s ease-in-out infinite}.companion-card.mood-joy .companion-mouth{width:40px;height:20px}.companion-shadow{width:90px;height:16px;border-radius:50%;background:#5669912e;filter:blur(2px)}.companion-card.is-cheering .companion-head{animation:companion-cheer .8s ease}.companion-cheer{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;pointer-events:none}.companion-cheer-dot,.companion-cheer-heart{position:absolute;opacity:0}.companion-cheer-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--companion-feature) 72%,white);animation:companion-dot .8s ease forwards}.companion-cheer-dot.dot-left{top:18px;left:22px}.companion-cheer-dot.dot-right{top:12px;right:20px}.companion-cheer-heart{width:12px;height:12px;transform:rotate(45deg);background:color-mix(in srgb,var(--accent) 46%,white);animation:companion-heart .8s ease forwards}.companion-cheer-heart:before,.companion-cheer-heart:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:inherit}.companion-cheer-heart:before{left:-6px;top:0}.companion-cheer-heart:after{left:0;top:-6px}.companion-cheer-heart.heart-left{bottom:18px;left:16px}.companion-cheer-heart.heart-right{bottom:22px;right:16px}@keyframes companion-idle{0%,to{transform:scale(var(--companion-growth)) translateY(0)}50%{transform:scale(calc(var(--companion-growth) * 1.02)) translateY(-4px)}}@keyframes companion-look{0%,to{transform:translate(0)}18%{transform:translate(-2px)}36%{transform:translate(2px)}56%{transform:translate(0)}}@keyframes companion-blink{0%,95%,to{transform:scaleY(1)}96%{transform:scaleY(.2)}97%{transform:scaleY(1)}}@keyframes companion-cheer{0%{transform:scale(var(--companion-growth))}35%{transform:scale(calc(var(--companion-growth) * 1.08)) translateY(-8px)}to{transform:scale(var(--companion-growth)) translateY(0)}}@keyframes companion-dot{0%{opacity:0;transform:translateY(0) scale(.4)}35%{opacity:1}to{opacity:0;transform:translateY(-18px) scale(1)}}@keyframes companion-heart{0%{opacity:0;transform:rotate(45deg) translateY(0) scale(.45)}35%{opacity:.9}to{opacity:0;transform:rotate(45deg) translateY(-20px) scale(1)}}