/* Ruhiger Arbeitsraum mit gleicher Hierarchie beim Lesen und Bearbeiten. */
:root{color-scheme:light dark;--bg:#f6f8f9;--surface:#fff;--ink:#182a32;--muted:#61757e;--line:#dde6e9;--accent:#096a70;--wash:#eaf4f3;--shadow:0 16px 48px #193d4510;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse 1000px 600px at 80% 0,#dcefed65,transparent 80%),var(--bg)}button,input,textarea{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button,label,summary{cursor:pointer}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[contenteditable]:focus-visible{outline:3px solid #14958e;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.3rem,4.5vw,3.8rem);letter-spacing:-.055em;line-height:1.08;white-space:pre-line;overflow-wrap:anywhere;font-weight:680}h2{font-size:1.2rem;letter-spacing:-.025em;line-height:1.35}h3{font-size:.95rem;line-height:1.5}button:disabled{opacity:.35;cursor:default}
.site-header{height:88px;max-width:1200px;margin:auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.22rem;font-weight:720;color:var(--ink);letter-spacing:-.03em}.brand img{border-radius:10px;width:34px;height:34px}.site-header .quiet{padding:8px 14px;font-size:.8rem;min-height:38px;background:transparent}.button,.quiet{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:11px;border:1px solid var(--line);padding:11px 18px;text-decoration:none;font-size:.88rem;font-weight:580;transition:background .15s,box-shadow .15s}.button{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 3px 9px #096a7014}.button:hover{background:#07585e}.quiet{background:var(--surface);color:var(--ink)}.quiet:hover{background:var(--wash)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.eyebrow{font-size:.65rem;letter-spacing:.14em;color:var(--muted);font-weight:720;text-transform:uppercase;margin-bottom:16px}.lead{font-size:1.04rem;line-height:1.85;color:var(--muted)}.muted{color:var(--muted);font-size:.84rem;line-height:1.65}main{max-width:1200px;margin:auto;padding:48px 32px 64px;min-height:calc(100dvh - 170px)}
.landing{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;margin:20px 0 64px}.landing-intro .eyebrow{color:var(--accent)}.landing-intro .lead{max-width:430px;margin-top:22px}.landing-features{display:grid;gap:22px;margin-top:38px}.feature{display:flex;gap:18px;align-items:start}.feature-number{font-size:.72rem;font-weight:650;color:var(--accent);letter-spacing:.08em;border-top:1px solid var(--accent);padding-top:7px;min-width:27px}.feature h3{font-weight:650}.feature p{font-size:.84rem;color:var(--muted);margin-top:4px;line-height:1.6}.start-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.start-panel>.eyebrow{margin-bottom:8px}.start-panel>h2{font-size:1.55rem;letter-spacing:-.04em}.dropzone{border:1px dashed #b2c9cc;background:linear-gradient(140deg,var(--wash),var(--surface));border-radius:15px;padding:24px 20px;text-align:center;margin:24px 0}.upload-symbol{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--accent);font-size:1.7rem}.dropzone h3{font-size:.98rem;font-weight:650}.dropzone p{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:5px}.picker{margin:18px 0 12px}.picker .button{min-width:180px}.picker:focus-within label{outline:3px solid #14958e;outline-offset:3px}.divider-label{text-align:center;color:var(--muted);font-size:.6rem;letter-spacing:.12em;font-weight:650;margin:18px 0}.create-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-option{border:1px solid var(--line);background:var(--surface);border-radius:13px;text-align:left;padding:18px 14px;color:var(--ink);display:flex;flex-direction:column;gap:7px;min-width:0;transition:border-color .15s,background .15s}.create-option:hover{background:var(--wash);border-color:var(--accent)}.create-symbol{font-size:1.35rem;line-height:1;color:var(--accent);margin-bottom:3px}.create-option strong{font-size:.84rem;font-weight:650}.create-option .muted{font-size:.7rem}.local-note{text-align:center;color:var(--muted);font-size:.7rem;line-height:1.7;margin-top:22px}.example-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:28px 0}.example-copy h2{font-size:.96rem}.example-copy p{font-size:.8rem;color:var(--muted);margin-top:7px}.demo-buttons{display:flex;gap:10px;flex-wrap:wrap}.demo-buttons .quiet{background:transparent;font-size:.8rem}.error{background:#fcebe9;color:#aa3028;border:1px solid #ebc3be;border-radius:12px;padding:14px;margin:18px 0;line-height:1.6;font-size:.85rem}
.document-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 28px;padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:30px}.document-heading h1{font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:-.045em;line-height:1.2}.document-heading .eyebrow{margin-bottom:10px;color:var(--accent)}.reader-actions,.editor-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reader-actions .quiet,.editor-toolbar .quiet{background:transparent}.document-header>.muted,.editor-status{grid-column:1/-1;color:var(--muted);font-size:.75rem;line-height:1.6}.document-header>[role=status]:empty{display:none}.workspace-grid{display:grid;grid-template-columns:205px minmax(0,1fr);gap:40px;align-items:start}.workspace-sidebar{position:sticky;top:24px;min-width:0}.workspace-sidebar .eyebrow{margin:4px 0 15px;padding-left:12px;font-size:.6rem}.tabs{display:flex;flex-direction:column;gap:5px;min-width:0}.tab{display:flex;align-items:center;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);padding:12px;min-height:44px;font-size:.85rem;font-weight:550;white-space:normal;line-height:1.4}.tab:hover{background:var(--surface);color:var(--ink)}.tab[aria-current=page]{color:var(--accent);background:var(--wash);border-color:#096a7017;font-weight:650}.sidebar-note{border-top:1px solid var(--line);padding:18px 12px;margin-top:24px;font-size:.72rem;line-height:1.8;color:var(--muted)}.document-body,.editor-form{min-width:0}.entries{display:grid;gap:12px}.entries>.muted{margin-bottom:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px;overflow-wrap:anywhere}.link-title{font-size:1.02rem;font-weight:650;text-decoration:none;line-height:1.5}.link-title:hover{text-decoration:underline}.domain{font-size:.74rem;color:var(--muted);margin:6px 0}.note{white-space:pre-line;font-size:.88rem;line-height:1.8;margin-top:12px}.task{display:flex;align-items:center;gap:12px}.task input{width:18px;height:18px;accent-color:var(--accent);flex:none}.task h3{font-weight:550}.task:has(input:checked) h3{color:var(--muted)}.report>.eyebrow{color:var(--accent);font-size:.6rem}.report>h2{font-size:1.6rem;line-height:1.3;letter-spacing:-.035em}.report{padding:32px;min-width:0}.sheet{line-height:1.85;margin-top:28px;font-size:.94rem}.sheet p,.sheet ul,.sheet ol,.sheet blockquote,.sheet pre{margin:0 0 18px}.sheet h1,.sheet h2,.sheet h3,.sheet h4{margin:28px 0 12px;line-height:1.4;letter-spacing:-.025em}.sheet h1{font-size:1.9rem}.sheet h2{font-size:1.3rem}.sheet table{border-collapse:collapse;display:block;max-width:100%;overflow-x:auto;margin:24px 0;font-size:.83rem}.sheet th,.sheet td{padding:12px;border:1px solid var(--line);text-align:left;min-width:110px}.sheet th{background:var(--wash);font-weight:600}.sheet pre{overflow-x:auto;padding:16px;background:var(--bg);border-radius:10px}.sheet blockquote{border-left:3px solid var(--accent);padding-left:18px;color:var(--muted)}
.editor-form,.editor-entries{display:grid;gap:12px}.editor-form>.card>h2{margin-bottom:8px}.field{display:flex;flex-direction:column;gap:8px;font-size:.73rem;font-weight:600;margin:20px 0;color:var(--muted)}.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);min-height:44px;font:inherit;font-size:.9rem;font-weight:400;transition:border-color .15s}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;line-height:1.65}.project-toggle{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:.84rem}.project-toggle input{width:18px;height:18px;accent-color:var(--accent)}.panel-heading{margin-bottom:22px}.panel-heading h2{font-size:1.25rem;margin-bottom:7px}.edit-entry{padding:0 20px}.entry-summary{display:flex;align-items:center;gap:16px;list-style:none;padding:18px 0;min-height:78px}.entry-summary::-webkit-details-marker{display:none}.entry-number{font-size:.7rem;color:var(--muted);font-weight:550}.entry-summary-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.entry-summary-copy strong{font-size:.9rem;font-weight:620;overflow-wrap:anywhere}.entry-summary-copy .muted{font-size:.72rem}.disclosure{font-size:1.1rem;color:var(--muted)}details[open]>.entry-summary{border-bottom:1px solid var(--line)}details[open] .disclosure{transform:rotate(180deg)}.entry-bar{display:flex;justify-content:flex-end;margin-top:16px}.entry-actions{display:flex;gap:6px;flex-wrap:wrap}.small-button{border:1px solid var(--line);background:var(--bg);color:var(--muted);border-radius:8px;padding:8px 11px;min-height:44px;min-width:44px;font-size:.73rem}.small-button:hover{color:var(--ink);background:var(--wash)}.danger{color:#b74242}.editor-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.editor-add .quiet{font-size:.8rem}.editor-sheet>h2{margin-bottom:18px}.editor-sheet>.muted{font-size:.77rem;margin-bottom:16px}.rich-editor{min-height:280px;max-height:65vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:22px;background:var(--bg);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px}.editor-sheet .danger{margin-top:22px;font-size:.73rem;background:transparent}
footer{max-width:1200px;margin:auto;padding:24px 32px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:18px;font-size:.72rem;color:var(--muted)}footer span{flex:1;min-width:200px}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}body.dragging::after{content:'Datei hier ablegen · Drop file here';position:fixed;inset:16px;display:grid;place-items:center;background:#096a70ed;color:white;border:2px dashed white;border-radius:20px;z-index:10;font-size:1.4rem;pointer-events:none}
@media(prefers-color-scheme:dark){:root{--bg:#111b21;--surface:#18262d;--ink:#e7eff1;--muted:#9dafb8;--line:#2b3c44;--accent:#65cfc3;--wash:#1c3539;--shadow:0 16px 48px #0002}body{background:radial-gradient(ellipse 1000px 600px at 80% 0,#1c393d60,transparent 80%),var(--bg)}.button{background:#187a77;border-color:#187a77;color:white}.button:hover{background:#1e8c87}.dropzone{border-color:#3c5c62}.error{background:#3b2324;color:#ffc1b8;border-color:#5c3334}.danger{color:#ed9d95}}
@media(max-width:900px){.landing{gap:32px;grid-template-columns:1fr 1fr}.start-panel{padding:24px}.workspace-grid{grid-template-columns:170px minmax(0,1fr);gap:24px}.reader-actions,.editor-toolbar{gap:6px}.reader-actions button,.editor-toolbar button{font-size:.78rem;padding:10px 12px}.example-strip{align-items:start;flex-direction:column}}
@media(max-width:680px){.site-header{height:72px;padding:0 20px}main{padding:32px 20px 42px}.landing{grid-template-columns:1fr;gap:30px;margin:0 0 34px}.landing-intro h1{font-size:2.65rem}.landing-intro .lead{font-size:.94rem;margin-top:18px}.landing-features{display:none}.start-panel{padding:22px;border-radius:20px}.start-panel>h2{font-size:1.35rem}.example-strip{gap:18px}.demo-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr}.demo-buttons button{padding:10px;font-size:.73rem;line-height:1.5}.document-header{grid-template-columns:1fr;gap:16px;margin-bottom:20px;padding-bottom:22px}.document-heading h1{font-size:1.9rem}.document-heading .eyebrow{font-size:.6rem}.reader-actions,.editor-toolbar{display:flex;flex-wrap:wrap}.reader-actions .button,.editor-toolbar .button{margin-left:auto}.workspace-grid{grid-template-columns:1fr;gap:20px}.workspace-sidebar{position:sticky;top:0;z-index:3;background:var(--bg);margin:0 -20px;padding:10px 20px;border-bottom:1px solid var(--line)}.workspace-sidebar>.eyebrow,.sidebar-note{display:none}.tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:4px}.tab{flex:none;white-space:nowrap;padding:10px 12px;min-height:44px;font-size:.78rem}.card{padding:20px}.edit-entry{padding:0 16px}.entry-summary{gap:12px}.report{padding:24px 20px}.report>h2{font-size:1.35rem}.rich-editor{padding:16px}.editor-status{font-size:.72rem}.editor-form>.card>h2{font-size:1.1rem}.field{margin:18px 0}.entry-actions{gap:6px}footer{padding:22px 20px;gap:12px;font-size:.7rem}.local-note{font-size:.68rem}.create-option{padding:15px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}