@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--paper: #0a0e27;--paper-line: #1a1f3a;--margin-red: #ff006e;--ink: #f0f0f0;--ink-soft: #a0a0b0;--ink-blue: #00d4ff;--ink-blue-deep: #0099cc;--highlight: #00ff88;--prio-hoch: #ff006e;--prio-mittel: #ffa500;--prio-niedrig: #00ff88;--status-offen: #00d4ff;--status-arbeit: #7c3aed;--status-erledigt: #00ff88;--surface: #131829;--border: #2a2f4a;--shadow: 0 8px 32px rgba(0, 212, 255, .08), 0 20px 48px rgba(124, 58, 237, .06);--radius: 12px;--glow: 0 0 20px rgba(0, 212, 255, .3);--font-display: "Outfit", sans-serif;--font-hand: "Space Mono", monospace;--font-body: "Inter", system-ui, sans-serif}:root[data-theme=dark]{--paper: #0a0e27;--paper-line: #1a1f3a;--margin-red: #ff006e;--ink: #f0f0f0;--ink-soft: #a0a0b0;--ink-blue: #00d4ff;--ink-blue-deep: #0099cc;--highlight: #00ff88;--surface: #131829;--border: #2a2f4a;--shadow: 0 8px 32px rgba(0, 212, 255, .08), 0 20px 48px rgba(124, 58, 237, .06)}:root[data-theme=light]{--paper: #f5f7ff;--paper-line: #e0e5ff;--margin-red: #ff006e;--ink: #0a0e27;--ink-soft: #6b7280;--ink-blue: #0066ff;--ink-blue-deep: #0052cc;--highlight: #00aa55;--surface: #ffffff;--border: #e0e5ff;--shadow: 0 8px 32px rgba(0, 102, 255, .08)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{margin:0;padding:0;font-family:var(--font-body);color:var(--ink);background:linear-gradient(135deg,#050609,#0a0e27,#050810);background-attachment:fixed;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(0,212,255,.12) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.1) 0%,transparent 50%),radial-gradient(circle at 0% 0%,rgba(255,0,110,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:var(--ink-blue)}.wordmark{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink);display:inline-flex;align-items:baseline;gap:.12em}.wordmark .nex{color:var(--ink)}.wordmark .notes{font-family:var(--font-hand);font-weight:700;color:var(--ink-blue)}.btn{border:1.5px solid var(--ink-blue);background:transparent;color:var(--ink-blue);padding:.6rem 1rem;border-radius:var(--radius);font-weight:700;font-size:.9rem;transition:all .2s ease;cursor:pointer;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase}.btn:hover{background:var(--ink-blue);color:var(--paper);box-shadow:0 0 15px var(--ink-blue),inset 0 0 15px #00d4ff33}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--ink-blue),#00aa88);border-color:var(--ink-blue);color:#fff;box-shadow:0 0 15px #00d4ff4d}.btn-primary:hover{box-shadow:0 0 25px #00d4ff80,inset 0 0 15px #ffffff1a}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink)}.btn-danger{color:var(--prio-hoch);border-color:var(--prio-hoch)}.btn-danger:hover{background:var(--prio-hoch);color:#fff}.btn-sm{padding:.35rem .6rem;font-size:.75rem}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ink-blue);outline-offset:2px;box-shadow:0 0 20px var(--ink-blue)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.input,.select,.textarea{width:100%;padding:.75rem .85rem;border:1.5px solid rgba(0,212,255,.2);border-radius:var(--radius);background:#0a0e2766;color:var(--ink);font-size:.95rem;transition:all .2s ease;font-family:var(--font-body)}.textarea{min-height:130px;resize:vertical;line-height:1.6}.input::placeholder,.textarea::placeholder{color:#a0a0b080}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--ink-blue);background:#0a0e2799;box-shadow:inset 0 0 10px #00d4ff1a,0 0 15px #00d4ff33}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar .wordmark{font-size:1.35rem}.tabs{display:flex;gap:.25rem;flex-wrap:wrap}.tab{border:none;background:transparent;color:var(--ink-soft);padding:.45rem .75rem;border-radius:8px;font-weight:600;font-size:.9rem}.tab.active{color:var(--ink-blue);background:color-mix(in srgb,var(--ink-blue) 12%,transparent)}.tab:hover{color:var(--ink)}.container{width:100%;max-width:1100px;margin:0 auto;padding:1.25rem;flex:1;position:relative;z-index:1}.sheet{position:relative;background:#13182999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(0,212,255,.2);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 0 20px #00d4ff0d;padding:1rem 1rem 1rem 1.4rem;overflow:hidden;transition:all .3s ease}.sheet:hover{border-color:#00d4ff66;box-shadow:var(--shadow),inset 0 0 30px #00d4ff14,0 0 20px #00d4ff1a}.sheet:before{content:"";position:absolute;left:.9rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--ink-blue),var(--prio-hoch));opacity:.8}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:1.25rem;position:relative;z-index:1}.auth-card{width:100%;max-width:400px;background:#131829b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1.5px solid rgba(0,212,255,.25);border-radius:16px;box-shadow:var(--shadow),inset 0 0 30px #00d4ff0d;padding:2.5rem 2rem;position:relative;overflow:hidden;transition:all .3s ease}.auth-card:hover{border-color:#00d4ff66;box-shadow:var(--shadow),inset 0 0 40px #00d4ff14,0 0 30px #00d4ff26}.auth-card:before{content:"";position:absolute;left:1.4rem;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--ink-blue),var(--prio-hoch));opacity:.8}.auth-card .wordmark{font-size:1.9rem}.auth-sub{color:var(--ink-soft);font-size:.9rem;margin:.35rem 0 1.5rem}.auth-switch{text-align:center;margin-top:1.1rem;font-size:.88rem;color:var(--ink-soft)}.auth-switch button{border:none;background:none;color:var(--ink-blue);font-weight:700;cursor:pointer}.error-banner{background:color-mix(in srgb,var(--prio-hoch) 12%,transparent);border:1px solid color-mix(in srgb,var(--prio-hoch) 40%,transparent);color:var(--prio-hoch);padding:.6rem .75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.spiral{display:flex;gap:.85rem;justify-content:center;margin-bottom:1.2rem}.spiral span{width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--border);box-shadow:inset 0 -2px 2px #00000014}.stat-grid{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.stat{flex:0 0 auto;min-width:140px;background:#131829cc;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;box-shadow:var(--shadow)}.stat .num{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1}.stat .lbl{color:var(--ink-soft);font-size:.8rem;margin-top:.35rem;font-weight:600}.stat.overdue .num{color:var(--prio-hoch)}.stat.duesoon .num{color:var(--prio-mittel)}.stat.done .num{color:var(--status-erledigt)}.section-title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;margin:1.5rem 0 .85rem}.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1.1rem}.toolbar .search{flex:1 1 200px;min-width:160px}.toolbar .select{width:auto;flex:0 0 auto;padding:.5rem .6rem;font-size:.85rem}.note-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.note-card{display:flex;flex-direction:column;gap:.55rem}.note-card.is-done{opacity:.62}.note-head{display:flex;align-items:flex-start;gap:.5rem}.note-title{font-weight:700;font-size:1rem;margin:0;flex:1;word-break:break-word}.note-card.is-done .note-title{text-decoration:line-through}.note-body{font-size:.88rem;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;max-height:5.5em;overflow:hidden}.note-meta{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:auto}.chip{font-size:.72rem;font-weight:700;padding:.18rem .5rem;border-radius:999px;display:inline-flex;align-items:center;gap:.3rem}.chip-cat{color:#fff}.chip-prio-hoch{background:color-mix(in srgb,var(--prio-hoch) 16%,transparent);color:var(--prio-hoch)}.chip-prio-mittel{background:color-mix(in srgb,var(--prio-mittel) 18%,transparent);color:var(--prio-mittel)}.chip-prio-niedrig{background:color-mix(in srgb,var(--prio-niedrig) 16%,transparent);color:var(--prio-niedrig)}.chip-due{background:color-mix(in srgb,var(--ink-blue) 12%,transparent);color:var(--ink-blue)}.chip-due.overdue{background:color-mix(in srgb,var(--prio-hoch) 14%,transparent);color:var(--prio-hoch)}.check{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);background:var(--surface);display:grid;place-items:center;flex:0 0 auto;color:#fff;transition:background .12s ease,border-color .12s ease}.check.on{background:var(--status-erledigt);border-color:var(--status-erledigt)}.pin-btn{border:none;background:none;font-size:1rem;line-height:1;padding:.1rem;color:var(--ink-soft)}.pin-btn.on{color:var(--prio-mittel)}.note-actions{display:flex;gap:.2rem}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.board-col{background:color-mix(in srgb,var(--surface) 60%,var(--paper));border:1px solid var(--border);border-radius:var(--radius);padding:.75rem}.board-col h3{margin:0 0 .75rem;font-size:.9rem;display:flex;align-items:center;gap:.4rem}.board-col .count{color:var(--ink-soft);font-weight:600}.board-col .col-notes{display:flex;flex-direction:column;gap:.6rem}.board-col.drop-hover{outline:2px dashed var(--ink-blue);outline-offset:-4px}.mini-note{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;box-shadow:var(--shadow);cursor:grab}.mini-note h4{margin:0 0 .3rem;font-size:.9rem}.mini-note .mini-meta{display:flex;gap:.35rem;flex-wrap:wrap}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.cal-title{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;font-size:.75rem;font-weight:700;color:var(--ink-soft);padding:.3rem 0}.cal-cell{min-height:82px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.3rem;font-size:.75rem;overflow:hidden}.cal-cell.other{opacity:.4}.cal-cell.today{border-color:var(--ink-blue);box-shadow:inset 0 0 0 1px var(--ink-blue)}.cal-daynum{font-weight:700;color:var(--ink-soft)}.cal-event{margin-top:2px;padding:1px 4px;border-radius:4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.cat-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.cat-swatch{width:18px;height:18px;border-radius:5px;flex:0 0 auto}.cat-row .cat-name{flex:1;font-weight:600}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;align-items:center;justify-content:center}.hamburger span{width:24px;height:2px;background:var(--ink);border-radius:1px;transition:all .3s ease}.hamburger:hover span{background:var(--ink-blue)}.sidebar{position:fixed;left:0;top:60px;bottom:0;width:280px;background:#0d1128f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);z-index:40;padding:1rem 0;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-nav{display:flex;flex-direction:column;gap:0}.sidebar-item{border:none;background:none;color:var(--ink-soft);width:100%;padding:.75rem 1.25rem;text-align:left;font-weight:600;font-size:.95rem;transition:all .2s ease;cursor:pointer;border-left:3px solid transparent}.sidebar-item:hover{background:#00d4ff1a;color:var(--ink)}.sidebar-item.active{background:#00d4ff26;color:var(--ink-blue);border-left-color:var(--ink-blue)}.sidebar-backdrop{position:fixed;top:60px;left:0;right:0;bottom:0;background:#0f142080;z-index:35;display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f142073;display:grid;place-items:center;padding:1rem;z-index:50}.modal{width:100%;max-width:520px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:1.4rem;max-height:90vh;overflow-y:auto;position:relative}.modal h2{font-family:var(--font-display);font-weight:600;margin:0 0 1rem;font-size:1.3rem}.modal-row{display:flex;gap:.6rem}.modal-row .field{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem}.empty{text-align:center;color:var(--ink-soft);padding:3rem 1rem;font-family:var(--font-hand);font-size:1.15rem}.row{display:flex;align-items:center;gap:.6rem}.spacer{flex:1}.icon-btn{border:none;background:transparent;color:var(--ink-soft);padding:.35rem;border-radius:7px;display:grid;place-items:center}.icon-btn:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}.fab-hint{color:var(--ink-soft);font-size:.8rem}@media(min-width:901px){.hamburger{display:none}.sidebar{position:static;transform:none;border-right:1px solid var(--border);top:0}.sidebar-backdrop{display:none!important}.app-shell{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto 1fr}.topbar{grid-column:1 / -1}.sidebar{grid-row:2;grid-column:1}.container{grid-row:2;grid-column:2}}@media(max-width:900px){.note-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.toolbar{gap:.5rem}.toolbar .search{min-width:130px}}@media(max-width:900px){.hamburger{display:flex}.sidebar-backdrop{display:block}}@media(max-width:720px){body{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--paper-line) 23px,var(--paper-line) 24px)}.topbar{padding:.6rem .9rem;gap:.75rem}.topbar .wordmark{font-size:1.15rem}.container{padding:.9rem .75rem}.tabs{gap:.15rem;overflow-x:auto;-webkit-overflow-scrolling:touch;display:none}.tab{padding:.4rem .6rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.note-grid{grid-template-columns:1fr}.stat{padding:.7rem .85rem}.stat .num{font-size:1.5rem}.stat .lbl{font-size:.75rem}.toolbar{flex-direction:column;gap:.5rem}.toolbar .search{flex:1;width:100%}.toolbar .select{width:100%}.board{grid-template-columns:1fr}.board-col{padding:.6rem}.board-col h3{font-size:.85rem;margin-bottom:.6rem}.cal-cell{min-height:58px;font-size:.7rem}.cal-grid{gap:3px}.cal-dow{font-size:.7rem}.section-title{font-size:1rem;margin:1.2rem 0 .7rem}.auth-card{padding:1.5rem 1.25rem;max-width:100%}.auth-card .wordmark{font-size:1.5rem}.modal{padding:1.2rem;border-radius:12px}.modal h2{font-size:1.1rem;margin-bottom:.8rem}.field{margin-bottom:.7rem}.input,.select,.textarea{font-size:.9rem;padding:.5rem .6rem}.textarea{min-height:100px}.btn{padding:.5rem .8rem;font-size:.85rem}.btn-sm{padding:.25rem .45rem;font-size:.75rem}.chip{font-size:.65rem;padding:.15rem .4rem}.check{width:18px;height:18px}.note-card{gap:.4rem}.note-title{font-size:.95rem}.note-body{font-size:.82rem;max-height:4em}.cat-row{padding:.4rem 0}.cat-swatch{width:16px;height:16px}.sheet{padding:.85rem .85rem .85rem 1.2rem}.sheet:before{left:.75rem}.auth-card:before{left:1.2rem}}@media(max-width:480px){.topbar .wordmark{font-size:1rem}.stat-grid{grid-template-columns:1fr}.stat{padding:.7rem}.stat .num{font-size:1.4rem}.toolbar{margin-bottom:.8rem}.note-body{max-height:3em}.auth-card{padding:1.25rem 1rem;border-radius:12px}.modal-row,.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.tabs{gap:.1rem}.tab{padding:.35rem .5rem;font-size:.75rem}.section-title{font-size:.95rem;margin:1rem 0 .6rem}}