:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#102746;background:#f5f8f7;--navy:#102746;--teal:#0d8a82;--teal-dark:#08726d;--mint:#e8f6f3;--line:#d8e4e5;--muted:#687b93;--warning:#f2a93b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#eef8f6 0,#fff 31%,#f1f5f7 100%)}button,input,textarea{font:inherit}button{touch-action:manipulation}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(.72rem + env(safe-area-inset-top)) 1rem .72rem;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.68rem;background:var(--navy);color:#fff;font-size:.72rem}.app-shell{width:min(100%,46rem);margin:auto;padding:1rem 1rem calc(8rem + env(safe-area-inset-bottom))}.hero{margin-top:1rem;padding:clamp(1.45rem,7vw,3rem);border-radius:1.7rem;background:var(--navy);color:#fff;box-shadow:0 24px 60px #15324a2b}.hero h1,.view-heading h1{margin:.25rem 0 1rem;font-size:clamp(2.25rem,11vw,4.2rem);line-height:.98;letter-spacing:-.052em}.hero>p:not(.eyebrow):not(.privacy-note){color:#d7e4ea;line-height:1.58}.eyebrow{margin:0 0 .4rem;color:var(--teal);font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hero .eyebrow{color:#6de1d7}.token-field{display:grid;gap:.4rem;margin:1.4rem 0 .65rem;color:#d7e4ea;font-size:.76rem;font-weight:700}.token-field input,.capture-card textarea,.speech-dialog textarea{width:100%;border:1px solid var(--line);border-radius:1rem;padding:.95rem 1rem;background:#fff;color:var(--navy);outline:none}.token-field input:focus,.capture-card textarea:focus,.speech-dialog textarea:focus{border-color:#55c9bf;box-shadow:0 0 0 3px #55c9bf30}.primary,.secondary,.text-button,.quiet,.compact-control,.voice-button,.text-link{min-height:3rem;border:0;border-radius:.92rem;padding:.75rem 1rem;font-weight:780;cursor:pointer}.primary{background:linear-gradient(135deg,var(--teal-dark),#11a098);color:#fff}.primary:disabled{background:#aac4c4;cursor:wait}.secondary{background:#fff;color:var(--navy);border:1px solid #cbdadd}.text-button,.quiet,.text-link{background:transparent;color:inherit}.text-link{padding:.5rem 0;color:var(--teal-dark);text-align:left}.wide{width:100%;margin-top:1rem}.hero .primary{width:100%;background:#6de1d7;color:#103745}.hero .text-button{width:100%;color:#fff}.privacy-note,.support-note{margin:.85rem 0 0;color:#adc3ce;font-size:.74rem;line-height:1.4}.support-note{color:var(--muted)}.workspace{display:grid;gap:1rem}.app-view{display:grid;gap:1rem}.journey-head{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:.3rem .1rem}.journey-head h1{margin:0;font-size:clamp(1.75rem,8vw,2.7rem);letter-spacing:-.035em}.step-pill,.pill{white-space:nowrap;padding:.38rem .58rem;border-radius:999px;background:var(--mint);color:var(--teal-dark);font-size:.7rem;font-weight:800}.question-card,.content-card,.capture-card,.map-card,.technical-card{padding:1.1rem;border-radius:1.2rem;background:#fffffff5;border:1px solid var(--line);box-shadow:0 10px 30px #15324a0c}.question-card{position:sticky;top:4.2rem;z-index:4;border-color:#9bd6d1;background:#f5fffd}.question-label{margin:0;color:var(--teal);font-size:.72rem;font-weight:800}.question-card h2{margin:.35rem 0 0;font-size:clamp(1.35rem,6vw,2rem);line-height:1.16;letter-spacing:-.025em}.focus-tools{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.compact-control{background:#fff;border:1px solid var(--line);color:var(--teal-dark);font-size:.82rem}.capture-card{display:grid;gap:.65rem}.capture-card label{font-weight:800}.capture-card textarea{min-height:8.5rem;resize:vertical;line-height:1.5}.capture-tools,.heading-row,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.capture-tools>span{color:var(--muted);font-size:.75rem}.voice-button{display:flex;align-items:center;gap:.45rem;background:var(--mint);color:var(--teal-dark);border:1px solid #bce1dc}.voice-button span{font-size:.72rem}.voice-button.unsupported{background:#f2f4f5;color:#6f7e8e;border-color:#d7dee3}.map-card h2,.content-card h2,.content-card h3,.sheet-dialog h2{margin:.15rem 0}.map-list,.choice-list{display:grid;gap:.65rem;margin-top:1rem}.map-item,.choice,.theme-item{width:100%;display:grid;gap:.18rem;text-align:left;padding:.9rem;border-radius:.92rem;background:#eff8f6;border:1px solid transparent;color:var(--navy)}button.map-item,button.choice{cursor:pointer}.map-item.active{border-color:var(--teal)}.map-item span,.empty,.view-explainer{color:var(--muted);font-size:.8rem}.choice{background:#fff;border-color:var(--line)}.clarify{border-color:#efc983;background:#fffaf0}.success{border-color:#8ed5b7;background:#f1fbf6}.content-card ul{padding-left:1.15rem;line-height:1.5}.technical-card summary{cursor:pointer;font-weight:750}.technical-card pre{overflow:auto;padding:.8rem;border-radius:.7rem;background:var(--navy);color:#e0ebef;font-size:.7rem}.action-dock{position:sticky;bottom:calc(5.45rem + env(safe-area-inset-bottom));z-index:8;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.6rem;padding:.62rem;border-radius:1.12rem;background:#f4f7f6f2;box-shadow:0 10px 35px #15324a2b;backdrop-filter:blur(14px)}.focus-mode .action-dock{bottom:calc(.65rem + env(safe-area-inset-bottom))}.action-dock .primary:only-child{grid-column:1/-1}.status{color:var(--muted);font-size:.76rem;text-align:center;line-height:1.4}.busy{opacity:.66;pointer-events:none}.standalone-view{padding:.4rem 0 1rem}.view-heading h1{font-size:clamp(2rem,10vw,3.6rem)}.segmented{display:grid;grid-template-columns:1fr 1fr;border-radius:1rem;background:#edf1f3;overflow:hidden}.segmented button{min-height:3rem;border:0;background:transparent;color:var(--navy);font-weight:750}.segmented button.active{background:linear-gradient(135deg,var(--teal-dark),#11a098);color:#fff}.timeline{position:relative}.timeline .map-item{position:relative;padding-left:1.1rem;border-color:var(--line);background:#fff}.theme-item{border-color:var(--line);background:#fff}.theme-item strong{font-size:1rem}.theme-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}.theme-tags span{padding:.28rem .5rem;border-radius:999px;background:var(--mint);color:var(--teal-dark);font-size:.7rem}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.result-grid article{display:grid;gap:.2rem;padding:1rem .6rem;border:1px solid var(--line);border-radius:1rem;background:#fff;text-align:center}.result-grid strong{font-size:1.7rem;color:var(--teal-dark)}.result-grid span{font-size:.68rem;color:var(--muted)}.bottom-nav{position:fixed;z-index:15;left:50%;bottom:0;width:min(100%,46rem);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);padding:.55rem .5rem calc(.55rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -12px 30px #15324a12;backdrop-filter:blur(16px)}.bottom-nav button{position:relative;display:grid;place-items:center;gap:.18rem;min-height:3.7rem;border:0;background:transparent;color:#6e7c91;font-size:.65rem}.bottom-nav button>span:first-child{font-size:1.1rem}.bottom-nav button.active{color:var(--teal-dark);font-weight:800}.bottom-nav button.active:after{content:"";position:absolute;bottom:-.22rem;width:2.1rem;height:.2rem;border-radius:99px;background:var(--teal)}.nav-badge{position:absolute;top:.12rem;right:21%;min-width:1.15rem;padding:.1rem .28rem;border-radius:99px;background:#ef526d;color:#fff;font-size:.62rem}.sheet-dialog,.speech-dialog{width:min(calc(100% - 1.2rem),44rem);max-height:88vh;margin:auto auto 0;border:0;border-radius:1.6rem 1.6rem 0 0;padding:1.25rem;background:#fff;color:var(--navy);box-shadow:0 -20px 70px #0d223d40}.sheet-dialog::backdrop,.speech-dialog::backdrop{background:#102746a6}.sheet-handle{width:4rem;height:.32rem;margin:-.45rem auto 1rem;border-radius:99px;background:#dce3e8}.dialog-head h2{font-size:1.7rem}.dialog-head .quiet{font-size:1.7rem;padding:.2rem .6rem}.speech-dialog{height:100vh;max-height:100vh;border-radius:0;display:none;grid-template-rows:auto auto 1fr auto auto auto;gap:1rem}.speech-dialog[open]{display:grid}.speech-orb{align-self:center;display:flex;align-items:center;justify-content:center;gap:.38rem;height:9rem}.speech-orb span{width:.45rem;border-radius:99px;background:var(--teal);animation:pulse 1s ease-in-out infinite}.speech-orb span:nth-child(1),.speech-orb span:nth-child(5){height:2.4rem}.speech-orb span:nth-child(2),.speech-orb span:nth-child(4){height:4.6rem;animation-delay:.12s}.speech-orb span:nth-child(3){height:6.5rem;animation-delay:.24s}.speech-state{text-align:center;color:var(--teal-dark);font-weight:800}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.source-text{white-space:pre-wrap;padding:1rem;border-radius:1rem;background:#f2f7f6;line-height:1.55}.source-text:empty:before{content:"Noch kein gespeicherter Originalbeitrag verfügbar.";color:var(--muted)}@keyframes pulse{50%{transform:scaleY(.55);opacity:.62}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:760px){.app-shell{padding-top:2rem}.hero .primary,.hero .text-button{width:auto}.hero .text-button{margin-left:.6rem}.bottom-nav{bottom:.6rem;border:1px solid var(--line);border-radius:1.2rem}.sheet-dialog,.speech-dialog{margin:auto;border-radius:1.6rem;max-height:90vh}.speech-dialog{height:auto}}