/* KOMPASS · Alltag und Ruhe, September 2026 */
:root{--bg:#08101a;--bg-2:#0d1723;--surface:#ffffff04;--surface-2:#ffffff09;--surface-solid:#101d2b;--elev:#162638;--line:#bed4e71a;--line-2:#bed4e737;--text:#f0f5fa;--text-2:#b6c7d5;--muted:#8b9eaf;--primary:#7b88ff;--primary-2:#9b89ea;--cyan:#82dacc;--grad:linear-gradient(135deg,#7b88ff,#a08bec);--grad-soft:linear-gradient(135deg,#7b88ff1a,#82dacc12);--serif:var(--font);--radius:18px;--radius-s:12px;--radius-xs:8px;--side:244px;--shadow:0 12px 35px #0003}
:root[data-theme=light]{--bg:#f3f6f6;--bg-2:#e8efef;--surface:#fff;--surface-2:#fff;--surface-solid:#fff;--elev:#fff;--line:#1f425b18;--line-2:#1f425b35;--text:#152a38;--text-2:#435d6d;--muted:#657d89;--cyan:#237e71;--primary:#5264c7;--primary-2:#6d58b9;--shadow:0 12px 35px #1e42500b}
html{scroll-behavior:smooth}body{letter-spacing:-.012em}h1,h2,h3,.h1,.h2,.h3{letter-spacing:-.04em}.serif{font-family:var(--font);font-style:normal}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.35;min-height:44px;border-radius:10px;padding:11px 17px;white-space:normal;text-align:center}.btn>svg{width:19px;height:19px;flex:none;display:block;vertical-align:middle;align-self:center}.btn.icon{width:44px;min-width:44px;padding:0}.btn.lg{min-height:49px}.btn.primary{background:var(--grad);box-shadow:0 7px 20px #647ad01c}.btn.ghost{background:transparent}.seg button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px}.back{display:inline-flex;align-items:center;gap:9px;min-height:44px}.back svg{width:18px;height:18px}.card,.panel{border-radius:16px;border-color:var(--line);box-shadow:none}.input,textarea.input{border-radius:10px}.btn:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button,a{touch-action:manipulation}.side{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-right-color:var(--line);padding:24px 17px}.brand-name{letter-spacing:.03em;text-transform:uppercase;font-size:19px}.brand-sub{font-size:10px}.nav-a{min-height:45px;font-weight:500;border-radius:10px;gap:12px}.nav-a.on{background:#7b88ff14;color:#b8c1ff;border-color:#7b88ff25}.nav-a svg{width:20px;height:20px}.main{max-width:1400px;padding:35px 40px}.tabbar{background:#0b1724ed;backdrop-filter:blur(20px);border-top-color:var(--line)}.tabbar a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:10px}.tabbar svg{width:21px;height:21px}.tabbar .tab-coach img{object-fit:cover;border-radius:50%}.tabbar .tab-coach{transform:none}.tabbar .tab-coach:before{display:none}.tabbar .tab-coach img{width:39px;height:39px;border:1px solid #8e9fff60;box-shadow:none}.tabbar .tab-coach span{margin:0}.appbar{margin-bottom:22px}.topbar,.page-head{margin-bottom:26px}.h1{font-size:34px}.h2{font-size:27px}.h3{font-size:20px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700}.muted{color:var(--muted)}.demo-bar{right:12px;left:auto;bottom:88px;font-size:9px;opacity:.72}.step,.aka,.lesson,.day-card{border-radius:16px}.lesson-hero,.aka-hero,.course-hero{border-radius:17px;overflow:hidden}.cc{background:radial-gradient(ellipse at top,#142c3a,var(--bg) 65%)}.cc-sky{opacity:.2}.cc-coach img{object-fit:cover}.cc-head{background:#0c1828e0;border-bottom:1px solid var(--line)}.cc-ai .speech{border-radius:4px 17px 17px 17px;background:var(--surface-solid);border:1px solid var(--line);box-shadow:none}.cc-user .speech{border-radius:17px 4px 17px 17px}.cc-meta b{font-size:14px}.cc-dock{background:var(--bg-2)}.coach-teaser img{max-width:230px;height:auto;border-radius:50%}.cx-face{object-fit:cover}.section-head{margin-top:30px}.section-head h2{font-size:23px}.check svg,.btn .spinner{flex:none}.toast{background:var(--elev);border:1px solid var(--line-2);border-radius:12px}.sheet{background:var(--surface-solid);border-radius:20px 20px 0 0}
.home-dashboard{max-width:1160px;margin:auto}.home-head{align-items:center;margin-bottom:24px}.home-head .h1{font-size:33px;font-weight:700;line-height:1.2;margin-top:6px}.home-greeting-dot{color:var(--cyan)}.home-kpis{gap:8px}.home-kpis span{height:37px;border-radius:11px;font-size:13px;padding:0 12px}.home-kpis svg{width:16px;height:16px;color:#a8c8cf}.home-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;padding:23px 28px;color:#fff;border:1px solid #9dbebd20}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.home-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#071823cd,#09202c65 65%,#0a253023),linear-gradient(0deg,#071823c9,transparent 75%)}.home-hero-top,.home-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.home-hero-top>span{font-size:9px;letter-spacing:.17em;color:#d2e9e8}.home-hero-top a{width:36px;height:36px;display:grid;place-items:center;background:#102e3c55;border:1px solid #d2e9e829;border-radius:50%}.home-hero-top svg{width:18px;height:18px}.home-thoughts{position:relative;min-height:92px;max-width:650px;margin:14px 0}.home-thoughts .band-it{position:absolute;inset:0;padding:0;justify-content:center;margin:0;font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.035em;color:#f0f9f9;transition:opacity 900ms var(--ease-out),transform 900ms var(--ease-out);transform:translateY(7px);text-wrap:balance}.home-thoughts .band-it.on{transform:none}.home-hero-bottom>span{font-size:10px;color:#bad6d7}.quote-controls{display:flex;align-items:center;gap:3px}.quote-controls button{height:36px;width:36px;display:grid;place-items:center;border:0;background:transparent;color:#d6eced;border-radius:50%}.quote-controls button[aria-pressed=true]{background:#bde5e726}.quote-controls svg{width:16px;height:16px}.home-section-label{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px;gap:15px}.home-section-label h2{font-size:17px;font-weight:600;margin:0}.home-section-label>span{font-size:11px;color:var(--muted)}.home-primary{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}.home-secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-dashboard .ht{padding:20px;border-radius:16px;min-height:200px}.home-dashboard .ht.big{min-height:210px}.home-dashboard .ht:after{background:linear-gradient(0deg,#071522ed 3%,#07152294 54%,#07152219)}.home-dashboard .ht-ic{width:33px;height:33px;border-radius:10px;background:#12283866;border-color:#e4f3ff2d}.home-dashboard .ht-ic svg{width:17px;height:17px}.home-dashboard .ht-ey{font-size:8px;letter-spacing:.12em;color:#bbd7e6}.home-dashboard .ht-t{font-size:21px;font-weight:700;line-height:1.25;margin-top:7px}.home-dashboard .ht.big .ht-t{font-size:25px}.home-dashboard .ht-l{font-size:11px;color:#c2d6df;margin-top:7px}.home-dashboard .ht.big .ht-l{font-size:12px}.home-dashboard .ht-badge{font-size:8px;height:23px;padding:0 8px;background:#12304188}.home-dashboard .ht-badge.hot{background:#ebcf9a;color:#29323a;border:0}.home-dashboard .ht-badge.ok{background:#15574f99;border-color:#9bd5cf44}.home-dashboard .ht-bar{gap:4px;margin-top:11px}.home-dashboard .ht-bar i{height:3px}.home-dashboard .home-calm:after{background:linear-gradient(0deg,#072c2ced,#0b30338c 55%,#183c3526)}.home-calm .ht-ey{color:#b5f0de}.home-calm .ht-t{font-size:24px}.home-secondary .ht-t{font-size:18px}.home-secondary .ht-l{font-size:10px}.home-secondary .ht{min-height:190px}.home-secondary .ht-badge{max-width:65px}.home-secondary .ht.lock img{filter:grayscale(.15) brightness(.9)}
@media(hover:hover) and (pointer:fine){.quote-controls button:hover{background:#c2ebe722}.home-dashboard .ht:hover>img{transform:scale(1.025)}.btn:hover{filter:brightness(1.07)}}
@media(max-width:1150px){.main{padding:30px 28px}.home-secondary{grid-template-columns:repeat(2,1fr)}.home-secondary .ht{min-height:150px}.home-hero{min-height:240px}.home-thoughts .band-it{font-size:25px}}
@media(max-width:760px){.main{padding:22px 20px calc(var(--tabbar) + 26px + env(safe-area-inset-bottom))}.home-head{margin-bottom:16px}.home-head .h1{font-size:25px}.home-head .eyebrow{font-size:8px;letter-spacing:.08em}.home-kpis{gap:5px}.home-kpis span{height:30px;padding:0 8px;font-size:11px;gap:4px}.home-kpis svg{width:12px;height:12px}.home-hero{min-height:190px;padding:15px 17px;border-radius:16px}.home-hero-top>span{font-size:7px}.home-hero-top a{width:29px;height:29px}.home-thoughts{min-height:80px;margin:6px 0}.home-thoughts .band-it{font-size:21px;line-height:1.4;max-width:310px}.home-hero-bottom>span{font-size:8px;max-width:180px}.quote-controls button{width:29px;height:29px}.quote-controls svg{width:13px;height:13px}.home-section-label{margin:20px 0 12px}.home-section-label h2{font-size:15px}.home-section-label>span{display:none}.home-primary{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.home-secondary{gap:10px}.home-dashboard .ht,.home-dashboard .ht.big{min-height:164px;padding:14px;border-radius:13px}.home-dashboard .ht-ic{width:28px;height:28px;border-radius:8px}.home-dashboard .ht-ic svg{width:15px;height:15px}.home-dashboard .ht-badge{height:20px;font-size:7px;padding:0 6px;gap:3px}.home-dashboard .ht-ey{font-size:7px;letter-spacing:.08em}.home-dashboard .ht-t,.home-dashboard .ht.big .ht-t,.home-dashboard .home-calm .ht-t{font-size:18px;line-height:1.2;margin-top:5px}.home-dashboard .ht-l,.home-dashboard .ht.big .ht-l{font-size:9px;margin-top:6px;line-height:1.45}.home-dashboard .ht-bar{margin-top:8px}.home-secondary .ht{min-height:133px}.home-secondary .ht-t{font-size:16px}.home-secondary .ht-top{gap:6px}.h1{font-size:29px}.h2{font-size:25px}.h3{font-size:19px}.btn{padding:11px 14px;font-size:13px;gap:8px}.btn>svg{width:18px;height:18px}.topbar,.page-head{margin-bottom:22px}.appbar{margin-bottom:20px}.cc-head{padding-top:max(14px,env(safe-area-inset-top))}.demo-bar{font-size:8px;bottom:81px;right:8px}.tabbar{padding-bottom:env(safe-area-inset-bottom);height:calc(74px + env(safe-area-inset-bottom))}.tabbar a{min-height:54px;font-size:9px}.tabbar .tab-coach img{width:33px;height:33px}.home-head .sp{max-width:calc(100% - 105px)}}
@media(max-width:370px){.main{padding-left:16px;padding-right:16px}.home-head .h1{font-size:23px}.home-thoughts .band-it{font-size:19px}.home-primary .ht-badge{font-size:6px;padding:0 4px}.home-dashboard .ht{padding:12px}.home-dashboard .ht-t,.home-dashboard .ht.big .ht-t{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-thoughts .band-it{transition:none;transform:none}.home-dashboard .ht>img,.stagger>*{animation:none!important;transition:none!important}}@media(prefers-contrast:more){:root{--muted:#bbcedb;--line:#bed4e76b}.home-dashboard .ht:after{background:linear-gradient(0deg,#071522f8,#071522b9 65%,#07152250)}}

.demo-bar{top:10px;bottom:auto;height:auto;max-height:28px;line-height:1.4}@media(max-width:760px){.demo-bar{top:auto;bottom:81px}}

.cc-ai .speech{color:var(--text)}.cc-ai .speech b,.cc-ai .speech strong{color:var(--text)}.cc-ai .speech:before{border-right-color:var(--surface-solid)}.cc-ai .speech a{color:var(--cyan)}

.lesson-visual{position:relative;isolation:isolate;overflow:hidden;border-radius:17px;min-height:245px;padding:25px;display:flex;align-items:end;margin:10px 0 24px;color:#fff}.lesson-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-2}.lesson-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071c2ef0,#0d29394a 80%);z-index:-1}.lesson-visual h1{font-size:30px;line-height:1.25;margin:11px 0 0;letter-spacing:-.035em}.lesson-visual .eyebrow{color:#c0e7df}.lesson-visual p{color:#d0e6e1;font-size:13px;margin:10px 0 0}@media(max-width:760px){.lesson-visual{min-height:185px;padding:20px;margin:10px 0 20px;border-radius:13px}.lesson-visual h1{font-size:26px}.lesson-visual p{font-size:11px}}

@media(max-width:760px){.home-hero{min-height:232px}.home-thoughts{min-height:124px}}

:root[data-theme=light] .tabbar{background:#ffffffed}:root[data-theme=light] .nav-a.on{color:#435aac}.cc-meta b{color:#eef5fa}.cc-meta .small{color:#9fb8cb}.cc-head .cc-back{color:#173040}

@media(max-width:760px){.home-hero{min-height:216px}.home-hero-top a{width:24px;height:24px}.quote-controls button{width:24px;height:24px}.home-dashboard .ht,.home-dashboard .ht.big{min-height:154px}.home-secondary .ht{min-height:122px}}