:root{--ground:#0e1014;--surface:#161922;--surface-2:#1c202b;--border:#ffffff17;--border-strong:#ffffff29;--text:#eaecef;--dim:#949ba8;--faint:#6a7180;--violet:#7b6cff;--teal:#24d6b4;--hoch:#ff6b5e;--mittel:#f2b23e;--niedrig:#4fa893;--col-offen:#24d6b4;--col-arbeit:#f2b23e;--col-erledigt:#6a7180;--col-backlog:#7b6cff;--glow-violet:0 0 22px #7b6cff40;--glow-teal:0 0 22px #24d6b438;--tief:0 10px 30px #00000073}*{box-sizing:border-box}html,body,#root{background:var(--ground);min-height:100%;margin:0}body{color:var(--text);font-family:Avenir Next,Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:16.5px;line-height:1.5}a{color:var(--teal)}.aurora{z-index:0;pointer-events:none;background:radial-gradient(50% 42% at 8% -6%,#7b6cff4d,#0000 62%),radial-gradient(52% 44% at 94% 108%,#24d6b42e,#0000 60%);animation:14s ease-in-out infinite auroraPuls;position:fixed;inset:0}@keyframes auroraPuls{0%,to{opacity:1}50%{opacity:.74}}.raster{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 0,#000,#0000 80%);mask-image:radial-gradient(70% 55% at 50% 0,#000,#0000 80%)}.app-huelle{z-index:1;position:relative}.kopfleiste{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);z-index:50;background:#0e1014d1;align-items:center;gap:16px;padding:18px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.marke{letter-spacing:-.02em;font-size:19px;font-weight:700}.marke small{letter-spacing:.2em;text-transform:uppercase;color:var(--teal);font-size:11px;font-weight:700;display:block}.kopf-rechts{align-items:center;gap:12px;margin-left:auto;display:flex}.inhalt{max-width:1680px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 80px}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--dim);border-radius:50px;padding:10px 18px;font-size:14px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.btn:hover{color:var(--text);border-color:var(--border-strong)}.btn.primaer{color:#fff;background:#7b6cff29;border-color:#7b6cff99}.btn.primaer:hover{box-shadow:var(--glow-violet);background:#7b6cff42}.btn.gefahr{color:var(--hoch);border-color:#ff6b5e66}.btn.gefahr:hover{border-color:#ff6b5eb3;box-shadow:0 0 22px #ff6b5e33}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.feld{font:inherit;width:100%;color:var(--text);background:var(--ground);border:1px solid var(--border);border-radius:10px;min-height:44px;padding:11px 13px;font-size:15px}.feld:focus{outline:2px solid var(--violet);outline-offset:1px}textarea.feld{resize:vertical;min-height:96px;line-height:1.55}label.etikett{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:14px 0 6px;font-size:12px;font-weight:700;display:block}.zentriert{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.karte-box{background:linear-gradient(180deg, var(--surface) 0%, #13161d 100%);border:1px solid var(--border-strong);width:100%;max-width:400px;box-shadow:var(--tief), var(--glow-violet);border-radius:18px;padding:32px}.karte-box h1{margin:0 0 4px;font-size:24px}.karte-box .unter{color:var(--dim);margin:0 0 18px;font-size:14.5px;line-height:1.5}.fehler{color:var(--hoch);margin:10px 0 0;font-size:13.5px}.kontextleiste{align-items:center;gap:10px;margin-bottom:20px;display:flex}.kontext-scroller{flex-wrap:wrap;flex:1;gap:10px;min-width:0;display:flex}.kontext-chip{font:inherit;color:var(--dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50px;min-height:44px;padding:9px 17px;font-size:14px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.kontext-chip:hover{color:var(--text);border-color:var(--border-strong)}.kontext-chip[aria-pressed=true]{color:#fff;box-shadow:var(--glow-violet);background:#7b6cff24;border-color:#7b6cffb3}.kontext-chip:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.kontext-chip .nurlese{color:var(--faint);margin-left:6px;font-size:10px}.dropdown{position:relative}.dropdown-knopf{font:inherit;color:var(--dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50px;flex:none;width:44px;height:44px;font-size:16px;transition:color .18s,border-color .18s,box-shadow .18s}.dropdown-knopf:hover{color:var(--text);border-color:var(--border-strong)}.dropdown-knopf:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.dropdown-liste{background:var(--surface);border:1px solid var(--border-strong);z-index:200;border-radius:14px;min-width:220px;max-height:60vh;padding:8px;position:absolute;top:52px;right:0;overflow-y:auto;box-shadow:0 30px 80px #0009}.dropdown-eintrag{text-align:left;width:100%;font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:11px 13px;font-size:14px;display:block}.dropdown-eintrag:hover{background:var(--surface-2);color:var(--text)}.dropdown-eintrag[aria-pressed=true]{color:#fff;background:#7b6cff24}.filterleiste{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11.5px;font-weight:700}.chip{font:inherit;color:var(--dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50px;min-height:40px;padding:9px 15px;font-size:13.5px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip[aria-pressed=true]{color:#fff;box-shadow:var(--glow-teal);background:#24d6b41f;border-color:#24d6b499}.chip:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.board{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px;display:grid}.spalte{border:1px solid var(--border);min-height:200px;box-shadow:var(--tief);background:#ffffff05;border-radius:20px;padding:16px 14px 18px;transition:border-color .18s,background .18s,box-shadow .18s}.spalte.drueber{box-shadow:var(--tief), var(--glow-violet);background:#7b6cff0f;border-color:#7b6cffb3}.spalte-kopf{align-items:center;gap:10px;padding:6px 8px 16px;display:flex}.spalte-punkt{border-radius:50%;flex:none;width:10px;height:10px}.spalte-name{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:700}.spalte-zaehler{color:var(--faint);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:50px;margin-left:auto;padding:3px 10px;font-size:12.5px;font-weight:700}.stapel{flex-direction:column;gap:12px;min-height:48px;display:flex}.karte{background:linear-gradient(180deg, var(--surface) 0%, #13161d 100%);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:15px 16px;transition:border-color .2s,box-shadow .2s,opacity .3s,transform .15s;position:relative}.karte:hover{border-color:var(--border-strong);box-shadow:var(--tief), var(--glow-violet)}.karte:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.karte.zieht{opacity:.9;border-color:var(--border-strong);box-shadow:0 22px 60px #0009,0 0 40px #7b6cff2e}.spalte[data-spalte=erledigt] .karte{opacity:.55}.spalte[data-spalte=erledigt] .karte .karte-titel{color:var(--dim);text-decoration:line-through}.karte-kopf{align-items:flex-start;gap:10px;display:flex}.prio-strich{border-radius:3px;flex:none;align-self:stretch;width:4px;min-height:22px}.prio-hoch{background:var(--hoch)}.prio-mittel{background:var(--mittel)}.prio-niedrig{background:var(--niedrig)}.karte-titel{letter-spacing:-.01em;margin:0 0 5px;font-size:16px;font-weight:700;line-height:1.35}.karte-desc{color:var(--dim);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 2px;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.karte-tags{flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;display:flex}.tag{border-radius:50px;padding:3px 10px;font-size:11.5px;font-weight:700}.tag.ctx{background:var(--surface-2);color:var(--dim);font-weight:400}.tag.proj{color:var(--teal);background:#24d6b424}.tag.faellig{color:var(--faint);background:0 0;padding-left:0;font-weight:400}.tag.faellig.ueberfaellig{color:var(--hoch);font-weight:700}.karte-fuss{color:var(--faint);align-items:center;gap:12px;margin-top:12px;font-size:12.5px;display:flex}.kuerzel{color:#fff;background:#7b6cff33;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:inline-flex}.schnelleingabe{margin-top:12px}.schnelleingabe input{font:inherit;width:100%;color:var(--text);background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:12px;min-height:44px;padding:11px 13px;font-size:14px}.schnelleingabe input:focus{outline:2px solid var(--violet);outline-offset:1px}.status-chips{flex-wrap:wrap;gap:8px;display:flex}.status-chip{font:inherit;color:var(--dim);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:50px;align-items:center;gap:7px;min-height:42px;padding:9px 16px;font-size:13.5px;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.status-chip .punkt{border-radius:50%;flex:none;width:9px;height:9px}.status-chip:hover{color:var(--text);border-color:var(--border-strong)}.status-chip:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.status-chip[aria-pressed=true]{color:#fff;box-shadow:var(--glow-violet);background:#7b6cff29;border-color:#7b6cffb3}.status-chip:disabled{cursor:default}.modal-hg{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#08090cb8;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:linear-gradient(180deg, var(--surface) 0%, #13161d 100%);border:1px solid var(--border-strong);width:100%;max-width:680px;box-shadow:0 30px 80px #0009, var(--glow-violet);border-radius:18px;padding:26px}.modal-kopf{align-items:center;gap:12px;margin-bottom:6px;display:flex}.modal-schliessen{color:var(--dim);cursor:pointer;background:0 0;border:none;width:40px;height:40px;margin-left:auto;font-size:26px;line-height:1}.modal-schliessen:hover{color:var(--text)}.reihe{flex-wrap:wrap;gap:14px;display:flex}.reihe>div{flex:1;min-width:150px}.checkzeile{align-items:center;gap:10px;padding:6px 0;display:flex}.checkzeile input[type=checkbox]{flex:none;width:20px;height:20px}.checkzeile input[type=text]{color:var(--text);font:inherit;background:0 0;border:none;flex:1;font-size:14.5px}.checkzeile.erledigt input[type=text]{color:var(--faint);text-decoration:line-through}.kommentar{border-top:1px solid var(--border);padding:12px 0;font-size:14.5px}.kommentar .meta{color:var(--faint);align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.anhang-zeile{align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.abschnitt{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.abschnitt h4{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:12px;font-weight:700}.glocke{position:relative}.glocke-knopf{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:50px;width:44px;height:44px;font-size:17px;transition:border-color .18s,box-shadow .18s}.glocke-knopf:hover{border-color:var(--border-strong)}.glocke-zahl{background:var(--hoch);color:#fff;border-radius:50px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.glocke-liste{background:var(--surface);border:1px solid var(--border-strong);z-index:100;border-radius:14px;width:340px;max-height:440px;padding:8px;position:absolute;top:52px;right:0;overflow-y:auto;box-shadow:0 30px 80px #0009}.glocke-eintrag{cursor:pointer;border-radius:10px;padding:11px;font-size:14px}.glocke-eintrag:hover{background:var(--surface-2)}.glocke-eintrag.ungelesen{background:#7b6cff14}.glocke-eintrag .zeit{color:var(--faint);margin-top:3px;font-size:11.5px}.mitglied-zeile{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.mitglied-zeile .name{flex:1}.stapel-abzeichen{letter-spacing:.04em;text-transform:uppercase;color:var(--mittel);background:#f2b23e24;border-radius:50px;padding:2px 9px;font-size:10.5px;font-weight:700}.hinweis{color:var(--faint);font-size:13px;line-height:1.6}.kopieren-box{gap:8px;margin-top:10px;display:flex}.kopieren-box input{flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}@media (width<=1180px){.board{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.board{grid-template-columns:1fr}body{font-size:16px}}@media (prefers-reduced-motion:reduce){.aurora{animation:none}.karte{transition:none}}.karte .karte-tags{margin:0 0 9px}.karte.erledigt .karte-titel{color:var(--dim);text-decoration:line-through}.tag.prio-badge{color:#0d0f14}.tag.prio-badge.hoch{background:var(--hoch)}.tag.prio-badge.mittel{background:var(--mittel)}.tag.prio-badge.niedrig{background:var(--niedrig);color:var(--text)}.tag.prio-badge.glueht{box-shadow:0 0 14px #ff5c5ca6}.karte-checkliste{flex-direction:column;gap:4px;margin-top:10px;display:flex}.karte-checkzeile{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;padding:2px 0;font-size:13.5px;line-height:1.45;display:flex}.karte-checkzeile input[type=checkbox]{width:16px;height:16px;accent-color:var(--violet);cursor:pointer;flex:none;margin-top:2px}.karte-checkzeile.erledigt span{color:var(--dim);text-decoration:line-through}.karte-check-mehr{color:var(--violet-hell,#a99bff);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:3px 0;font-size:12.5px;font-weight:700}.karte-check-mehr:hover{text-decoration:underline}.karte-anhaenge{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.karte-anhang{color:var(--text);background:var(--surface-2);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:50px;max-width:100%;padding:3px 10px;font-size:12px;font-weight:600;text-decoration:none;overflow:hidden}.karte-anhang:hover{border-color:var(--border-strong);box-shadow:var(--glow-teal)}.kuerzel.anhang{background:var(--surface-2);border:1px solid var(--border);font-size:12px}.karte-statusleiste{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;margin-top:11px;padding-top:10px;display:flex}.karte-statusknopf{border:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--dim);cursor:pointer;border-radius:50px;padding:5px 11px;font-size:12px;font-weight:700;transition:border-color .15s,box-shadow .15s,color .15s}.karte-statusknopf:hover{color:var(--text);border-color:var(--border-strong);box-shadow:var(--glow-violet)}.karte-statusknopf.fertig:hover{box-shadow:var(--glow-teal)}.karte-statusknopf:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.karte.ziehbar{touch-action:manipulation}.karte.zieht-frei{opacity:.95;border-color:var(--border-strong);transition:none;transform:rotate(1.5deg);box-shadow:0 22px 60px #0009,0 0 40px #7b6cff47}.platzhalter{background:#7b6cff0f;border:2px dashed #7b6cff73;border-radius:16px}.prio-chips{flex-wrap:wrap;gap:6px;display:flex}.prio-chip{border:1px solid var(--border);background:var(--surface-2);min-width:44px;min-height:40px;color:var(--dim);cursor:pointer;border-radius:12px;font-size:14px;font-weight:800;transition:border-color .15s,box-shadow .15s,color .15s,background .15s}.prio-chip:hover{color:var(--text);border-color:var(--border-strong);box-shadow:var(--glow-violet)}.prio-chip[aria-pressed=true].hoch{background:var(--hoch);color:#0d0f14;border-color:var(--hoch)}.prio-chip[aria-pressed=true].mittel{background:var(--mittel);color:#0d0f14;border-color:var(--mittel)}.prio-chip[aria-pressed=true].niedrig{background:var(--niedrig);color:var(--text);border-color:var(--border-strong)}.prio-chip[aria-pressed=true].glueht{box-shadow:0 0 18px #ff5c5cb3}.prio-chip:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.prio-chip:disabled{opacity:.55;cursor:default}.datum-feld{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.datum-feld .feld{flex:1;min-width:130px}.datum-feld input[type=date]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0}.datum-feld.ungueltig .feld{border-color:var(--hoch)}.datum-fehler{color:var(--hoch);flex-basis:100%;margin:2px 0 0;font-size:12.5px}.karte.ziehbar{-webkit-user-select:none;user-select:none}.karte-check-mehr:focus-visible,.karte-anhang:focus-visible,.datum-picker:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:6px}@media (width<=700px){.karte-statusknopf{min-height:44px;padding:8px 14px;font-size:13px}.karte-checkzeile{padding:6px 0}.karte-checkzeile input[type=checkbox]{width:20px;height:20px}.karte-anhang{padding:8px 12px}}