:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183448;background:#eaf1f1;font-synthesis:none;--surface:#fff;--soft:#f0f5f7;--ink:#183448;--muted:#567184;--line:#dde7ed;--accent:#17639b;--shadow:0 7px 24px #17394f0d;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#dae9e9,#f6f0e6);min-width:280px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #edaa32;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:1.18rem;letter-spacing:-.025em}h3{font-size:1rem}p{line-height:1.55}.app-shell{max-width:520px;margin:0 auto;min-height:100dvh;background:var(--soft);padding-bottom:calc(90px + env(safe-area-inset-bottom));box-shadow:0 0 80px #12354412}.hero{position:relative;isolation:isolate;min-height:286px;padding:calc(20px + env(safe-area-inset-top)) 24px 48px;overflow:hidden;color:#fff;background:#164b60 url('./assets/berge.svg') center 55%/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07304410 20%,#092c4ae0);z-index:-1}.hero-top{display:flex;align-items:start;justify-content:space-between}.brand{font-size:2.15rem;font-weight:800;letter-spacing:-.1em;line-height:1.05;text-shadow:0 1px 12px #10394a55}.brand small{display:block;letter-spacing:.18em;font-size:.55rem;margin-top:6px}.settings-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#ffffff24;font-size:1.5rem;border:1px solid #ffffff50}.tagline{font-family:Georgia,serif;font-style:italic;font-size:1.25rem;margin-top:19px}.hero-caption{margin-top:35px}.eyebrow{font-size:.62rem;letter-spacing:.14em;font-weight:700;opacity:.85}h1{font-size:1.8rem;letter-spacing:-.035em;margin:7px 0}.hero-caption p{font-size:.88rem;opacity:.93}main{position:relative;margin-top:-24px;padding:0 18px;min-height:260px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:12px}.section-label .symbol{background:#e3f1f7;color:var(--accent);font-size:1.3rem;border-radius:13px;display:grid;place-items:center;width:42px;height:42px}.muted{color:var(--muted);font-size:.85rem}.card p+.muted{margin-top:10px}.assistant-title{margin-bottom:7px}.input-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.input-options button{border:1px solid var(--line);background:var(--soft);padding:12px 3px;border-radius:12px;min-height:74px;font-size:.85rem}.input-options span{display:block;font-size:1.3rem;margin-bottom:6px}.input-options small{display:block;font-size:.6rem;margin-top:4px}.modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 20px}.module{display:flex;flex-direction:column;align-items:start;min-height:152px;border-radius:18px;padding:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-top:4px solid var(--module-color)}.module-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--module-color);font-size:1.3rem;margin-bottom:10px}.module h3{color:var(--module-color);margin-bottom:4px}.module p{font-size:.76rem;color:var(--muted)}.alltag{--module-color:#23765d;--tint:#e9f5ee}.verstehen{--module-color:#1766a7;--tint:#e9f3fc}.technik{--module-color:#c36422;--tint:#fff2e6}.offline{--module-color:#ac3746;--tint:#fff0f1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 3px 10px}.badge{font-size:.67rem;display:inline-block;padding:5px 9px;border-radius:20px;background:var(--soft);color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.feature{padding:17px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;min-height:116px}.feature strong{display:block;font-size:.85rem;margin-bottom:5px}.feature span{font-size:.76rem;color:var(--muted);line-height:1.4}.feature .badge{display:block;width:max-content;font-size:.6rem;margin-top:8px}.back{display:inline-block;margin:0 0 15px 4px;font-size:.85rem;font-weight:600;color:var(--accent)}.primary,.secondary{border:0;border-radius:11px;padding:12px 16px;min-height:44px;font-size:.85rem;font-weight:600}.primary{background:var(--accent);color:#fff}.secondary{background:var(--soft);border:1px solid var(--line)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row+.row{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:10}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;font-size:.65rem;color:var(--muted);gap:3px;border-radius:10px}.bottom-nav span{font-size:1.5rem;line-height:1.2}.bottom-nav a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:700}.status-bar{display:flex;justify-content:space-between;padding:10px 24px;color:var(--muted);font-size:.65rem}.toast{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(90%,460px);background:#17394f;color:#fff;padding:14px 20px;border-radius:14px;z-index:30;font-size:.85rem;box-shadow:0 8px 30px #0003}.search-input{width:100%;border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:14px;border-radius:12px;min-height:48px;margin-top:14px}.result{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.result:last-child{border:0}.result strong{display:block}.result span{color:var(--muted);font-size:.8rem}.segmented{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.segmented button{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:11px;min-height:44px}.segmented button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#fff}.backgrounds{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.backgrounds button{border:2px solid transparent;background:var(--soft);color:var(--ink);border-radius:12px;overflow:hidden;padding:0;min-width:0}.backgrounds button[aria-pressed=true]{border-color:var(--accent)}.swatch{height:56px;background:var(--sample);display:block}.backgrounds .name{display:block;padding:9px 2px;font-size:.7rem}.steps{padding-left:21px;font-size:.9rem;line-height:1.65;margin:10px 0 16px}.steps li+li{margin-top:8px}details{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}summary{font-weight:600;cursor:pointer;min-height:30px;line-height:1.5}details p{font-size:.85rem;color:var(--muted);margin-top:10px}.note{padding:13px 15px;background:var(--soft);border-radius:12px;font-size:.8rem;color:var(--muted);line-height:1.55;margin:12px 0}.empty{text-align:center;padding:28px 12px}.empty .big{font-size:2.5rem;margin-bottom:10px}.empty p{margin:8px 0 18px}select{max-width:55%;background:var(--soft);color:var(--ink);padding:10px;border:1px solid var(--line);border-radius:8px}.saved-item{margin-bottom:12px}.saved-item .row{align-items:start}.saved-item p{font-size:.82rem;color:var(--muted);margin:9px 0}body[data-background=wald] .hero{background-image:url('./assets/wald.svg')}body[data-background=see] .hero{background-image:url('./assets/see.svg')}body[data-background=morgen] .hero{background-image:linear-gradient(145deg,#edbd93,#ab899c 55%,#385c75)}body[data-background=ruhig] .hero{background-image:linear-gradient(140deg,#b7ccc3,#6e9b98 55%,#214e5a)}body[data-background=pur] .hero{background-image:linear-gradient(140deg,#527184,#214457)}:root[data-theme=dark]{--surface:#1b2c38;--soft:#12232e;--ink:#edf3f5;--muted:#a8bdca;--line:#344a59;--accent:#85c7f5;--shadow:0 7px 24px #0002;color:var(--ink);color-scheme:dark}:root[data-theme=dark] body{background:#0e1c26}:root[data-theme=dark] .primary{background:#2e79ae;color:#fff}:root[data-theme=dark] .module h3{color:var(--ink)}:root[data-theme=dark] .module-icon{background:#ffffff14;color:var(--ink)}:root[data-theme=dark] .section-label .symbol{background:#ffffff14}:root[data-theme=dark] .segmented button[aria-pressed=true]{color:#132736}@media(min-width:700px){body{padding:24px 0}.app-shell{border-radius:26px 26px 0 0;overflow:hidden}.hero{min-height:310px}}@media(prefers-reduced-motion:no-preference){.module,.primary,.secondary{transition:transform .15s}.module:hover{transform:translateY(-2px)}}@media(max-width:340px){main{padding:0 12px}.hero{padding-left:18px;padding-right:18px}.module{padding:12px}.input-options{gap:4px}.backgrounds{grid-template-columns:repeat(2,1fr)}}

h1,h2,h3,.feature strong{overflow-wrap:anywhere}.section-label>div{min-width:0}.feature,.module{min-width:0}