:root{--navy:#14213d;--blue:#246bfd;--ink:#172033;--muted:#657087;--line:#dde3ee;--bg:#f5f7fb;--ok:#18794e;--warn:#9a6700;--radius:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.45}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:.72rem 1rem;background:var(--blue);color:white;font-weight:700;cursor:pointer}button.secondary{background:#e8efff;color:#174bb8}button.ghost,button.link{background:transparent;color:var(--blue)}label{display:grid;gap:.35rem;font-weight:650;margin:.75rem 0}input,select,textarea{width:100%;border:1px solid #bbc5d5;border-radius:10px;padding:.75rem;background:white;color:var(--ink)}textarea{resize:vertical}header{height:70px;padding:0 max(1rem,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white}.brand{font-size:1.2rem;font-weight:800;letter-spacing:.02em}.brand span{background:#ffcc33;color:#14213d;border-radius:6px;padding:.2rem .4rem;margin-right:.4rem}.user-chip{display:flex;align-items:center;gap:.3rem}.user-chip .link{color:#bcd1ff}nav{position:sticky;top:0;z-index:5;display:flex;gap:.35rem;padding:.65rem max(1rem,calc((100% - 1180px)/2));overflow:auto;background:white;border-bottom:1px solid var(--line)}nav button{white-space:nowrap;background:transparent;color:var(--muted)}nav button.active{background:var(--navy);color:white}main#content{max-width:1180px;margin:1.25rem auto;padding:0 1rem;min-height:65vh}.page-head{display:flex;align-items:end;justify-content:space-between}.task,.panel,.auth-card,.empty{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:1.15rem;margin-bottom:1rem;box-shadow:0 3px 14px #1720330b}.task-top{display:flex;gap:1rem;justify-content:space-between}.task h2{font-size:1.08rem;margin:0}.meta,.muted,small{color:var(--muted)}.meta{margin:.3rem 0}.badge{align-self:flex-start;border-radius:999px;padding:.3rem .65rem;background:#e8efff;color:#174bb8;font-size:.8rem;font-weight:700}.badge.waiting_owner{background:#fff2c7;color:#765500}.badge.closed{background:#dff6e9;color:#146c43}.summary,.original{white-space:pre-wrap}.summary{margin:1rem 0;font-weight:600}.original{color:#4c566a}.actions,.dialog-actions{display:flex;flex-wrap:wrap;gap:.55rem}.reply-box,.event-list{border-top:1px solid var(--line);margin-top:1rem;padding-top:.5rem}.event{border-left:3px solid #d3dcf0;padding:.45rem .8rem;margin:.6rem 0}.event span{color:var(--muted);font-size:.82rem;margin-left:.5rem}.event p{white-space:pre-wrap;margin:.3rem 0}.event audio{max-width:100%}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:.6rem;overflow:auto;padding-bottom:.5rem}.day{background:white;border:1px solid var(--line);border-radius:12px;padding:.7rem;min-height:180px}.day h3{margin:.1rem 0 .7rem}.mini{width:100%;display:grid;text-align:left;background:#eef3ff;color:var(--ink);margin:.35rem 0;padding:.55rem}.mini span{font-weight:400;font-size:.8rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.notice,.alert,.success{padding:.8rem;border-radius:10px;margin:.8rem 0}.notice{background:#fff7d6;color:#694f00}.alert,.error{color:#a42424;background:#ffe9e9}.success{color:var(--ok);background:#e4f7ed}.login-wrap,.installer{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(620px,100%)}.login-wrap .auth-card{max-width:430px}.auth-card h1{margin-bottom:.3rem}.installer .auth-card{margin:2rem auto}.toast{position:fixed;z-index:20;right:1rem;bottom:1rem;max-width:360px;padding:.9rem 1.1rem;border-radius:10px;background:#172033;color:white;box-shadow:0 8px 30px #0004}dialog{border:0;border-radius:16px;padding:1.3rem;max-width:480px}dialog::backdrop{background:#0b132880}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.65rem;border-bottom:1px solid var(--line)}footer{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:1.5rem;color:var(--muted);font-size:.82rem}@media(max-width:700px){header{height:60px}.user-chip{font-size:.85rem}.task-top{display:block}.badge{display:inline-block}.form-grid{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(7,78vw)}main#content{padding:0 .7rem}.page-head h1{font-size:1.4rem}}
button.danger{background:#8f2323;color:#fff}.week-grid.ten-days{grid-template-columns:repeat(10,minmax(310px,1fr))}.week-grid.ten-days .day{min-height:220px}.week-grid.ten-days .task{padding:.85rem}.week-grid.ten-days .task h2{font-size:1rem}
.completed-at{margin:.8rem 0;color:var(--muted);font-size:.88rem;font-weight:700}
.calendar-item{gap:.25rem}.calendar-item b,.calendar-item span{display:block}.calendar-item .calendar-ref{margin-top:.25rem;color:#65d7f7;font-size:.72rem;line-height:1.35}
.week-grid.ten-days{display:grid;grid-template-columns:1fr;overflow:visible}.week-grid.ten-days .day{min-height:0;width:100%}.week-grid.ten-days .calendar-item{width:100%;margin:.45rem 0}
button:disabled{cursor:wait;opacity:.65;transform:none!important;box-shadow:none!important}
.page-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:240px;color:var(--muted);font-weight:700}.loading-spinner{width:22px;height:22px;border:3px solid #24404b;border-top-color:#00c8ff;border-radius:50%;animation:dlx-spin .8s linear infinite}@keyframes dlx-spin{to{transform:rotate(360deg)}}
.top-ref{margin:0 0 .65rem}.conversation{display:block;max-height:420px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;margin:1rem 0;padding:.25rem;background:#06090c}.message{padding:.8rem;border-bottom:1px solid var(--line)}.message:last-child{border-bottom:0}.message-route{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .7rem;color:var(--muted);font-size:.78rem}.message-route b{color:#dce8ed}.message-route time{margin-left:auto}.message p{white-space:pre-wrap;margin:.55rem 0}.conversation-loading{padding:1rem;color:var(--muted)}
.conversation+.actions [data-act="events"]{display:none}
.check-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:.2rem .65rem;align-items:start;margin:0;padding:.85rem;border-bottom:1px solid var(--line);cursor:pointer}.check-item:last-child{border-bottom:0}.check-item input{width:22px;height:22px;margin:0;accent-color:#00c8ff}.check-item .check-text{font-weight:700;white-space:pre-wrap}.check-item small{grid-column:2}.check-item.is-done .check-text{text-decoration:line-through;color:var(--muted)}.item-delete{grid-column:3;grid-row:1 / span 2;margin:0;padding:.35rem .55rem;border-color:#74333b;background:#2b1015;color:#ff929d;font-size:.75rem}.inline-item-edit{grid-column:2;display:flex;gap:.45rem;align-items:center}.inline-item-edit input{width:100%;height:auto;margin:0;padding:.5rem}.inline-item-edit button{margin:0;padding:.45rem .65rem}.inline-post-edit{position:relative;z-index:2;display:grid;gap:.65rem}.inline-post-edit input,.inline-post-edit textarea{width:100%;margin:0}.inline-post-edit textarea{min-height:100px}.inline-edit-actions{display:flex;gap:.55rem}.inline-edit-actions button{margin:0}
.task [data-act="done"],.task [data-act="events"]{display:none}
.reply-box label:has(input[type="file"]){display:none}
.task .badge{display:none}select[multiple]{min-height:110px;background-image:none}.assignee-picker{display:grid;gap:.45rem;margin-top:.2rem}.assignee-choice{display:flex;align-items:center;gap:.7rem;margin:0;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);cursor:pointer}.assignee-choice:has(input:checked){border-color:#00c8ff;background:rgba(0,200,255,.12)}.assignee-choice input{width:22px;height:22px;min-width:22px;margin:0;accent-color:#00c8ff}.assignee-choice span{font-weight:650}

/* Einheitliches Scrollen auf iOS, Android und Desktop. */
html{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-text-size-adjust:100%}body{min-height:100%;overflow-x:hidden;overflow-y:visible;touch-action:pan-y}main#content,.task,.panel,.auth-card,.editor,.form-grid,.task-top{min-width:0;max-width:100%}.task,.panel,.auth-card,.empty,.day{overflow-wrap:anywhere}.panel,.auth-card{overflow:visible}.conversation,.event-list,.table-wrap,dialog{overscroll-behavior:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}.conversation{overflow-y:auto;overflow-x:hidden;max-height:min(55vh,420px)}.table-wrap{display:block;width:100%;max-width:100%;max-height:min(65vh,620px);overflow:auto;border:1px solid var(--line);border-radius:4px}.table-wrap table{min-width:620px}.table-wrap th{position:sticky;top:0;z-index:1;background:var(--panel-2)}dialog{width:min(480px,calc(100% - 1.5rem));max-height:calc(100dvh - 1.5rem);overflow:auto}textarea{max-width:100%}
@media(max-width:700px){main#content{width:100%;margin:1rem auto}.task,.panel,.auth-card,.empty{max-width:100%}.actions button,.dialog-actions button{max-width:100%;white-space:normal}.conversation{max-height:55dvh}.table-wrap{max-height:60dvh}th,td{white-space:normal;min-width:120px}.login-wrap,.installer{display:block;min-height:100dvh;padding:.7rem}.login-wrap .auth-card,.installer .auth-card{margin:1rem auto}.toast{right:.7rem;left:.7rem;bottom:calc(.7rem + env(safe-area-inset-bottom));max-width:none}}
.assignee-fieldset{min-width:0;margin:.75rem 0;padding:.85rem;border:1px solid #29333d;border-radius:4px}.assignee-fieldset legend{padding:0 .4rem;color:#cbd3d9;font-size:.78rem;font-weight:650;letter-spacing:.035em}.assignee-choice.selected,.assignee-choice:has(input:checked){border-color:#00c8ff;background:#092b36;box-shadow:inset 3px 0 #00c8ff}.assignee-choice input{appearance:auto;-webkit-appearance:checkbox}
[hidden]{display:none!important}.template-bar{display:flex;justify-content:flex-end;align-items:end;flex-wrap:wrap;gap:.65rem;margin:-3.3rem 0 1.5rem auto;max-width:760px}.template-bar label{min-width:190px;margin:0}.template-bar button{margin-bottom:0}@media(max-width:700px){.template-bar{justify-content:stretch;margin:.8rem 0 1.3rem}.template-bar label,.template-bar button{width:100%}}
.template-editor{margin:0 0 1.4rem auto;padding:1rem;width:min(760px,100%);border:1px solid #285467;background:#081219}.template-editor textarea{min-height:150px}
.task-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}.task-library{border:1px solid var(--line);border-radius:12px;padding:1rem;background:rgba(255,255,255,.025)}.task-library h2{font-size:1rem;margin:0 0 .7rem}.task-library-search{margin:.15rem 0 .55rem}.task-library select[multiple]{min-height:210px}.manual-task-editor>#create{width:100%;margin-top:.3rem}@media(max-width:760px){.task-library-grid{grid-template-columns:1fr}}
.inline-task-composer{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding:1rem;border-top:1px solid var(--line);background:rgba(0,200,255,.035)}.inline-task-composer h3{margin:0 0 .55rem;font-size:1rem}.inline-task-composer textarea{min-height:180px}.inline-task-composer button{width:100%;margin-top:.55rem}.inline-task-history{position:relative}.history-menu{position:absolute;z-index:15;top:calc(100% + .35rem);right:0;width:100%;padding:.7rem;border:1px solid var(--line);border-radius:8px;background:var(--panel-2,#080d12);box-shadow:0 12px 35px #0009}.history-options{max-height:280px;overflow:auto;margin-top:.45rem}.history-option{display:block;width:100%;margin:0;padding:.65rem;text-align:left;border-radius:0;border-bottom:1px solid var(--line);background:transparent;color:inherit}.history-option:hover{background:rgba(0,200,255,.12)}.inline-task-history small{display:block;margin-top:.5rem}@media(max-width:760px){.inline-task-composer{grid-template-columns:1fr}.history-menu{position:fixed;left:.7rem;right:.7rem;top:auto;bottom:calc(.7rem + env(safe-area-inset-bottom));width:auto;max-height:70dvh}.history-options{max-height:45dvh}}
.task{padding:0}.compact-task-head{position:relative;padding:1rem 3rem 1rem 1.25rem;cursor:pointer;outline:none}.compact-task-head:hover,.compact-task-head:focus-visible{background:#0d1820}.compact-task-head:focus-visible{box-shadow:inset 3px 0 var(--cyan)}.compact-order{display:flex;flex-wrap:wrap;gap:.25rem 1.2rem;margin-bottom:.65rem;color:#aeb8c0;font-size:.76rem}.compact-order b{color:#70dfff;font-weight:650}.compact-task-head h2{margin:.1rem 0 .35rem;font-size:1.05rem}.compact-task-head .meta{margin:0;font-size:.8rem}.compact-arrow{position:absolute;right:1.25rem;top:50%;translate:0 -50%;color:var(--cyan);font-size:1.5rem}.task>.conversation,.task>.actions,.task>.reply-box,.task>.event-list{margin-left:1.25rem;margin-right:1.25rem}.task>.actions{padding-bottom:1.1rem}.task.is-open{border-color:#31505e}@media(max-width:700px){.compact-task-head{padding:.85rem 2.6rem .85rem .9rem}.compact-order{display:grid;gap:.2rem}.compact-task-head .meta{line-height:1.5}.task>.conversation,.task>.actions,.task>.reply-box,.task>.event-list{margin-left:.9rem;margin-right:.9rem}}
.login-actions{display:grid;gap:.6rem;margin:.8rem 0}.login-actions button{width:100%}#passkeySetup{white-space:nowrap}@media(max-width:700px){.user-chip{gap:.1rem}.user-chip #passkeySetup{font-size:.65rem;padding:.5rem}.user-chip #logout{font-size:.65rem;padding:.5rem}}
.inline-task-composer{align-items:start;gap:.7rem;margin-top:.6rem;padding:.65rem;font-size:.78rem}.inline-task-composer h3{margin:0 0 .3rem;font-size:.82rem}.inline-task-composer textarea{height:112px;min-height:112px;padding:.55rem;font-size:.78rem}.inline-task-composer button{margin-top:.35rem;padding:.48rem .65rem;font-size:.76rem}.inline-task-history{position:static}.history-menu{position:static;width:100%;margin-top:.35rem;padding:.45rem;border-radius:4px;box-shadow:none}.history-menu input{padding:.45rem;font-size:.76rem}.history-options{height:112px;max-height:112px;margin-top:.3rem;border:1px solid var(--line)}.history-option{margin:0;padding:.38rem .45rem;font-size:.72rem;line-height:1.25}.inline-task-history small{margin-top:.3rem;font-size:.68rem}@media(max-width:760px){.history-menu{position:static;inset:auto;width:100%;max-height:none}.history-options{height:112px;max-height:112px}}
.compact-task-head .meta b:last-of-type,.inline-due-date{color:#ff565f}.inline-due-date{display:inline-block;padding:.08rem .28rem;border-bottom:1px dashed #ff565f;cursor:pointer;font-weight:750}.inline-due-input{display:inline-block;width:auto;min-width:145px;margin:0 0 0 .25rem;padding:.25rem .4rem;border-color:#ff565f;color:#ff565f;font-size:.78rem}.inline-title-input{width:min(520px,100%);margin:.1rem 0 .35rem;padding:.38rem .5rem;font-size:1.05rem;font-weight:750}.history-option-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;border-bottom:1px solid var(--line)}.history-option-row:has(.history-option[hidden]){display:none}.history-option-row .history-option{border-bottom:0}.history-option-row .history-option-delete{width:30px;margin:0;padding:.2rem;background:#57151a;color:#ff9197;border-radius:0;font-size:1rem;line-height:1}.history-option-row .history-option-delete:hover{background:#8f2323;color:#fff}
.inline-task-composer textarea{height:72px;min-height:72px}.inline-task-history .history-menu-toggle{display:none}.inline-task-history .history-menu[hidden]{display:block!important}.inline-task-history .history-menu{margin-top:0}.inline-task-history .history-options{height:72px;max-height:72px}.inline-task-history .history-option{font-size:.68rem;line-height:1.15}.inline-task-history .history-menu input{font-size:.7rem;padding:.38rem .45rem}
.event-list.checklist.conversation{max-height:none;overflow:visible}.completed-task-section{margin-top:.65rem;border:1px solid var(--line);border-radius:5px;overflow:hidden}.completed-task-section h3{margin:0;padding:.4rem .6rem;background:rgba(255,255,255,.045);font-size:.76rem;color:var(--muted)}.completed-task-section h3 span{float:right}.completed-task-scroll{max-height:135px;overflow-y:auto;overscroll-behavior:contain}.completed-task-scroll .check-item{padding:.48rem .65rem;font-size:.74rem}
.completed-task-pulldown>summary{cursor:pointer;list-style:none;margin:0;padding:.48rem .65rem;background:rgba(255,255,255,.055);color:var(--muted);font-size:.76rem;font-weight:750}.completed-task-pulldown>summary::-webkit-details-marker{display:none}.completed-task-pulldown>summary::before{content:'▸';display:inline-block;margin-right:.45rem;color:var(--cyan)}.completed-task-pulldown[open]>summary::before{content:'▾'}.completed-task-pulldown>summary span{float:right}.completed-task-scroll .check-item{grid-template-columns:minmax(0,1fr) auto;cursor:default}.completed-task-scroll .check-text{grid-column:1}.completed-task-scroll .reactivate-task{grid-column:2;grid-row:1 / span 2;width:auto;margin:0;padding:.35rem .55rem;background:#164d32;color:#91efbd;font-size:.68rem}.completed-task-scroll .reactivate-task:hover{background:#18794e;color:#fff}
.checkbox-line{display:flex;align-items:center;gap:.55rem;font-weight:650}.checkbox-line input{width:auto}.reminder-time-row{display:flex;align-items:center;gap:.65rem;margin-top:.35rem}.reminder-time-row #reminderTime{width:auto;flex:1 1 8rem;min-width:0;margin:0}.reminder-daily{display:flex;align-items:center;gap:.4rem;margin:0;font-weight:650;white-space:nowrap}.reminder-daily input{width:1.05rem;height:1.05rem;margin:0;padding:0;flex:0 0 auto}.reminder-hint{display:block;margin-top:.35rem}