:root{--color-background: #0e0e10;--color-surface: #16161a;--color-surface-hover: #1e1e24;--color-border: #26262e;--color-text: #e8e8ec;--color-text-muted: #8a8a94;--color-auf-akzent: #0e0e10;--color-accent-heute: #7aa2f7;--color-accent-notizen: #9ece6a;--color-accent-statistik: #bb9af7;--color-accent-kalender: #7dcfff;--color-accent-timeline: #e0af68;--color-accent-aufgaben: #f7768e;--color-accent-ziele: #73daca;--color-accent-chat: #ff9e64;--color-accent-motivation: #f2c97d;--color-accent-datenanalyse: #7dcfcf;--color-accent-buttons: #c0a0e0;--color-accent-board-portal: #d9f0c0;--color-zusatz-rot: #f7768e;--color-zusatz-orange: #ff9e64;--color-zusatz-gelb: #e0af68;--color-zusatz-gruen: #9ece6a;--color-zusatz-blau: #73daca;--color-prio-sehrhoch: var(--color-zusatz-rot);--color-prio-hoch: var(--color-zusatz-orange);--color-prio-mittel: var(--color-zusatz-gelb);--color-prio-niedrig: var(--color-zusatz-gruen);--color-prio-freizeit: var(--color-zusatz-blau);--color-ampel-rot: var(--color-zusatz-rot);--color-ampel-amber: var(--color-zusatz-orange);--color-ampel-gruen: var(--color-zusatz-gruen);--color-status-ok: var(--color-zusatz-gruen);--color-warn: var(--color-zusatz-rot);--color-warn-mild: var(--color-zusatz-gelb);--color-scrim: #0d0b14;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-titel: var(--font-family);--font-family-untertitel: var(--font-family);--font-family-bedien: var(--font-family);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 20px;--font-size-xl: 28px;--font-weight-normal: 400;--font-weight-mittel: 500;--font-weight-halbfett: 600;--font-weight-fett: 700;--line-height-eng: 1.3;--line-height-normal: 1.5;--letter-spacing-normal: normal;--letter-spacing-weit: .05em;--border-width: 1px;--griff-linie: #4a4a54;--transition-schnell: .15s ease;--transition-normal: .2s ease;--focus-ring: 0 0 0 2px var(--color-accent-heute);--scrollbar-groesse: 10px;--scrollbar-griff: #3a3a44;--scrollbar-griff-hover: #4a4a54;--icon-sm: 16px;--icon-md: 20px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 6px 16px -8px rgba(0, 0, 0, .55);--shadow-lg: 0 14px 28px -8px rgba(0, 0, 0, .7);--opacity-gedimmt: .5;--opacity-schwach: .7;--blur-klein: 2px;--blur-glas: 3px;--pie-idle-fill: var(--color-border);--pie-idle-stroke: var(--griff-linie);--pie-wall: var(--color-surface);--pie-wall-stroke: var(--color-border);--pie-deep-fill: var(--color-surface-hover);--pie-deep-stroke: var(--color-border);--pie-sub-fill: var(--color-surface-hover);--pie-sub-stroke: var(--color-border);--pie-hub-fill: var(--color-surface-hover);--pie-hub-stroke: var(--color-border);--pie-label-mono: var(--color-text-muted);--pie-name-idle: var(--color-text-muted);--pie-symbol-idle: color-mix(in srgb, var(--color-text-muted) 60%, var(--color-text));--pie-sub-symbol-idle: color-mix(in srgb, var(--color-text-muted) 45%, var(--color-text));--pie-act-fill: color-mix(in srgb, var(--color-accent-aufgaben) 30%, var(--color-background));--pie-act-stroke: color-mix(in srgb, var(--color-accent-aufgaben) 55%, var(--color-text));--pie-wall-act: color-mix(in srgb, var(--color-accent-aufgaben) 20%, var(--color-background));--pie-wall-act-stroke: color-mix(in srgb, var(--color-accent-aufgaben) 60%, var(--color-surface-hover));--pie-sub: color-mix(in srgb, var(--color-accent-aufgaben) 30%, var(--color-border));--pie-name-akt: color-mix(in srgb, var(--color-accent-aufgaben) 40%, var(--color-text));--pie-symbol-akt: color-mix(in srgb, var(--color-accent-aufgaben) 22%, var(--color-text));--pie-sub-symbol-akt: var(--color-text)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:var(--font-family-bedien)}label{font-family:var(--font-family-untertitel)}input.zahl-feld{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input.zahl-feld::-webkit-outer-spin-button,input.zahl-feld::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-griff) transparent}*::-webkit-scrollbar{width:var(--scrollbar-groesse);height:var(--scrollbar-groesse)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-griff);border-radius:var(--radius-xs);border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-griff-hover)}*::-webkit-scrollbar-corner{background:transparent}@keyframes pulsieren{0%,to{opacity:1}50%{opacity:.4}}@keyframes medienEinblenden{0%{opacity:0}to{opacity:1}}@keyframes kachelHighlight{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent-heute) 90%,transparent)}to{box-shadow:0 0 0 3px transparent}}.kachel-highlight{animation:kachelHighlight 1.2s ease-out;border-radius:var(--radius-lg)}[data-raster-id]{scroll-margin:80px}@keyframes randPulsieren{0%,to{border-color:var(--color-warn);box-shadow:0 0 8px color-mix(in srgb,var(--color-warn) 55%,transparent)}50%{border-color:color-mix(in srgb,var(--color-warn) 25%,transparent);box-shadow:0 0 2px color-mix(in srgb,var(--color-warn) 10%,transparent)}}.kachel-rand-pulsiert{animation:randPulsieren 2s ease-in-out infinite}.raster-resize{border-right:2px solid var(--griff-linie);border-bottom:2px solid var(--griff-linie);border-bottom-right-radius:var(--radius-xs);opacity:var(--opacity-schwach);touch-action:none}.raster-resize:hover{border-right-color:var(--color-text-muted);border-bottom-color:var(--color-text-muted);opacity:1}.raster-ebene{opacity:.25;transition:opacity var(--transition-schnell)}[data-raster-id]:hover .raster-ebene{opacity:.9}.raster-ebene button:hover{color:var(--color-text);border-color:var(--color-text-muted)}.portal-badge{background:color-mix(in srgb,var(--color-background) 78%,transparent);border:var(--border-width) solid rgba(255,255,255,.12);border-radius:7px;box-shadow:0 4px 12px #0006;backdrop-filter:blur(var(--blur-glas));-webkit-backdrop-filter:blur(var(--blur-glas));transform-origin:bottom right;transition:transform var(--transition-normal),background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.portal-badge:hover{transform:translateY(-2px) scale(1.08);background:#161e12e6;border-color:var(--color-accent-notizen);box-shadow:0 14px 28px -8px #000000b3,0 0 18px color-mix(in srgb,var(--color-accent-notizen) 34%,transparent)}.portal-mini-tile{position:absolute;border-radius:2px;background:color-mix(in srgb,var(--c) 30%,transparent);border:var(--border-width) solid color-mix(in srgb,var(--c) 80%,transparent);transition:background var(--transition-normal),border-color var(--transition-normal)}.portal-badge:hover .portal-mini-tile{background:color-mix(in srgb,var(--c) 45%,transparent);border-color:var(--c)}.portal-badge-arrow{transition:color var(--transition-normal)}.portal-badge:hover .portal-badge-arrow{color:#d9f0c0;animation:portalBob 1s ease-in-out infinite}@keyframes portalBob{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}.portal-badge-label{opacity:0;transform:translateY(4px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.portal-badge:hover .portal-badge-label{opacity:1;transform:translateY(0)}.timer-laeuft{animation:timerPuls 1.8s ease-in-out infinite}@keyframes timerPuls{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 16px 1px color-mix(in srgb,var(--color-accent-notizen) 40%,transparent)}}.notiz-eintrag,.zeile-hover{transition:box-shadow var(--transition-schnell),transform var(--transition-schnell),background-color var(--transition-schnell)}.notiz-eintrag:hover,.zeile-hover:hover{box-shadow:inset 0 0 0 1px var(--color-accent-notizen),var(--shadow-md),0 0 12px color-mix(in srgb,var(--color-accent-notizen) 18%,transparent);transform:translateY(-1px)}tr.zeile-hover:hover{box-shadow:none;transform:none;background-color:color-mix(in srgb,var(--color-accent-notizen) 9%,transparent)}.chat-text a{color:var(--color-accent-heute);text-decoration:none}.chat-text a:hover{text-decoration:underline}.chat-text ul.chat-liste{margin:2px 0;padding-left:18px;list-style:disc}.chat-text ul.chat-liste li{margin:1px 0}.richtext-edit:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.richtext-edit h1{font-size:1.5em;margin:.25em 0}.richtext-edit h2{font-size:1.3em;margin:.25em 0}.richtext-edit h3{font-size:1.1em;margin:.25em 0}.richtext-edit p{margin:.25em 0}.richtext-edit ul,.richtext-edit ol{margin:.25em 0;padding-left:1.4em}.richtext-edit a,.richtext-anzeige a{color:var(--color-accent-heute)}.blockhost{outline:none}.blockhost>*{margin-left:0}.blockhost li{margin:.12em 0}.blockhost ::selection{background:color-mix(in srgb,var(--color-accent-notizen) 32%,transparent)}.blockhost .dpl-btn-edit{display:inline-flex;align-items:center;gap:6px;margin:.35em 0;padding:5px 13px;border-radius:var(--radius-sm);font-weight:var(--font-weight-halbfett);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;line-height:var(--line-height-eng)}.blockhost .dpl-btn-edit:after{content:"↗";opacity:.65;font-size:.85em;margin-left:2px}.blockhost .dpl-btn-edit[data-art=notiz]:after,.blockhost .dpl-btn-edit[data-art=aufgabe]:after,.blockhost .dpl-btn-edit[data-art=projekt]:after{content:"→"}.login-person-knopf{transition:border-color var(--transition-schnell),background-color var(--transition-schnell),box-shadow var(--transition-schnell),transform var(--transition-schnell)}.login-person-knopf:hover{background-color:color-mix(in srgb,var(--color-accent-heute) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent-heute) 55%,transparent)}.login-person-knopf:active{transform:scale(.95)}.login-person-knopf[data-aktiv=true]{border-color:var(--color-accent-heute);background-color:color-mix(in srgb,var(--color-accent-heute) 18%,transparent);box-shadow:var(--focus-ring)}