/* Farben stehen als Variablen (--k-<ursprünglicher Farbwert>) am Anfang; die Design-Vorlagen am Ende der Datei überschreiben sie. */
:root{--k-202720:#202720;--k-777e75:#777e75;--k-e9eae5:#e9eae5;--k-ffffff:#ffffff;--k-f5f5f2:#f5f5f2;--k-305843:#305843;--k-eaf1eb:#eaf1eb;--k-cc7656:#cc7656;--k-7b827a:#7b827a;--k-8c9289:#8c9289;--k-646b63:#646b63;--k-edf2ed:#edf2ed;--k-2f5942:#2f5942;--k-748077:#748077;--k-747b72:#747b72;--k-454c44:#454c44;--k-e5eee6:#e5eee6;--k-396347:#396347;--k-f4eae2:#f4eae2;--k-9e674b:#9e674b;--k-f7f8f5:#f7f8f5;--k-eef0ea:#eef0ea;--k-86a68b:#86a68b;--k-475147:#475147;--k-8a9188:#8a9188;--k-e4e8e0:#e4e8e0;--k-586257:#586257;--k-e9eae4:#e9eae4;--k-939990:#939990;--k-c2c5be:#c2c5be;--k-465047:#465047;--k-e4e7e0:#e4e7e0;--k-626a60:#626a60;--k-809c80:#809c80;--k-81877e:#81877e;--k-5c655b:#5c655b;--k-737a72:#737a72;--k-d78b6e:#d78b6e;--k-789677:#789677;--k-344f3a:#344f3a;--k-e9ebe5:#e9ebe5;--k-929990:#929990;--k-a1a69f:#a1a69f;--k-4f574e:#4f574e;--k-a4a89f:#a4a89f;--k-355942:#355942;--k-bd694c:#bd694c;--k-7a9879:#7a9879;--k-f1f4ef:#f1f4ef;--k-b86547:#b86547;--k-faf0eb:#faf0eb;--k-516c53:#516c53;--k-eff3ed:#eff3ed;--k-858b82:#858b82;--k-819b7f:#819b7f;--k-586156:#586156;--k-e8eae4:#e8eae4;--k-737a70:#737a70;--k-354d39:#354d39;--k-cdd4ca:#cdd4ca;--k-719072:#719072;--k-424a41:#424a41;--k-a1a69e:#a1a69e;--k-8a9088:#8a9088;--k-f0f3ef:#f0f3ef;--k-5b715c:#5b715c;--k-bd765a:#bd765a;--k-f9efea:#f9efea;--k-898f86:#898f86;--k-17201730:#17201730;--k-1d281f66:#1d281f66;--k-f4f5f1:#f4f5f1;--k-60685e:#60685e;--k-e1e5dd:#e1e5dd;--k-343c33:#343c33;--k-8ba18b:#8ba18b;--k-e2e5de:#e2e5de;--k-657064:#657064;--k-747c71:#747c71;--k-566454:#566454;--k-718e72:#718e72;--k-253e2d:#253e2d;--k-f0f1ed:#f0f1ed;--k-b66b4f:#b66b4f;--k-59715a:#59715a;--k-92988f:#92988f;--k-42634b:#42634b;--k-566154:#566154;--k-edf3ed:#edf3ed;--k-9daf9c:#9daf9c;--k-345b40:#345b40;--k-c6cec4:#c6cec4;--k-4e7758:#4e7758;--k-5d725a:#5d725a;--k-5d6f5f:#5d6f5f;--k-6b756a:#6b756a;--k-e9eee8:#e9eee8;--k-f0d9cf:#f0d9cf;--k-b55f43:#b55f43;--k-9db09c:#9db09c;--k-b9c7b8:#b9c7b8;--k-fbfbf9:#fbfbf9;--k-a8573c:#a8573c;--k-7c837a:#7c837a;--k-b3b8b0:#b3b8b0;--k-f7f9f6:#f7f9f6;--k-fafaf7:#fafaf7;--k-3d463c:#3d463c;--k-4c9a5f:#4c9a5f;--k-c9cdc6:#c9cdc6;--k-d79a4a:#d79a4a;--k-c5553b:#c5553b;--k-b9bdb6:#b9bdb6;--k-3d5540:#3d5540;--k-eceee8:#eceee8;--k-8a9187:#8a9187;--k-386044:#386044}
:root{--ink:var(--k-202720);--muted:var(--k-777e75);--line:var(--k-e9eae5);--paper:var(--k-ffffff);--bg:var(--k-f5f5f2);--green:var(--k-305843);--green-2:var(--k-eaf1eb);--orange:var(--k-cc7656);--serif:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--k-ffffff);border-right:1px solid var(--line);padding:28px 18px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:18px;font-weight:800;letter-spacing:-.8px}.brand-light{font-weight:500;color:var(--k-7b827a)}.brand-mark{display:grid;place-items:center;background:var(--green);color:var(--k-ffffff);font-family:var(--serif);font-size:20px;font-weight:800;width:29px;height:29px;border-radius:9px 9px 9px 3px}.workspace-label,.section-head,.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.3px;color:var(--k-8c9289)}.workspace-label{margin:50px 10px 13px}.main-nav{display:grid;gap:3px}.nav-item{border:0;background:transparent;color:var(--k-646b63);font:500 13px var(--sans);text-align:left;padding:11px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:11px}.nav-item.active{background:var(--k-edf2ed);color:var(--k-2f5942);font-weight:600}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-count{margin-left:auto;font-size:11px;background:var(--k-ffffff);border-radius:10px;padding:2px 7px;color:var(--k-748077)}.sidebar-divider{height:1px;background:var(--line);margin:23px 4px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 9px 9px}.tiny-plus{border:0;background:none;color:var(--k-747b72);font-size:19px;cursor:pointer}.people-list{display:grid;gap:3px}.person-row{display:flex;align-items:center;gap:10px;padding:8px 10px;color:var(--k-454c44);font-size:12px;border-radius:8px}.avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:600;font-size:10px;background:var(--k-e5eee6);color:var(--k-396347)}.person-row:nth-child(2) .avatar{background:var(--k-f4eae2);color:var(--k-9e674b)}.sidebar-bottom{margin-top:auto}.sync-card{display:flex;align-items:flex-start;gap:10px;padding:13px 10px;background:var(--k-f7f8f5);border:1px solid var(--k-eef0ea);border-radius:9px;margin-bottom:10px}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--k-86a68b);margin-top:5px;flex:none}.sync-card b,.sync-card small{display:block}.sync-card b{font-size:10px;font-weight:600;color:var(--k-475147)}.sync-card small{font-size:9px;color:var(--k-8a9188);margin-top:4px}.invite-button{width:100%;padding:10px 8px;border:1px solid var(--k-e4e8e0);background:var(--k-ffffff);border-radius:8px;color:var(--k-586257);font:500 11px var(--sans);cursor:pointer}.main-content{margin-left:248px;width:calc(100% - 248px);min-height:100vh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;border-bottom:1px solid var(--k-e9eae4);background:rgba(255,255,255,.58)}.crumb{font-size:11px;color:var(--k-939990)}.crumb-sep{padding:0 10px;color:var(--k-c2c5be)}.crumb b{color:var(--k-465047);font-weight:600}.top-actions{display:flex;align-items:center;gap:9px}.today-btn,.add-task-btn{border:1px solid var(--k-e4e7e0);border-radius:7px;padding:8px 13px;font:500 11px var(--sans);cursor:pointer}.today-btn{background:var(--k-ffffff);color:var(--k-626a60)}.add-task-btn{background:var(--green);color:var(--k-ffffff);border-color:var(--green);padding:9px 14px}.add-task-btn span{font-size:16px;vertical-align:-1px;margin-right:3px}.page-content{max-width:1220px;margin:0 auto;padding:43px 52px 25px}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:7px}.eyebrow-dot{width:6px;height:6px;background:var(--k-809c80);border-radius:50%}h1{font:700 30px/1.15 var(--serif);letter-spacing:-1.2px;margin:10px 0 5px}.subtitle{margin:0;color:var(--k-81877e);font-size:12px}.year-switch{display:flex;align-items:center;gap:16px;padding-bottom:2px}.year-switch button{width:29px;height:29px;border-radius:7px;background:var(--k-ffffff);border:1px solid var(--line);color:var(--k-5c655b);font-size:19px;cursor:pointer}.year-switch strong{font:600 13px var(--serif);min-width:35px;text-align:center}.legend{display:flex;gap:19px;align-items:center;margin:0 0 17px;color:var(--k-737a72);font-size:10px}.legend span{display:flex;align-items:center;gap:7px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.holiday-dot{background:var(--k-d78b6e)}.task-dot{background:var(--k-789677)}.today-dot{background:var(--k-344f3a)}.year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.month-card{background:var(--k-ffffff);border:1px solid var(--k-e9ebe5);border-radius:10px;padding:13px 12px 12px;min-width:0;box-shadow:0 2px 8px rgba(34,48,34,.018)}.month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:0 2px}.month-name{font:700 12px var(--serif);letter-spacing:-.2px}.month-task-count{color:var(--k-929990);font-size:9px}.weekdays,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.weekdays{margin-bottom:4px;color:var(--k-a1a69f);font-size:8px}.weekdays span{padding:4px 0}.day{position:relative;display:grid;place-items:center;height:25px;margin:1px;border-radius:6px;color:var(--k-4f574e);font-size:9px;cursor:pointer}.day.empty{cursor:default}.day.weekend{color:var(--k-a4a89f)}.day.today{background:var(--k-355942);color:var(--k-ffffff);font-weight:700}.day.holiday{color:var(--k-bd694c);font-weight:600}.day.today.holiday{color:var(--k-ffffff)}.day.has-task:after{content:'';position:absolute;bottom:1px;width:3px;height:3px;border-radius:50%;background:var(--k-7a9879)}.day.today.has-task:after{background:var(--k-ffffff)}.day:hover:not(.empty){background:var(--k-f1f4ef)}.day.today:hover{background:var(--k-355942)}.day-detail{font-size:9px;color:var(--k-b86547);background:var(--k-faf0eb);border-radius:4px;padding:4px 5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-detail.task-detail{color:var(--k-516c53);background:var(--k-eff3ed)}.bottom-note{margin-top:17px;color:var(--k-858b82);font-size:10px;display:flex;align-items:center;gap:8px}.bottom-note span{font-size:15px;color:var(--k-819b7f)}.hidden{display:none!important}.filter-wrap select{border:1px solid var(--line);background:var(--k-ffffff);border-radius:7px;padding:9px 11px;color:var(--k-586156);font:11px var(--sans)}.task-summary{display:flex;gap:8px;margin-bottom:15px}.summary-pill{border:1px solid var(--k-e8eae4);background:var(--k-ffffff);padding:7px 11px;border-radius:7px;color:var(--k-737a70);font-size:10px}.summary-pill b{color:var(--k-354d39);margin-right:4px}.task-list-page{display:grid;gap:8px}.task-row{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--k-e8eae4);background:var(--k-ffffff);border-radius:9px}.check-task{appearance:none;width:17px;height:17px;border:1px solid var(--k-cdd4ca);border-radius:50%;cursor:pointer;flex:none;position:relative}.check-task:checked{background:var(--k-719072);border-color:var(--k-719072)}.check-task:checked:after{content:'✓';position:absolute;color:var(--k-ffffff);font-size:11px;left:3px;top:0}.task-row-body{min-width:0;flex:1}.task-row-title{font-size:12px;font-weight:600;color:var(--k-424a41)}.task-row.done .task-row-title{text-decoration:line-through;color:var(--k-a1a69e)}.task-row-meta{font-size:10px;color:var(--k-8a9088);margin-top:5px}.task-person-tag{font-size:9px;background:var(--k-f0f3ef);padding:5px 8px;border-radius:20px;color:var(--k-5b715c)}.priority-tag{font-size:9px;color:var(--k-bd765a);background:var(--k-f9efea);padding:5px 8px;border-radius:20px}.empty-state{padding:38px;text-align:center;color:var(--k-898f86);background:var(--k-ffffff);border:1px solid var(--line);border-radius:9px;font-size:12px}.mobile-brand,.mobile-footer{display:none}dialog{border:0;padding:0;width:min(440px,calc(100vw - 30px));border-radius:14px;box-shadow:0 20px 80px var(--k-17201730);color:var(--ink)}dialog::backdrop{background:var(--k-1d281f66);backdrop-filter:blur(2px)}dialog form{padding:25px}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.dialog-top h2{font:700 21px var(--serif);letter-spacing:-.6px;margin:8px 0 0}.close-btn{border:0;background:var(--k-f4f5f1);color:var(--k-747b72);border-radius:50%;font-size:19px;width:28px;height:28px;cursor:pointer}label{display:block;font-weight:600;font-size:10px;color:var(--k-60685e);margin:14px 0 7px}input,select{font-family:var(--sans)}input:not([type=checkbox]),form select{width:100%;border:1px solid var(--k-e1e5dd);border-radius:7px;padding:11px 12px;font-size:12px;color:var(--k-343c33);background:var(--k-ffffff);outline:none}input:focus,form select:focus{border-color:var(--k-8ba18b)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px}.cancel-btn,.save-btn{border:1px solid var(--k-e2e5de);border-radius:7px;padding:10px 13px;font:500 11px var(--sans);cursor:pointer;background:var(--k-ffffff);color:var(--k-657064)}.save-btn{background:var(--green);border-color:var(--green);color:var(--k-ffffff)}.save-btn span{padding-left:6px}.info-copy{font-size:12px;line-height:1.7;color:var(--k-747c71);margin:0}.info-callout{display:flex;gap:10px;background:var(--k-f1f4ef);border-radius:8px;padding:13px;margin-top:16px;font-size:10px;line-height:1.6;color:var(--k-566454)}.info-callout span:first-child{color:var(--k-718e72);font-size:16px}.toast{position:fixed;bottom:25px;left:16px;right:16px;margin:0 auto;width:fit-content;max-width:calc(100% - 32px);transform:translateY(20px);opacity:0;background:var(--k-253e2d);color:var(--k-ffffff);padding:10px 16px;border-radius:8px;font-size:11px;transition:.2s;pointer-events:none;z-index:6}.toast.visible{opacity:1;transform:translateY(0)}
.month-events{border-top:1px solid var(--k-f0f1ed);margin-top:8px;padding-top:6px;display:grid;gap:3px}.month-event,.more-events{font-size:8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--k-b66b4f)}.month-event span{font-weight:700}.month-event.event-task{color:var(--k-59715a)}.more-events{color:var(--k-92988f)}.choice-heading{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.choice-heading label{margin:0 0 7px}.inline-add{border:0;background:none;color:var(--k-42634b);font:600 10px var(--sans);padding:4px 2px;cursor:pointer}.person-options{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 10px}.person-option{display:flex;align-items:center;gap:6px;border:1px solid var(--k-e4e8e0);border-radius:20px;padding:5px 9px 5px 6px;margin:0;cursor:pointer;color:var(--k-566154);font-size:10px;transition:background .15s,border-color .15s}.person-option:has(input:checked){background:var(--k-edf3ed);border-color:var(--k-9daf9c);color:var(--k-345b40)}.person-option input{appearance:none;width:13px;height:13px;border:1px solid var(--k-c6cec4);border-radius:50%;margin:0;position:relative;flex:none}.person-option input:checked{background:var(--k-4e7758);border-color:var(--k-4e7758)}.person-option input:checked:after{content:'✓';position:absolute;color:var(--k-ffffff);font-size:9px;left:2px;top:-1px}.person-option .avatar{width:19px;height:19px;font-size:8px}.category-manage{margin:0 0 9px;padding-top:8px;border-top:1px solid var(--k-f0f1ed)}.field-label{font-size:10px;font-weight:600;color:var(--k-60685e)}.task-category-tag{font-size:9px;color:var(--k-5d725a);background:var(--k-eff3ed);padding:5px 8px;border-radius:20px}
.head-actions{display:flex;align-items:center;gap:10px}.tiny-link{border:0;background:none;color:var(--k-5d6f5f);font:600 9px var(--sans);letter-spacing:.3px;cursor:pointer;padding:2px 0}.tiny-link:hover{color:var(--k-305843)}.task-row-body{cursor:pointer}.row-edit{border:0;background:var(--k-f4f5f1);color:var(--k-6b756a);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer;flex:none;padding:0}.row-edit:hover{background:var(--k-e9eee8);color:var(--k-305843)}.month-event.event-task{cursor:pointer}.month-event.event-task:hover{text-decoration:underline}.delete-btn,.row-delete{border:1px solid var(--k-f0d9cf);background:var(--k-ffffff);color:var(--k-b55f43);border-radius:7px;font:500 11px var(--sans);cursor:pointer}.delete-btn{padding:10px 13px;margin-right:auto}.row-delete{padding:8px 9px;font-size:10px;flex:none}.delete-btn.armed,.row-delete.armed{background:var(--k-b55f43);border-color:var(--k-b55f43);color:var(--k-ffffff)}.save-btn .btn-label{padding-left:0}.manage-list{display:grid;gap:6px;margin:2px 0 4px}.manage-row{display:flex;align-items:center;gap:8px}.manage-row .avatar{flex:none}.category-dot{width:8px;height:8px;border-radius:50%;background:var(--k-9db09c);margin:0 9px;flex:none}.manage-row .manage-name{flex:1;min-width:0;padding:9px 10px}.manage-gap{margin-top:18px;padding-top:12px;border-top:1px solid var(--k-f0f1ed)}.manage-hint{font-size:10px;line-height:1.5;color:var(--k-8a9088);margin:14px 0 0}.toast[popover]{inset:auto 16px 25px 16px;margin:0 auto;border:0;overflow:visible;width:fit-content;max-width:calc(100% - 32px)}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}body{overflow-x:clip;overscroll-behavior-x:none}dialog{max-width:calc(100% - 30px);overflow-x:hidden}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-row>div{min-width:0}input[type=date]{min-width:0;max-width:100%}input::-webkit-date-and-time-value{text-align:left}
.back-link{border:0;background:none;color:var(--k-42634b);font:600 11px var(--sans);padding:2px 0;cursor:pointer;display:block}.nav-icon svg{display:block;margin:0 auto}.month-card{cursor:pointer;transition:border-color .15s}.month-card:hover,.month-card:focus-visible{border-color:var(--k-b9c7b8);outline:none}.month-view{max-width:980px}.mweekdays,.mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.mweekdays{font-size:9px;color:var(--k-a1a69f);text-align:center;margin-bottom:6px}.mcell{display:flex;flex-direction:column;gap:3px;align-items:stretch;min-height:98px;padding:6px;background:var(--k-ffffff);border:1px solid var(--k-e9ebe5);border-radius:8px;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0;overflow:hidden;appearance:none;-webkit-appearance:none}.mcell:hover{border-color:var(--k-b9c7b8)}.mcell.empty{background:transparent;border-color:transparent;cursor:default}.mcell.weekend{background:var(--k-fbfbf9)}.mnum{font:600 11px var(--sans);color:var(--k-4f574e);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;flex:none}.mcell.weekend .mnum{color:var(--k-a4a89f)}.mcell.holiday .mnum{color:var(--k-bd694c)}.mcell.today .mnum{background:var(--k-355942);color:var(--k-ffffff)}.mlabel{font-size:9px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:4px;padding:1px 4px}.mholiday{color:var(--k-b86547);background:var(--k-faf0eb)}.mtask{color:var(--k-516c53);background:var(--k-eff3ed)}.mtask.mhigh{color:var(--k-a8573c);background:var(--k-f9efea)}.mmore{font-size:8px;color:var(--k-92988f);padding:0 4px}.day-view{background:var(--k-ffffff);border:1px solid var(--k-e9ebe5);border-radius:10px;overflow:hidden;max-width:760px}.slot-row{display:grid;grid-template-columns:62px minmax(0,1fr);border-top:1px solid var(--k-e9ebe5)}.slot-row:first-child{border-top:0}.slot-row.half{border-top:1px dashed var(--k-eef0ea)}.slot-label{font-size:10px;color:var(--k-7c837a);padding:7px 8px 0 12px;font-variant-numeric:tabular-nums}.slot-row.half .slot-label{color:var(--k-b3b8b0)}.slot-body{min-height:44px;padding:5px 8px 5px 0;display:flex;flex-direction:column;gap:5px;cursor:pointer}.slot-body:hover{background:var(--k-f7f9f6)}.slot-row.allday{background:var(--k-fafaf7)}.slot-row.allday .slot-label{font-size:9px;font-weight:600;letter-spacing:.3px}.slot-row.end{min-height:26px}.chip{display:flex;align-items:center;gap:9px;background:var(--k-eff3ed);border-left:3px solid var(--k-7a9879);border-radius:6px;padding:7px 9px;cursor:default}.chip.high{background:var(--k-f9efea);border-left-color:var(--k-cc7656)}.chip.done{opacity:.6}.chip.done .chip-title{text-decoration:line-through}.chip-body{border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;flex:1;min-width:0}.chip-title{display:block;font-size:12px;font-weight:600;color:var(--k-3d463c);overflow-wrap:anywhere}.chip-meta{display:block;font-size:10px;color:var(--k-7c837a);margin-top:2px}.holiday-chip{background:var(--k-faf0eb);border-left-color:var(--k-d78b6e)}.holiday-chip .chip-title{color:var(--k-b86547)}.contact-list{display:grid;gap:8px}.contact-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--k-e8eae4);background:var(--k-ffffff);border-radius:9px}.contact-row .avatar{width:32px;height:32px;font-size:11px;flex:none}.contact-body{flex:1;min-width:0;cursor:pointer}.contact-name{font-size:12px;font-weight:600;color:var(--k-424a41)}.contact-meta{font-size:10px;color:var(--k-8a9088);margin-top:4px;overflow-wrap:anywhere}.contact-meta a{color:var(--k-42634b);text-decoration:none;font-weight:500}.contact-note{font-size:10px;color:var(--k-8a9088);margin-top:3px}.contact-row .summary-pill{flex:none}#contacts-view .add-task-btn{flex:none}
.sync-dot.live{background:var(--k-4c9a5f)}.sync-dot.connecting{background:var(--k-c9cdc6)}.sync-dot.offline{background:var(--k-d79a4a)}.sync-dot.error{background:var(--k-c5553b)}.sync-dot.local{background:var(--k-b9bdb6)}.mobile-brand .sync-dot{margin:0 0 0 2px}.share-entry{display:flex;align-items:center;gap:8px;background:var(--k-f7f8f5);border:1px solid var(--k-eef0ea);border-radius:8px;padding:9px 10px;font-size:10px;color:var(--k-566154);margin-bottom:4px}.share-entry .sync-dot{margin:0}.share-entry .inline-add{margin-left:auto}.share-status{margin-top:0;align-items:center}.install-hint{margin:0 0 14px;font-size:11px}.install-hint b{color:var(--k-3d5540)}.share-status .sync-dot{margin:0}.info-callout .sync-dot{font-size:0}.save-btn.wide,.cancel-btn.wide{display:block;width:100%;margin-top:16px;padding:12px 13px;text-align:center}.share-divider{display:flex;align-items:center;gap:10px;margin:18px 0 4px;color:var(--k-a1a69f);font-size:10px}.share-divider:before,.share-divider:after{content:'';flex:1;height:1px;background:var(--k-eceee8)}.code-field{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;letter-spacing:.5px;text-align:center;background:var(--k-f7f8f5)!important}.share-actions{display:flex;gap:8px;margin-top:14px}.share-actions button{flex:1}.delete-btn.share-leave{display:block;width:100%;margin:22px 0 0;text-align:center}button:disabled{opacity:.55;cursor:default}
@media(max-width:1050px){.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-content{padding-left:35px;padding-right:35px}.topbar{padding:0 35px}}
@media(max-width:720px){.sidebar{display:none}.main-content{margin:0;width:100%;padding-bottom:74px}.topbar{height:58px;padding:0 17px;background:var(--k-ffffff)}.mobile-brand{display:flex;align-items:center;gap:8px;font:800 14px var(--serif);letter-spacing:-.4px}.mobile-brand .brand-mark{width:25px;height:25px;font-size:17px;border-radius:7px 7px 7px 2px}.crumb{display:none}.top-actions{gap:6px}.today-btn{padding:7px 9px;font-size:10px}.add-task-btn{padding:7px 10px;font-size:10px}.page-content{padding:30px 16px 20px}.page-title-row{align-items:flex-end;margin-bottom:21px}h1{font-size:27px}.subtitle{font-size:11px}.year-switch{gap:9px}.year-switch button{width:27px;height:27px}.year-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.month-card{padding:11px 9px}.month-name{font-size:11px}.day{height:25px;font-size:9px}.weekdays{font-size:8px}.legend{gap:12px;font-size:9px}.bottom-note{font-size:9px;line-height:1.5}.mobile-footer{display:flex;position:fixed;z-index:3;bottom:0;left:0;right:0;height:66px;background:var(--k-ffffff);border-top:1px solid var(--line);padding:6px max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));justify-content:space-around}.mobile-footer button{border:0;background:none;color:var(--k-8a9187);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 9px var(--sans);min-width:66px}.mobile-footer button span{font-size:17px}.mobile-footer button.active{color:var(--k-386044)}.mobile-plus{display:grid;place-items:center;width:27px;height:27px;background:var(--green);color:var(--k-ffffff)!important;border-radius:9px;font-size:18px!important}.task-summary{flex-wrap:wrap}.task-row{padding:12px 10px;gap:9px}.task-person-tag{display:none}.task-row-title{font-size:11px}.filter-wrap select{max-width:125px;font-size:10px;padding:8px 7px}.page-content#tasks-view{padding-top:30px}.task-category-tag{display:none}.toast[popover]{bottom:84px}input:not([type=checkbox]),form select,.filter-wrap select{font-size:16px}.filter-wrap select{max-width:150px;padding:7px 8px}.form-row{grid-template-columns:minmax(0,1fr)}.form-row>div+div label{margin-top:4px}.form-row.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.form-row.pair>div+div label{margin-top:14px}.mobile-footer button{min-width:54px}.back-link{font-size:12px;padding:4px 0}.mweekdays,.mgrid{gap:3px}.mcell{min-height:76px;padding:4px 2px;border-radius:6px;gap:2px}.mnum{width:20px;height:20px;font-size:10px;margin:0 auto}.mlabel{font-size:8px;padding:1px 2px}.mmore{padding:0 2px;text-align:center}.slot-row{grid-template-columns:60px minmax(0,1fr)}.slot-label{padding-left:9px;padding-right:4px}.slot-row.allday .slot-label{letter-spacing:0}.contact-row{padding:12px 10px;gap:9px}.contact-row .summary-pill{display:none}}
@media(max-width:360px){.year-grid{gap:6px}.month-card{padding:9px 7px}.day{height:22px;font-size:8px}.month-name{font-size:10px}.page-content{padding-left:12px;padding-right:12px}.year-switch{gap:6px}}
/* ===== Design „Mondzauber“ ===== */
html[data-theme="moon"]{--k-202720:#171a30;--k-777e75:#66688d;--k-e9eae5:#f6d9ed;--k-ffffff:#ffffff;--k-f5f5f2:#fbecf6;--k-305843:#182470;--k-eaf1eb:#ffe1ed;--k-cc7656:#e93962;--k-7b827a:#6a6d92;--k-8c9289:#7d7f9e;--k-646b63:#555779;--k-edf2ed:#ffe5ef;--k-2f5942:#182470;--k-748077:#66698e;--k-747b72:#63668a;--k-454c44:#3a3c56;--k-e5eee6:#ffd9e8;--k-396347:#1c2980;--k-f4eae2:#fdd9e2;--k-9e674b:#bc2d4e;--k-f7f8f5:#fcf1f9;--k-eef0ea:#f8e2f1;--k-86a68b:#e55187;--k-475147:#3d3f5b;--k-8a9188:#7b7e9e;--k-e4e8e0:#f5d3eb;--k-586257:#4c4e6d;--k-e9eae4:#f6d8ed;--k-939990:#8587a4;--k-c2c5be:#b9baca;--k-465047:#3c3e5a;--k-e4e7e0:#f5d2ea;--k-626a60:#535677;--k-809c80:#e3437e;--k-81877e:#6f7296;--k-5c655b:#4f5171;--k-737a72:#636589;--k-d78b6e:#ef567a;--k-789677:#e13675;--k-344f3a:#1c2667;--k-e9ebe5:#f6daee;--k-929990:#8587a4;--k-a1a69f:#9697af;--k-4f574e:#434562;--k-a4a89f:#9798b0;--k-355942:#1a2674;--k-bd694c:#dd2c55;--k-7a9879:#e23a77;--k-f1f4ef:#ffe9f2;--k-b86547:#d92650;--k-faf0eb:#fee7ed;--k-516c53:#344089;--k-eff3ed:#ffe6f0;--k-858b82:#747799;--k-819b7f:#e3427d;--k-586156:#4b4d6c;--k-e8eae4:#f6d8ed;--k-737a70:#626488;--k-354d39:#1f2863;--k-cdd4ca:#f4b4cc;--k-719072:#df2c6e;--k-424a41:#383a53;--k-a1a69e:#9597af;--k-8a9088:#7b7d9d;--k-f0f3ef:#ffe8f1;--k-5b715c:#404a8c;--k-bd765a:#db3c61;--k-f9efea:#fde6eb;--k-898f86:#797b9c;--k-17201730:#0e122930;--k-1d281f66:#12163366;--k-f4f5f1:#faecf6;--k-60685e:#515475;--k-e1e5dd:#f4cee8;--k-343c33:#2c2d43;--k-8ba18b:#e55187;--k-e2e5de:#f4cfe9;--k-657064:#585a7c;--k-747c71:#63668a;--k-566454:#4b4d6d;--k-718e72:#df2a6c;--k-253e2d:#121a51;--k-f0f1ed:#f9e5f3;--k-b66b4f:#d62f56;--k-59715a:#3d488d;--k-92988f:#8486a3;--k-42634b:#243181;--k-566154:#4a4c6b;--k-edf3ed:#ffe6f0;--k-9daf9c:#e96c9a;--k-345b40:#1a2675;--k-c6cec4:#f2aac4;--k-4e7758:#2a399b;--k-5d725a:#3e488e;--k-5d6f5f:#545678;--k-6b756a:#5d5f82;--k-e9eee8:#ffdcea;--k-f0d9cf:#fbc4d1;--k-b55f43:#d5234c;--k-9db09c:#e96d9b;--k-b9c7b8:#f099b9;--k-fbfbf9:#fdf7fb;--k-a8573c:#c61e45;--k-7c837a:#6a6d93;--k-b3b8b0:#aaabbe;--k-f7f9f6:#fff2f7;--k-fafaf7:#fdf4fa;--k-3d463c:#34364e;--k-3d5540:#252f6d;--k-eceee8:#f7dff0;--k-8a9187:#7b7d9d;--k-386044:#1b287d}
/* ===== Design „Surfer“ ===== */
html[data-theme="surf"]{--k-202720:#152a32;--k-777e75:#618292;--k-e9eae5:#f7ebd0;--k-ffffff:#fffdf8;--k-f5f5f2:#fbf4e5;--k-305843:#125a76;--k-eaf1eb:#dcf5f7;--k-cc7656:#f7633a;--k-7b827a:#658697;--k-8c9289:#7895a3;--k-646b63:#516e7d;--k-edf2ed:#e0f6f8;--k-2f5942:#125a76;--k-748077:#628292;--k-747b72:#5f7e8e;--k-454c44:#384d58;--k-e5eee6:#d6f3f5;--k-396347:#146788;--k-f4eae2:#fee6d8;--k-9e674b:#ee3b0a;--k-f7f8f5:#fcf6ea;--k-eef0ea:#f9efd9;--k-86a68b:#4fcbd8;--k-475147:#3b525d;--k-8a9188:#7794a2;--k-e4e8e0:#f6e8ca;--k-586257:#496370;--k-e9eae4:#f7ebcf;--k-939990:#819ba8;--k-c2c5be:#b6c5cd;--k-465047:#3a515c;--k-e4e7e0:#f6e8c9;--k-626a60:#506c7a;--k-809c80:#41c7d5;--k-81877e:#6a8b9b;--k-5c655b:#4c6774;--k-737a72:#5e7e8e;--k-d78b6e:#f87e5c;--k-789677:#35c3d3;--k-344f3a:#18536b;--k-e9ebe5:#f7ebd1;--k-929990:#819ba8;--k-a1a69f:#92a8b3;--k-4f574e:#405965;--k-a4a89f:#93a9b4;--k-355942:#135d7b;--k-bd694c:#f65022;--k-7a9879:#38c4d3;--k-f1f4ef:#e3f7f8;--k-b86547:#f54919;--k-faf0eb:#feefe6;--k-516c53:#2f738e;--k-eff3ed:#e1f6f8;--k-858b82:#6f8e9e;--k-819b7f:#40c6d5;--k-586156:#48626f;--k-e8eae4:#f7ebcf;--k-737a70:#5d7d8d;--k-354d39:#1b5267;--k-cdd4ca:#ace6ed;--k-719072:#2dbecf;--k-424a41:#364b55;--k-a1a69e:#91a8b3;--k-8a9088:#7693a2;--k-f0f3ef:#e2f7f8;--k-5b715c:#3a7992;--k-bd765a:#f65b30;--k-f9efea:#feeee5;--k-898f86:#7592a0;--k-17201730:#0c222b30;--k-1d281f66:#102b3566;--k-f4f5f1:#fbf3e4;--k-60685e:#4e6a78;--k-e1e5dd:#f6e6c5;--k-343c33:#2a3c45;--k-8ba18b:#4fcbd8;--k-e2e5de:#f6e6c6;--k-657064:#547180;--k-747c71:#5f7e8e;--k-566454:#486370;--k-718e72:#2dbdcd;--k-253e2d:#0e4155;--k-f0f1ed:#f9f0dd;--k-b66b4f:#f64d1f;--k-59715a:#377993;--k-92988f:#809aa7;--k-42634b:#1f6986;--k-566154:#47616e;--k-edf3ed:#e1f6f8;--k-9daf9c:#68d2de;--k-345b40:#135e7c;--k-c6cec4:#a2e3eb;--k-4e7758:#247ea1;--k-5d725a:#387a94;--k-5d6f5f:#516d7b;--k-6b756a:#597786;--k-e9eee8:#d8f4f6;--k-f0d9cf:#fed7c1;--k-b55f43:#f54312;--k-9db09c:#69d2de;--k-b9c7b8:#93dfe7;--k-fbfbf9:#fdf9f0;--k-a8573c:#ea3a0a;--k-7c837a:#668797;--k-b3b8b0:#a6b8c1;--k-f7f9f6:#edfafb;--k-fafaf7:#fcf7ed;--k-3d463c:#324650;--k-3d5540:#215a71;--k-eceee8:#f8edd6;--k-8a9187:#7693a2;--k-386044:#146484}
/* ===== Design „Heavy Metal“ ===== */
html[data-theme="metal"]{--k-202720:#ececee;--k-777e75:#afafb7;--k-e9eae5:#323236;--k-ffffff:#171719;--k-f5f5f2:#0b0b0c;--k-305843:#f2525a;--k-eaf1eb:#3f191b;--k-cc7656:#eebd52;--k-7b827a:#ababb3;--k-8c9289:#9d9da7;--k-646b63:#c0c0c6;--k-edf2ed:#3d181a;--k-2f5942:#f2525a;--k-748077:#afafb6;--k-747b72:#b2b2b9;--k-454c44:#dbdbdf;--k-e5eee6:#431b1d;--k-396347:#f35a62;--k-f4eae2:#3d3117;--k-9e674b:#ecb53d;--k-f7f8f5:#111113;--k-eef0ea:#2d2d31;--k-86a68b:#d92f37;--k-475147:#d8d8dc;--k-8a9188:#9e9ea7;--k-e4e8e0:#35353a;--k-586257:#c9c9ce;--k-e9eae4:#333337;--k-939990:#9797a1;--k-c2c5be:#70707c;--k-465047:#d9d9dc;--k-e4e7e0:#36363a;--k-626a60:#c2c2c7;--k-809c80:#da3941;--k-81877e:#a7a7b0;--k-5c655b:#c6c6cb;--k-737a72:#b2b2ba;--k-d78b6e:#efc15f;--k-789677:#dc424a;--k-344f3a:#f25058;--k-e9ebe5:#323236;--k-929990:#9797a1;--k-a1a69f:#8b8b96;--k-4f574e:#d2d2d6;--k-a4a89f:#8a8a95;--k-355942:#f2545c;--k-bd694c:#edb949;--k-7a9879:#dc4048;--k-f1f4ef:#3b1719;--k-b86547:#edb845;--k-faf0eb:#3d3117;--k-516c53:#f4686f;--k-eff3ed:#3c181a;--k-858b82:#a4a4ac;--k-819b7f:#db3a42;--k-586156:#cacacf;--k-e8eae4:#333337;--k-737a70:#b3b3ba;--k-354d39:#f24f57;--k-cdd4ca:#961c22;--k-719072:#de4a51;--k-424a41:#dedee1;--k-a1a69e:#8b8b96;--k-8a9088:#9f9fa8;--k-f0f3ef:#3b1819;--k-5b715c:#f46e75;--k-bd765a:#eebb4e;--k-f9efea:#3d3117;--k-898f86:#a0a0a9;--k-17201730:#00000030;--k-1d281f66:#00000066;--k-f4f5f1:#0b0b0c;--k-60685e:#c3c3c9;--k-e1e5dd:#38383c;--k-343c33:#eaeaec;--k-8ba18b:#d92f37;--k-e2e5de:#37373c;--k-657064:#bdbdc3;--k-747c71:#b2b2b9;--k-566454:#cacacf;--k-718e72:#de4b53;--k-253e2d:#f1424b;--k-f0f1ed:#2c2c2f;--k-b66b4f:#edb948;--k-59715a:#f46d74;--k-92988f:#9898a2;--k-42634b:#f35e65;--k-566154:#cbcbd0;--k-edf3ed:#3c181a;--k-9daf9c:#cb252e;--k-345b40:#f2555c;--k-c6cec4:#9e1d24;--k-4e7758:#f46b72;--k-5d725a:#f46e75;--k-5d6f5f:#c1c1c7;--k-6b756a:#b8b8bf;--k-e9eee8:#411a1c;--k-f0d9cf:#6f592a;--k-b55f43:#ecb743;--k-9db09c:#ca252e;--k-b9c7b8:#aa1f26;--k-fbfbf9:#111113;--k-a8573c:#ecb43c;--k-7c837a:#ababb3;--k-b3b8b0:#7b7b88;--k-f7f9f6:#351517;--k-fafaf7:#111113;--k-3d463c:#e2e2e4;--k-3d5540:#f2565e;--k-eceee8:#2f2f33;--k-8a9187:#9f9fa8;--k-386044:#f25860}
/* ===== Design „Wald“ ===== */
html[data-theme="forest"]{--k-202720:#1a3226;--k-777e75:#787e66;--k-e9eae5:#e7dfc7;--k-ffffff:#fbf8ec;--k-f5f5f2:#eee9d8;--k-305843:#1c583a;--k-eaf1eb:#e1ead2;--k-cc7656:#d64f42;--k-7b827a:#7c836a;--k-8c9289:#8c917a;--k-646b63:#656a55;--k-edf2ed:#e2ebd5;--k-2f5942:#1c583a;--k-748077:#787e66;--k-747b72:#757b63;--k-454c44:#444938;--k-e5eee6:#dde7cd;--k-396347:#216744;--k-f4eae2:#f5ded6;--k-9e674b:#b73428;--k-f7f8f5:#f0ebdc;--k-eef0ea:#eae4cf;--k-86a68b:#75ad60;--k-475147:#494d3c;--k-8a9188:#8b9179;--k-e4e8e0:#e5ddc2;--k-586257:#5a5f4b;--k-e9eae4:#e7dfc6;--k-939990:#929782;--k-c2c5be:#bdc0b4;--k-465047:#484c3b;--k-e4e7e0:#e5dcc1;--k-626a60:#636853;--k-809c80:#6ca756;--k-81877e:#81876e;--k-5c655b:#5e634e;--k-737a72:#747a63;--k-d78b6e:#dc695f;--k-789677:#659d51;--k-344f3a:#1d5137;--k-e9ebe5:#e7e0c8;--k-929990:#929782;--k-a1a69f:#9fa492;--k-4f574e:#4f5442;--k-a4a89f:#a0a593;--k-355942:#1d5c3d;--k-bd694c:#d13b2e;--k-7a9879:#67a052;--k-f1f4ef:#e4edd8;--k-b86547:#c9392c;--k-faf0eb:#f8e8e2;--k-516c53:#377154;--k-eff3ed:#e3ecd6;--k-858b82:#858b72;--k-819b7f:#6ba655;--k-586156:#595e4a;--k-e8eae4:#e7dfc6;--k-737a70:#737962;--k-354d39:#1f4e37;--k-cdd4ca:#b6d4ab;--k-719072:#60954d;--k-424a41:#424636;--k-a1a69e:#9fa391;--k-8a9088:#8a9079;--k-f0f3ef:#e4ecd7;--k-5b715c:#40775c;--k-bd765a:#d44639;--k-f9efea:#f8e6e1;--k-898f86:#898f77;--k-17201730:#1a322630;--k-1d281f66:#1a322666;--k-f4f5f1:#eee9d7;--k-60685e:#616651;--k-e1e5dd:#e3dabe;--k-343c33:#333629;--k-8ba18b:#75ad60;--k-e2e5de:#e3dbbe;--k-657064:#686d57;--k-747c71:#757b63;--k-566454:#595e4a;--k-718e72:#5f944c;--k-253e2d:#133c27;--k-f0f1ed:#ebe5d1;--k-b66b4f:#ce3b2d;--k-59715a:#40765b;--k-92988f:#919781;--k-42634b:#276a48;--k-566154:#585d49;--k-edf3ed:#e3ecd6;--k-9daf9c:#87b875;--k-345b40:#1d5d3d;--k-c6cec4:#afd0a4;--k-4e7758:#2e8258;--k-5d725a:#40775c;--k-5d6f5f:#646954;--k-6b756a:#6e735c;--k-e9eee8:#dee8cf;--k-f0d9cf:#f1cec4;--k-b55f43:#c3372b;--k-9db09c:#87b875;--k-b9c7b8:#a4c997;--k-fbfbf9:#f2eee1;--k-a8573c:#b33327;--k-7c837a:#7d836b;--k-b3b8b0:#b0b4a5;--k-f7f9f6:#eaf0e0;--k-fafaf7:#f1eddf;--k-3d463c:#3d4132;--k-3d5540:#26573f;--k-eceee8:#e9e2cc;--k-8a9187:#8a9079;--k-386044:#206442}
/* ===== Design „Berge“ ===== */
html[data-theme="alps"]{--k-202720:#1f2933;--k-777e75:#667583;--k-e9eae5:#dde6ed;--k-ffffff:#ffffff;--k-f5f5f2:#ecf2f5;--k-305843:#1b5b86;--k-eaf1eb:#dfeef7;--k-cc7656:#e33c30;--k-7b827a:#6a7988;--k-8c9289:#7b8996;--k-646b63:#54626f;--k-edf2ed:#e2eff8;--k-2f5942:#1b5b86;--k-748077:#667584;--k-747b72:#637280;--k-454c44:#39434d;--k-e5eee6:#d9eaf5;--k-396347:#1f6797;--k-f4eae2:#fcdeda;--k-9e674b:#c0251a;--k-f7f8f5:#f0f4f7;--k-eef0ea:#e4ebf1;--k-86a68b:#639cbf;--k-475147:#3c4752;--k-8a9188:#798895;--k-e4e8e0:#d8e3eb;--k-586257:#4b5864;--k-e9eae4:#dce6ed;--k-939990:#83909c;--k-c2c5be:#b5bdc4;--k-465047:#3b4651;--k-e4e7e0:#d7e2eb;--k-626a60:#53606d;--k-809c80:#5794bb;--k-81877e:#6e7e8d;--k-5c655b:#4e5b68;--k-737a72:#62717f;--k-d78b6e:#e7594f;--k-789677:#4d8eb6;--k-344f3a:#1b5881;--k-e9ebe5:#dde7ee;--k-929990:#83909c;--k-a1a69f:#939ea8;--k-4f574e:#424e59;--k-a4a89f:#949fa9;--k-355942:#1c5f8b;--k-bd694c:#dc2b1e;--k-7a9879:#4f90b7;--k-f1f4ef:#e5f1f9;--k-b86547:#d3291d;--k-faf0eb:#fdeae8;--k-516c53:#3377a4;--k-eff3ed:#e3f0f8;--k-858b82:#728290;--k-819b7f:#5694ba;--k-586156:#4a5763;--k-e8eae4:#dce6ed;--k-737a70:#61707e;--k-354d39:#1e577d;--k-cdd4ca:#b4cfe0;--k-719072:#4887af;--k-424a41:#36414a;--k-a1a69e:#929da8;--k-8a9088:#798795;--k-f0f3ef:#e5f1f8;--k-5b715c:#3c7eaa;--k-bd765a:#e13326;--k-f9efea:#fde8e6;--k-898f86:#778694;--k-17201730:#1f293330;--k-1d281f66:#1f293366;--k-f4f5f1:#ecf1f5;--k-60685e:#515e6b;--k-e1e5dd:#d4e0e9;--k-343c33:#2a333b;--k-8ba18b:#639cbf;--k-e2e5de:#d5e0e9;--k-657064:#576573;--k-747c71:#637280;--k-566454:#4a5763;--k-718e72:#4786ae;--k-253e2d:#154667;--k-f0f1ed:#e7edf2;--k-b66b4f:#d82a1d;--k-59715a:#3b7da8;--k-92988f:#828f9b;--k-42634b:#226b9c;--k-566154:#495662;--k-edf3ed:#e3f0f8;--k-9daf9c:#79aac8;--k-345b40:#1d5f8c;--k-c6cec4:#abcadd;--k-4e7758:#267eb8;--k-5d725a:#3c7eaa;--k-5d6f5f:#54616e;--k-6b756a:#5c6b79;--k-e9eee8:#dbecf6;--k-f0d9cf:#facac5;--k-b55f43:#cd281c;--k-9db09c:#79aac8;--k-b9c7b8:#9ec1d7;--k-fbfbf9:#f5f8fa;--k-a8573c:#bb241a;--k-7c837a:#6a7a89;--k-b3b8b0:#a6afb8;--k-f7f9f6:#eff6fb;--k-fafaf7:#f3f6f9;--k-3d463c:#323c45;--k-3d5540:#256087;--k-eceee8:#e1e9f0;--k-8a9187:#798795;--k-386044:#1e6493}
/* ===== Design „Science-Fiction“ ===== */
html[data-theme="scifi"]{--k-202720:#ebedef;--k-777e75:#a7b1bf;--k-e9eae5:#212e42;--k-ffffff:#0d141f;--k-f5f5f2:#060a0f;--k-305843:#48e3fb;--k-eaf1eb:#16383e;--k-cc7656:#ffc341;--k-7b827a:#a2adbc;--k-8c9289:#939fb1;--k-646b63:#b9c1cc;--k-edf2ed:#15363b;--k-2f5942:#48e3fb;--k-748077:#a6b0bf;--k-747b72:#aab3c1;--k-454c44:#d8dce3;--k-e5eee6:#173c42;--k-396347:#51e5fb;--k-f4eae2:#3e3012;--k-9e674b:#ffbc2a;--k-f7f8f5:#090e16;--k-eef0ea:#1e2a3c;--k-86a68b:#25c9e2;--k-475147:#d4d8e0;--k-8a9188:#94a0b2;--k-e4e8e0:#233147;--k-586257:#c3cad4;--k-e9eae4:#212f43;--k-939990:#8c99ac;--k-c2c5be:#637289;--k-465047:#d5d9e0;--k-e4e7e0:#233247;--k-626a60:#bbc3ce;--k-809c80:#30cce4;--k-81877e:#9ea9b9;--k-5c655b:#c0c7d1;--k-737a72:#aab4c2;--k-d78b6e:#ffc74f;--k-789677:#39cee5;--k-344f3a:#46e3fb;--k-e9ebe5:#212e42;--k-929990:#8c99ac;--k-a1a69f:#7e8da2;--k-4f574e:#cdd3db;--k-a4a89f:#7d8ca1;--k-355942:#4be4fb;--k-bd694c:#ffc037;--k-7a9879:#37cee5;--k-f1f4ef:#143439;--k-b86547:#ffbe33;--k-faf0eb:#3e3012;--k-516c53:#60e7fc;--k-eff3ed:#15363b;--k-858b82:#9aa5b6;--k-819b7f:#31cce4;--k-586156:#c4cbd5;--k-e8eae4:#212f43;--k-737a70:#abb5c2;--k-354d39:#46e3fb;--k-cdd4ca:#158b9d;--k-719072:#41d0e6;--k-424a41:#dadee4;--k-a1a69e:#7f8da2;--k-8a9088:#95a0b2;--k-f0f3ef:#14353a;--k-5b715c:#66e8fc;--k-bd765a:#ffc13d;--k-f9efea:#3e3012;--k-898f86:#96a2b3;--k-17201730:#00000030;--k-1d281f66:#00000066;--k-f4f5f1:#060a0f;--k-60685e:#bdc4cf;--k-e1e5dd:#25344a;--k-343c33:#e8eaee;--k-8ba18b:#25c9e2;--k-e2e5de:#25334a;--k-657064:#b6beca;--k-747c71:#aab3c1;--k-566454:#c4cad4;--k-718e72:#43d0e6;--k-253e2d:#38e1fb;--k-f0f1ed:#1d2839;--k-b66b4f:#ffbf35;--k-59715a:#65e8fc;--k-92988f:#8d9aad;--k-42634b:#55e5fc;--k-566154:#c5ccd5;--k-edf3ed:#15363b;--k-9daf9c:#1cbcd4;--k-345b40:#4be4fb;--k-c6cec4:#1692a5;--k-4e7758:#63e7fc;--k-5d725a:#66e8fc;--k-5d6f5f:#bac2cd;--k-6b756a:#b1b9c6;--k-e9eee8:#173b40;--k-f0d9cf:#775c22;--k-b55f43:#ffbe30;--k-9db09c:#1cbbd4;--k-b9c7b8:#179db2;--k-fbfbf9:#090e16;--k-a8573c:#ffbb28;--k-7c837a:#a2acbc;--k-b3b8b0:#6d7d95;--k-f7f9f6:#122f33;--k-fafaf7:#090e16;--k-3d463c:#dfe2e8;--k-3d5540:#4de4fb;--k-eceee8:#1f2b3e;--k-8a9187:#95a0b2;--k-386044:#4fe4fb}
/* ===== Design-Auswahl (gilt für alle Designs) ===== */
.theme-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:2px 0 14px}
.theme-option{border:1.5px solid var(--k-e4e8e0);background:var(--k-ffffff);border-radius:10px;padding:6px 4px 7px;white-space:nowrap;cursor:pointer;font:600 10px var(--sans);color:var(--k-566154);display:grid;gap:6px;justify-items:center;min-width:0}
.theme-option[aria-pressed="true"]{border-color:var(--k-305843);box-shadow:0 0 0 2px var(--k-eaf1eb);color:var(--k-305843)}
.theme-swatch{width:100%;height:34px;border-radius:7px;display:block}
.theme-swatch.standard{background:linear-gradient(90deg,#305843 0 34%,#f5f5f2 34% 78%,#cc7656 78%)}
.theme-swatch.moon{background:linear-gradient(90deg,#1f2a6b 0 22%,#e5325f 22% 52%,#ffd9e8 52% 80%,#f6c445 80%)}
.theme-swatch.surf{background:linear-gradient(90deg,#0d3b4f 0 22%,#12a3b4 22% 52%,#fbeed3 52% 78%,#ff6b3d 78%)}
.theme-swatch.metal{background:linear-gradient(90deg,#0b0b0c 0 30%,#8d8d95 30% 54%,#e9e9ec 54% 76%,#d4161c 76%)}
.theme-swatch.forest{background:linear-gradient(90deg,#1e3a2b 0 30%,#6f8f5a 30% 54%,#efe9d6 54% 80%,#c8372d 80%)}
.theme-swatch.alps{background:linear-gradient(90deg,#26323d 0 24%,#1f5f8b 24% 50%,#eef3f7 50% 80%,#d52b1e 80%)}
.theme-swatch.scifi{background:linear-gradient(90deg,#04070d 0 30%,#173a4d 30% 50%,#35e0ff 50% 80%,#ffb000 80%)}

/* ===== Konto, Profil, Mitglieder (gilt für alle Designs) ===== */
.avatar.member{color:#fff}
.avatar.member.with-icon{font-size:14px;line-height:1}
.person-option .avatar.member.with-icon{font-size:11px}
.account-card{display:flex;align-items:center;gap:9px;padding:10px;background:var(--k-ffffff);border:1px solid var(--k-e4e8e0);border-radius:9px;margin-bottom:8px}
.account-card .avatar{flex:none}
.account-text{display:block;min-width:0;flex:1}
.account-text b,.account-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-text b{font-size:11px;font-weight:600;color:var(--k-424a41)}
.account-text small{font-size:9px;color:var(--k-8a9088);margin-top:3px}
.mobile-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}
.mobile-brand .sync-dot{display:inline-block;vertical-align:.14em;margin-left:5px}
.mobile-user{border:0;background:none;padding:0;margin-top:2px;text-align:left;font:600 10px var(--sans);letter-spacing:0;text-transform:none;color:var(--k-747b72);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.top-account{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0 6px 0 0;cursor:pointer;font:600 11px var(--sans);color:var(--k-424a41);max-width:220px;min-width:0}
.top-account .avatar{flex:none}
.top-account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:720px){.top-account{display:none}}
.dialog-pad{padding:25px}
.dialog-pad form{padding:0}
.color-choices,.icon-choices{display:flex;flex-wrap:wrap;gap:8px}
.color-choice{width:30px;height:30px;border-radius:50%;border:2px solid var(--k-ffffff);cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--k-e4e8e0)}
.color-choice[aria-pressed="true"]{box-shadow:0 0 0 2.5px var(--k-202720)}
.icon-choice{width:36px;height:36px;border-radius:10px;border:1.5px solid var(--k-e4e8e0);background:var(--k-ffffff);cursor:pointer;font-size:17px;line-height:1;padding:0;color:var(--k-60685e)}
.icon-choice[data-icon=""]{font:600 11px var(--sans)}
.icon-choice[aria-pressed="true"]{border-color:var(--k-305843);background:var(--k-eaf1eb)}
.member-list{display:grid;gap:6px;margin-bottom:4px}
.member-row{display:flex;align-items:center;gap:9px}
.member-row .avatar{flex:none}
.member-text{min-width:0}
.member-text b,.member-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.member-text b{font-size:11px;font-weight:600;color:var(--k-424a41)}
.member-text small{font-size:9px;color:var(--k-8a9088);margin-top:2px}
.landing{position:fixed;inset:0;z-index:9;background:var(--k-f5f5f2);display:grid;place-items:center;padding:24px}
.landing-card{max-width:360px;text-align:center;background:var(--k-ffffff);border:1px solid var(--k-e9eae5);border-radius:14px;padding:30px 26px}
.landing-card .brand-mark{margin:0 auto 14px;width:40px;height:40px;font-size:26px}
.landing-card h2{font:700 20px var(--serif);letter-spacing:-.4px;margin:0 0 10px;color:var(--k-202720)}
.landing-card p{font-size:13px;line-height:1.6;color:var(--k-747c71);margin:0 0 20px}

/* ===== Kalender: Auswahl oben links, Farben, Einstellungen (gilt für alle Designs) ===== */
.brand.calendar-menu-open{border:0;background:none;cursor:pointer;width:100%;text-align:left;position:relative}
.brand-button{border:0;background:none;padding:0;cursor:pointer;display:grid;position:relative;flex:none}
.brand-word{border:0;background:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;display:flex;align-items:center;gap:5px;text-align:left}
.brand-word .sync-dot{margin:0}
.brand-caret{font:400 10px var(--sans);letter-spacing:0;opacity:.55}
.cal-stack{display:inline-flex;align-items:center}
.cal-stack:empty{display:none}
.cal-stack b{width:9px;height:9px;border-radius:50%;margin-left:-3px;box-shadow:0 0 0 1.5px var(--k-ffffff)}
.cal-stack b:first-child{margin-left:0}
.brand-button.has-invites::after,.brand.has-invites::after{content:'';position:absolute;top:-4px;right:-4px;width:10px;height:10px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px var(--k-ffffff)}
.brand.has-invites::after{right:auto;left:32px}
.cal-dots{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;pointer-events:none}
.cal-dots b{width:5px;height:5px;border-radius:50%;margin:0 -1px;box-shadow:0 0 0 1px var(--k-ffffff)}
.cal-dots.inline{position:static;display:inline-flex;vertical-align:-1px;margin-left:4px}
.cal-dots.inline b{width:6px;height:6px}
.mobile-brand{min-width:0}
.top-actions{flex:none}
.today-btn,.add-task-btn{white-space:nowrap}
.cal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:1px}
.mlabel.cal-tint,.chip.cal-tint{border-left:3px solid var(--cal);background:var(--k-eff3ed);background:color-mix(in srgb,var(--cal) 20%,var(--k-ffffff))}
.mlabel.cal-tint{border-left-width:2px;color:var(--k-424a41)}
.chip.cal-tint.high{box-shadow:inset -3px 0 0 var(--k-cc7656)}
.cal-edge{position:relative}
.cal-edge::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cal)}
dialog.menu-dialog{margin:62px auto auto 12px;width:min(360px,calc(100vw - 24px))}
.cal-list{display:grid;gap:6px;margin:2px 0 4px}
.cal-row{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 10px;border:1px solid var(--k-e4e8e0);border-radius:9px;background:var(--k-ffffff)}
.cal-check{display:flex;align-items:center;gap:10px;flex:1;min-width:0;margin:0;cursor:pointer;font-weight:400}
.cal-check input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--k-305843)}
.cal-swatch{width:14px;height:14px;border-radius:50%;flex:none}
.cal-text{min-width:0;flex:1;display:block}
.cal-text b,.cal-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-text b{font-size:12px;font-weight:600;color:var(--k-424a41)}
.cal-text small{font-size:10px;font-weight:400;color:var(--k-8a9088);margin-top:3px}
.invite-list{display:grid;gap:6px;margin-bottom:10px}
.invite-row{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:9px;background:var(--k-faf0eb);border:1px solid var(--k-f0d9cf)}
.invite-row button{padding:7px 9px;font-size:10px;flex:none}
.member-text{flex:1}
.member-row .role-select{width:auto;flex:none;padding:6px 6px;font-size:11px;max-width:108px}
.member-row .row-delete,.member-row .inline-add{flex:none}
.role-tag{font-size:10px;color:var(--k-5b715c);background:var(--k-f0f3ef);padding:5px 8px;border-radius:20px;flex:none}
.invite-section{margin-top:8px;padding-top:2px;border-top:1px solid var(--k-f0f1ed)}
.invite-line{display:flex;gap:6px}
.invite-line input{flex:1;min-width:0}
.invite-line select{width:auto;flex:none;padding-left:8px;padding-right:8px}
.invite-line button{flex:none}
#calendar-existing .share-status{margin-top:14px}
#calendar-local{margin-top:0}
#calendar-local .cancel-btn.wide{margin-top:10px}
#calendar-link-box{margin-top:8px}
#calendar-link-box .share-actions{margin-top:8px}
.danger-row{display:flex;gap:8px;margin-top:22px}
.danger-row .delete-btn{margin:0;flex:1;text-align:center}
.color-choices.locked{opacity:.5;pointer-events:none}
.check-line{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:11px;line-height:1.5;color:var(--k-60685e);margin:16px 0 0;cursor:pointer}
.check-line input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:var(--k-305843)}
@media(max-width:720px){.invite-line{flex-wrap:wrap}.invite-line input{flex-basis:100%}.invite-line select{flex:1}}

/* ===== Mondphasen (gilt für alle Designs) ===== */
.legend{flex-wrap:wrap;row-gap:6px}
.legend-dot.moon-full-dot,.day.moon-full::before{background:#f2c94c;box-shadow:0 0 0 1px #b8901f}
.legend-dot.moon-new-dot,.day.moon-new::before{background:#2c3140}
.day.moon-full::before,.day.moon-new::before{content:'';position:absolute;top:1px;right:1px;width:4px;height:4px;border-radius:50%}
.mcell{position:relative}
.mcell.moon-full::after,.mcell.moon-new::after{content:'';position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#2c3140}
.mcell.moon-full::after{background:#f2c94c;box-shadow:0 0 0 1px #b8901f}
@media(max-width:720px){.mmoon{display:none}.mcell.moon-full::after,.mcell.moon-new::after{top:4px;right:4px;width:6px;height:6px}}
.day.today.moon-new::before{box-shadow:0 0 0 1px #fff}
.mmoon{color:#4b5163;background:#eceef3}
.mmoon.full{color:#7a5d0c;background:#fbf1cf}
.chip.moon-chip{background:#eceef3;border-left-color:#2c3140}
.chip.moon-chip.full{background:#fbf1cf;border-left-color:#d9a91f}
.chip.moon-chip .chip-title{color:#3b4050}

/* ===== Mondzauber: Matrosenkragen-Streifen, Sternenhimmel, Mondsichel, Bonbon-Knöpfe ===== */
html[data-theme="moon"]{--serif:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sans:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html[data-theme="moon"] body{background:linear-gradient(180deg,#ffe4f0 0%,#f3e3ff 48%,#e2ebff 100%) fixed}
html[data-theme="moon"] .app-shell::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cpath transform='translate(24 30) scale(0.9)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23f6c445' opacity='0.75'/%3E%3Cpath transform='translate(150 18) scale(0.5)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23ffffff' opacity='0.95'/%3E%3Cpath transform='translate(208 92) scale(1.1)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23ffffff' opacity='0.9'/%3E%3Cpath transform='translate(86 120) scale(0.6)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23f6c445' opacity='0.7'/%3E%3Cpath transform='translate(30 190) scale(0.5)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23ffffff' opacity='0.95'/%3E%3Cpath transform='translate(170 200) scale(0.8)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23f6c445' opacity='0.65'/%3E%3Cpath transform='translate(118 232) scale(0.4)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23ffffff' opacity='0.9'/%3E%3Cpath transform='translate(232 228) scale(0.45)' d='M10 0l2 8 8 2-8 2-2 8-2-8-8-2 8-2z' fill='%23f6c445' opacity='0.6'/%3E%3C/svg%3E") 0 0/260px 260px;animation:moon-twinkle 3.6s ease-in-out infinite alternate}
@keyframes moon-twinkle{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html[data-theme="moon"] .app-shell::before{animation:none}}
html[data-theme="moon"] .main-content{position:relative;z-index:1}
html[data-theme="moon"] .sidebar{background:#fff7fb;border-right:0;box-shadow:3px 0 0 #1f2a6b,6px 0 0 #fff,9px 0 0 #1f2a6b}
html[data-theme="moon"] .topbar{background:#ffe9f3;border-bottom:0;box-shadow:0 3px 0 #1f2a6b,0 6px 0 #fff,0 9px 0 #1f2a6b;position:relative;z-index:1}
html[data-theme="moon"] .brand-mark{font-size:0;border-radius:50%;background:#1f2a6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f6c445' d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") center/58% no-repeat}
html[data-theme="moon"] .brand,html[data-theme="moon"] .mobile-brand{color:#1f2a6b}
html[data-theme="moon"] .brand-light{color:#e5325f}
html[data-theme="moon"] h1{color:#1f2a6b;display:flex;align-items:center;gap:9px}
html[data-theme="moon"] h1::after{content:'';flex:none;width:.78em;height:.78em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f6c445' d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-16deg)}
html[data-theme="moon"] .dialog-top h2{color:#1f2a6b}
html[data-theme="moon"] .eyebrow{color:#c2386a}
html[data-theme="moon"] .eyebrow-dot{background:#f6c445}
html[data-theme="moon"] .add-task-btn,html[data-theme="moon"] .save-btn{background:linear-gradient(180deg,#ff6b96,#e5325f);border-color:#e5325f;color:#fff;border-radius:999px;box-shadow:0 3px 0 #b3214a;font-weight:700}
html[data-theme="moon"] .add-task-btn:active,html[data-theme="moon"] .save-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #b3214a}
html[data-theme="moon"] .cancel-btn,html[data-theme="moon"] .today-btn,html[data-theme="moon"] .delete-btn,html[data-theme="moon"] .row-delete,html[data-theme="moon"] .invite-button{border-radius:999px}
html[data-theme="moon"] .year-switch button{border-radius:50%}
html[data-theme="moon"] .month-card,html[data-theme="moon"] .task-row,html[data-theme="moon"] .contact-row,html[data-theme="moon"] .day-view,html[data-theme="moon"] .empty-state{border-radius:18px;border:1.5px solid #f7bfd6;box-shadow:0 6px 18px rgba(229,50,95,.08)}
html[data-theme="moon"] .summary-pill{border-radius:999px;border:1.5px solid #f7bfd6}
html[data-theme="moon"] .mcell{border-radius:14px}
html[data-theme="moon"] .day.today,html[data-theme="moon"] .mcell.today .mnum{background:#f6c445;color:#1f2a6b;border-radius:999px;font-weight:800}
html[data-theme="moon"] .day.today:hover{background:#f6c445}
html[data-theme="moon"] .day.has-task::after{content:'✦';width:auto;height:auto;background:none;font-size:7px;line-height:1;color:#e5325f;bottom:-3px}
html[data-theme="moon"] .day.today.has-task::after{background:none;color:#1f2a6b}
html[data-theme="moon"] .legend .today-dot{background:#f6c445}
html[data-theme="moon"] .nav-item{border-radius:999px}
html[data-theme="moon"] .nav-item.active{background:#ffd9e8;color:#1f2a6b}
html[data-theme="moon"] .mobile-footer{background:#fff7fb;border-top:0;box-shadow:0 -3px 0 #1f2a6b,0 -6px 0 #fff,0 -9px 0 #1f2a6b}
html[data-theme="moon"] .mobile-footer button.active{color:#e5325f}
html[data-theme="moon"] .mobile-plus{background:linear-gradient(180deg,#ff6b96,#e5325f);border-radius:50%}
html[data-theme="moon"] dialog{border-radius:24px;border:2px solid #f7bfd6}
html[data-theme="moon"] input:not([type=checkbox]),html[data-theme="moon"] form select,html[data-theme="moon"] .filter-wrap select{border-radius:12px}
html[data-theme="moon"] .chip{border-radius:12px}
html[data-theme="moon"] .check-task:checked{background:#e5325f;border-color:#e5325f}
html[data-theme="moon"] .toast{background:#1f2a6b;border-radius:999px}
html[data-theme="moon"] .toast::before{content:'✦ ';color:#f6c445}
html[data-theme="moon"] .theme-option[aria-pressed="true"]{border-color:#e5325f;box-shadow:0 0 0 2px #ffd9e8;color:#1f2a6b}

/* ===== Surfer: Retro-Streifen, gestreifte Sonne, Plakat-Karten mit hartem Schatten ===== */
html[data-theme="surf"]{--serif:"Avenir Next Condensed","Futura","Arial Narrow","Roboto Condensed",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html[data-theme="surf"] body{background:#fbeed3}
html[data-theme="surf"] .sidebar{background:#fffaf0;border-right:2px solid #0d3b4f}
html[data-theme="surf"] .topbar{background:#fffaf0;border-bottom:0;box-shadow:0 4px 0 #ffc94a,0 8px 0 #ff6b3d,0 12px 0 #12a3b4;position:relative;z-index:1}
html[data-theme="surf"] .brand-mark{font-size:0;border-radius:8px;border:2px solid #0d3b4f;background:#12a3b4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M2 9c2.5 0 2.5-3 5-3s2.5 3 5 3 2.5-3 5-3 2.5 3 5 3'/%3E%3Cpath d='M2 17c2.5 0 2.5-3 5-3s2.5 3 5 3 2.5-3 5-3 2.5 3 5 3'/%3E%3C/svg%3E") center/74% no-repeat}
html[data-theme="surf"] .brand,html[data-theme="surf"] .mobile-brand{color:#0d3b4f;font-style:italic}
html[data-theme="surf"] h1{font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#0d3b4f;font-size:38px}
html[data-theme="surf"] .dialog-top h2{font-style:italic;font-weight:800;text-transform:uppercase;letter-spacing:.3px;color:#0d3b4f}
html[data-theme="surf"] .month-name{font-style:italic;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.3px;color:#0d3b4f}
html[data-theme="surf"] .page-content{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffc94a'/%3E%3Cstop offset='1' stop-color='%23ff6b3d'/%3E%3C/linearGradient%3E%3CclipPath id='c'%3E%3Crect width='120' height='62'/%3E%3Crect y='67' width='120' height='9'/%3E%3Crect y='81' width='120' height='8'/%3E%3Crect y='94' width='120' height='6'/%3E%3Crect y='105' width='120' height='4'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx='60' cy='60' r='56' fill='url(%23g)' clip-path='url(%23c)'/%3E%3C/svg%3E") right 46px top 22px/150px 150px no-repeat}
html[data-theme="surf"] .page-title-row{min-height:92px}
html[data-theme="surf"] .month-card,html[data-theme="surf"] .task-row,html[data-theme="surf"] .contact-row,html[data-theme="surf"] .day-view,html[data-theme="surf"] .empty-state{border:2px solid #0d3b4f;border-radius:10px;box-shadow:4px 4px 0 #0d3b4f}
html[data-theme="surf"] .summary-pill{border:2px solid #0d3b4f;border-radius:999px}
html[data-theme="surf"] .mcell{border:1.5px solid #0d3b4f;border-radius:8px}
html[data-theme="surf"] .mcell.empty{border-color:transparent}
html[data-theme="surf"] .add-task-btn,html[data-theme="surf"] .save-btn{background:#12a3b4;border:2px solid #0d3b4f;color:#fff;box-shadow:3px 3px 0 #0d3b4f;border-radius:8px;font-weight:700}
html[data-theme="surf"] .add-task-btn:active,html[data-theme="surf"] .save-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #0d3b4f}
html[data-theme="surf"] .cancel-btn,html[data-theme="surf"] .today-btn,html[data-theme="surf"] .invite-button{border:2px solid #0d3b4f;color:#0d3b4f;border-radius:8px}
html[data-theme="surf"] .year-switch{background:#fffaf0;border:2px solid #0d3b4f;border-radius:10px;box-shadow:3px 3px 0 #0d3b4f;padding:3px 4px;gap:6px}
html[data-theme="surf"] .year-switch button{border:0;background:none;color:#0d3b4f}
html[data-theme="surf"] .year-switch strong{color:#0d3b4f}
html[data-theme="surf"] .filter-wrap select{box-shadow:3px 3px 0 #0d3b4f;background:#fffaf0}
html[data-theme="surf"] .day.today,html[data-theme="surf"] .mcell.today .mnum{background:#ff6b3d;color:#fff;border-radius:999px;font-weight:800}
html[data-theme="surf"] .day.today:hover{background:#ff6b3d}
html[data-theme="surf"] .legend .today-dot{background:#ff6b3d}
html[data-theme="surf"] .nav-item.active{background:#12a3b4;color:#fff;border:2px solid #0d3b4f;box-shadow:3px 3px 0 #0d3b4f}
html[data-theme="surf"] .mobile-footer{background:#fffaf0;border-top:2px solid #0d3b4f}
html[data-theme="surf"] .mobile-footer button.active{color:#ff6b3d}
html[data-theme="surf"] .mobile-plus{background:#ff6b3d;border:2px solid #0d3b4f;border-radius:8px}
html[data-theme="surf"] dialog{border:2px solid #0d3b4f;border-radius:12px;box-shadow:8px 8px 0 rgba(13,59,79,.35)}
html[data-theme="surf"] input:not([type=checkbox]),html[data-theme="surf"] form select,html[data-theme="surf"] .filter-wrap select{border:1.5px solid #0d3b4f}
html[data-theme="surf"] .check-task{border:1.5px solid #0d3b4f}
html[data-theme="surf"] .check-task:checked{background:#12a3b4;border-color:#0d3b4f}
html[data-theme="surf"] .toast{background:#0d3b4f;border:2px solid #ffc94a;border-radius:8px}
html[data-theme="surf"] .theme-option[aria-pressed="true"]{border-color:#0d3b4f;box-shadow:3px 3px 0 #0d3b4f;color:#0d3b4f}
@media(max-width:720px){html[data-theme="surf"] h1{font-size:28px}html[data-theme="surf"] .year-switch{gap:2px}html[data-theme="surf"] .page-content{background-position:right 8px top 10px;background-size:118px 118px}html[data-theme="surf"] .month-card,html[data-theme="surf"] .task-row,html[data-theme="surf"] .contact-row,html[data-theme="surf"] .day-view,html[data-theme="surf"] .empty-state{box-shadow:3px 3px 0 #0d3b4f}html[data-theme="moon"] .topbar{background:#ffe9f3}html[data-theme="surf"] .topbar{background:#fffaf0}}

/* ===== Dunkle Designs (Heavy Metal, Science-Fiction): Bedienelemente des Geräts dunkel, Mondzeichen sichtbar ===== */
html[data-theme="metal"],html[data-theme="scifi"]{color-scheme:dark}
html[data-theme="metal"] .day.moon-new::before,html[data-theme="scifi"] .day.moon-new::before,html[data-theme="metal"] .mcell.moon-new::after,html[data-theme="scifi"] .mcell.moon-new::after,html[data-theme="metal"] .legend-dot.moon-new-dot,html[data-theme="scifi"] .legend-dot.moon-new-dot{background:transparent;box-shadow:0 0 0 1px #aab1c6}
html[data-theme="metal"] .mmoon,html[data-theme="scifi"] .mmoon{color:#c9cfe2;background:#232838}
html[data-theme="metal"] .mmoon.full,html[data-theme="scifi"] .mmoon.full{color:#f2c94c;background:#3a2f0c}
html[data-theme="metal"] .chip.moon-chip,html[data-theme="scifi"] .chip.moon-chip{background:#1b1f2d;border-left-color:#aab1c6}
html[data-theme="metal"] .chip.moon-chip.full,html[data-theme="scifi"] .chip.moon-chip.full{background:#33290a;border-left-color:#f2c94c}
html[data-theme="metal"] .chip.moon-chip .chip-title,html[data-theme="scifi"] .chip.moon-chip .chip-title{color:#e3e6f2}
html[data-theme="metal"] .check-task:checked::after,html[data-theme="metal"] .person-option input:checked::after{color:#fff}

/* ===== Heavy Metal: Schwarz, gebürsteter Stahl, Nietenband, Chrom-Schrift, Blutrot ===== */
html[data-theme="metal"]{--serif:"DIN Condensed","Impact","Haettenschweiler","Arial Narrow","Roboto Condensed",sans-serif-condensed,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html[data-theme="metal"] body{background:#0a0a0b repeating-linear-gradient(135deg,rgba(255,255,255,.028) 0 2px,transparent 2px 7px)}
html[data-theme="metal"] .sidebar{background:#0f0f11;border-right:1px solid #2c2c31}
html[data-theme="metal"] .topbar{background:linear-gradient(180deg,#1b1b1f,#101012);border-bottom:0;position:relative;z-index:1}
html[data-theme="metal"] .topbar::after{content:'';position:absolute;left:0;right:0;top:100%;height:12px;background:#050506 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath d='M3 2h8L7 6z' fill='%23e6e6ec'/%3E%3Cpath d='M3 2l4 4-4 4z' fill='%23a3a3ab'/%3E%3Cpath d='M11 2v8L7 6z' fill='%2355555c'/%3E%3Cpath d='M3 10h8L7 6z' fill='%232c2c31'/%3E%3C/svg%3E") left top/14px 12px repeat-x;border-top:1px solid #45454c;border-bottom:1px solid #000}
html[data-theme="metal"] .brand-mark{font-size:0;border-radius:2px;border:1.5px solid #8d8d95;background:#000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.5 1 4 13.5h6.2L8 23l12-13.8h-6.6z' fill='%23e01b24'/%3E%3C/svg%3E") center/62% no-repeat}
html[data-theme="metal"] .brand,html[data-theme="metal"] .mobile-brand{font-family:var(--serif);text-transform:uppercase;letter-spacing:1.6px;font-size:19px;font-weight:700;color:#ececf0}
html[data-theme="metal"] .brand-light{color:#e01b24;font-weight:700}
html[data-theme="metal"] h1{font:700 46px/1 var(--serif);text-transform:uppercase;letter-spacing:1.2px;margin-top:12px;background:linear-gradient(180deg,#fff 0%,#d2d2da 34%,#6d6d76 52%,#e6e6ec 62%,#8f8f98 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #000)}
html[data-theme="metal"] .dialog-top h2{font:700 27px/1.05 var(--serif);text-transform:uppercase;letter-spacing:1px;color:#f2f2f5}
html[data-theme="metal"] .month-name{font:700 16px/1 var(--serif);text-transform:uppercase;letter-spacing:1px;color:#ececf0}
html[data-theme="metal"] .eyebrow{color:#e01b24}
html[data-theme="metal"] .eyebrow-dot{background:#e01b24;border-radius:0;transform:rotate(45deg)}
html[data-theme="metal"] .month-card,html[data-theme="metal"] .task-row,html[data-theme="metal"] .contact-row,html[data-theme="metal"] .day-view,html[data-theme="metal"] .empty-state{border:1px solid #3a3a41;border-radius:2px;background:linear-gradient(180deg,#1c1c20,#121215);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 3px 0 #000}
html[data-theme="metal"] .mcell{border-radius:2px;border-color:#303036}
html[data-theme="metal"] .summary-pill,html[data-theme="metal"] .person-option,html[data-theme="metal"] .task-person-tag,html[data-theme="metal"] .priority-tag,html[data-theme="metal"] .task-category-tag,html[data-theme="metal"] .close-btn,html[data-theme="metal"] .row-edit,html[data-theme="metal"] .chip,html[data-theme="metal"] .mlabel,html[data-theme="metal"] .day,html[data-theme="metal"] .nav-item,html[data-theme="metal"] .theme-option,html[data-theme="metal"] .theme-swatch,html[data-theme="metal"] .account-card,html[data-theme="metal"] .share-entry,html[data-theme="metal"] .sync-card,html[data-theme="metal"] .icon-choice{border-radius:2px}
html[data-theme="metal"] .add-task-btn,html[data-theme="metal"] .save-btn{background:linear-gradient(180deg,#e8222b,#a40f17);border:1px solid #000;color:#fff;border-radius:2px;text-transform:uppercase;font-weight:800;letter-spacing:.7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 3px 0 #000}
html[data-theme="metal"] .add-task-btn:active,html[data-theme="metal"] .save-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 1px 0 #000}
html[data-theme="metal"] .cancel-btn,html[data-theme="metal"] .today-btn,html[data-theme="metal"] .invite-button,html[data-theme="metal"] .year-switch button{background:linear-gradient(180deg,#3d3d44,#222226);border:1px solid #000;color:#f0f0f3;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 2px 0 #000}
html[data-theme="metal"] .cancel-btn,html[data-theme="metal"] .today-btn,html[data-theme="metal"] .invite-button{text-transform:uppercase;font-weight:700;letter-spacing:.6px}
html[data-theme="metal"] .delete-btn,html[data-theme="metal"] .row-delete{border-radius:2px;background:transparent}
html[data-theme="metal"] .delete-btn.armed,html[data-theme="metal"] .row-delete.armed{color:#111}
html[data-theme="metal"] .day.today,html[data-theme="metal"] .mcell.today .mnum{background:#d4161c;color:#fff;border-radius:2px;font-weight:800}
html[data-theme="metal"] .day.today:hover{background:#d4161c}
html[data-theme="metal"] .day.has-task::after{width:4px;height:4px;border-radius:0;transform:rotate(45deg);background:#ff3b3b;bottom:0}
html[data-theme="metal"] .day.today.has-task::after{background:#fff}
html[data-theme="metal"] .legend .today-dot{background:#d4161c}
html[data-theme="metal"] .nav-item.active{background:#d4161c;color:#fff}
html[data-theme="metal"] .nav-item.active .nav-count{background:#000;color:#fff}
html[data-theme="metal"] .mobile-footer{background:#0f0f11;border-top:1px solid #45454c}
html[data-theme="metal"] .mobile-footer button.active{color:#ff3b3b}
html[data-theme="metal"] .mobile-plus{background:linear-gradient(180deg,#e8222b,#a40f17);border:1px solid #000;border-radius:2px;color:#fff!important}
html[data-theme="metal"] dialog{background:#141417;border:1px solid #55555d;border-radius:3px;box-shadow:0 0 0 1px #000,0 24px 80px #000}
html[data-theme="metal"] input:not([type=checkbox]),html[data-theme="metal"] form select,html[data-theme="metal"] .filter-wrap select{border-radius:2px;border-color:#3d3d44}
html[data-theme="metal"] .check-task,html[data-theme="metal"] .person-option input{border-radius:2px}
html[data-theme="metal"] .check-task:checked{background:#d4161c;border-color:#d4161c}
html[data-theme="metal"] .toast{background:#d4161c;color:#fff;border-radius:2px;text-transform:uppercase;font-weight:800;letter-spacing:.7px;box-shadow:0 3px 0 #000}
html[data-theme="metal"] .theme-option[aria-pressed="true"]{border-color:#e01b24;box-shadow:0 0 0 1px #e01b24;color:#fff}
html[data-theme="metal"] .avatar,html[data-theme="metal"] .cal-row,html[data-theme="metal"] .invite-row,html[data-theme="metal"] .role-tag{border-radius:2px}

/* ===== Wald: Tannengrün auf Pergament, Baumreihe am Horizont, Schilder mit Rindenkante, Fliegenpilz-Rot ===== */
html[data-theme="forest"]{--serif:"Iowan Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,serif}
html[data-theme="forest"] .sidebar{background:#f6f1e0;border-right:3px solid #1e3a2b}
html[data-theme="forest"] .topbar{background:#f6f1e0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='236' height='40' viewBox='0 0 236 40'%3E%3Cpath d='M14 10.0l5.2 13.5h-10.4zM14 17.5l7.8 14.1h-15.6zM14 25.0l10.0 15.0h-20.0z' fill='%23dfe4cb'/%3E%3Cpath d='M47 4.0l5.7 16.2h-11.4zM47 13.0l8.6 16.9h-17.2zM47 22.0l11.0 18.0h-22.0z' fill='%23dfe4cb'/%3E%3Cpath d='M83 13.0l4.7 12.2h-9.4zM83 19.8l7.0 12.7h-14.0zM83 26.5l9.0 13.5h-18.0z' fill='%23dfe4cb'/%3E%3Cpath d='M118 2.0l6.2 17.1h-12.5zM118 11.5l9.4 17.9h-18.7zM118 21.0l12.0 19.0h-24.0z' fill='%23dfe4cb'/%3E%3Cpath d='M152 9.0l5.2 14.0h-10.4zM152 16.8l7.8 14.6h-15.6zM152 24.5l10.0 15.5h-20.0z' fill='%23dfe4cb'/%3E%3Cpath d='M187 5.0l5.7 15.8h-11.4zM187 13.8l8.6 16.4h-17.2zM187 22.5l11.0 17.5h-22.0z' fill='%23dfe4cb'/%3E%3Cpath d='M219 12.0l4.7 12.6h-9.4zM219 19.0l7.0 13.2h-14.0zM219 26.0l9.0 14.0h-18.0z' fill='%23dfe4cb'/%3E%3Cpath d='M30 20.0l3.9 9.0h-7.8zM30 25.0l5.9 9.4h-11.7zM30 30.0l7.5 10.0h-15.0z' fill='%23bccaa6'/%3E%3Cpath d='M66 16.0l4.4 10.8h-8.8zM66 22.0l6.6 11.3h-13.3zM66 28.0l8.5 12.0h-17.0z' fill='%23bccaa6'/%3E%3Cpath d='M101 22.0l3.6 8.1h-7.3zM101 26.5l5.5 8.5h-10.9zM101 31.0l7.0 9.0h-14.0z' fill='%23bccaa6'/%3E%3Cpath d='M136 18.0l4.2 9.9h-8.3zM136 23.5l6.2 10.3h-12.5zM136 29.0l8.0 11.0h-16.0z' fill='%23bccaa6'/%3E%3Cpath d='M170 21.0l3.6 8.6h-7.3zM170 25.8l5.5 8.9h-10.9zM170 30.5l7.0 9.5h-14.0z' fill='%23bccaa6'/%3E%3Cpath d='M203 15.0l4.4 11.2h-8.8zM203 21.2l6.6 11.8h-13.3zM203 27.5l8.5 12.5h-17.0z' fill='%23bccaa6'/%3E%3C/svg%3E") left bottom/auto 34px repeat-x;border-bottom:3px solid #1e3a2b;position:relative;z-index:1}
html[data-theme="forest"] .brand-mark{font-size:0;border-radius:4px;background:#1e3a2b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l4.6 6.5h-2.7l4.9 6h-3.2L21 21H3l5.4-6.5H5.2l4.9-6H7.4z' fill='%23f6f1e0'/%3E%3Cpath d='M11 21h2v2.5h-2z' fill='%23f6f1e0'/%3E%3C/svg%3E") center/70% no-repeat}
html[data-theme="forest"] .brand,html[data-theme="forest"] .mobile-brand{font-family:var(--serif);letter-spacing:-.2px;color:#16291f;font-size:19px}
html[data-theme="forest"] .brand-light{color:#7a5a3c}
html[data-theme="forest"] .mobile-user{color:#33402c}
html[data-theme="forest"] h1{font:700 36px/1.08 var(--serif);letter-spacing:-.6px;color:#1e3a2b}
html[data-theme="forest"] .dialog-top h2{font:700 23px/1.15 var(--serif);letter-spacing:-.3px;color:#1e3a2b}
html[data-theme="forest"] .month-name{font:700 14px var(--serif);letter-spacing:0;color:#1e3a2b}
html[data-theme="forest"] .eyebrow{color:#7a5a3c}
html[data-theme="forest"] .eyebrow-dot{background:#c8372d}
html[data-theme="forest"] .month-card,html[data-theme="forest"] .task-row,html[data-theme="forest"] .contact-row,html[data-theme="forest"] .day-view,html[data-theme="forest"] .empty-state{border:1.5px solid #1e3a2b;border-radius:4px;box-shadow:0 3px 0 #4a3426}
html[data-theme="forest"] .summary-pill{border:1.5px solid #1e3a2b;border-radius:4px}
html[data-theme="forest"] .mcell{border:1px solid #7f9070;border-radius:3px}
html[data-theme="forest"] .mcell.empty{border-color:transparent}
html[data-theme="forest"] .add-task-btn,html[data-theme="forest"] .save-btn{background:#1e3a2b;border:1.5px solid #1e3a2b;color:#f6f1e0;border-radius:4px;font-weight:700;box-shadow:0 3px 0 #4a3426}
html[data-theme="forest"] .add-task-btn:active,html[data-theme="forest"] .save-btn:active{transform:translateY(2px);box-shadow:0 1px 0 #4a3426}
html[data-theme="forest"] .cancel-btn,html[data-theme="forest"] .today-btn,html[data-theme="forest"] .invite-button,html[data-theme="forest"] .year-switch button{border:1.5px solid #1e3a2b;color:#1e3a2b;border-radius:4px;background:#fbf8ec}
html[data-theme="forest"] .delete-btn,html[data-theme="forest"] .row-delete{border-radius:4px;border-color:#c8372d}
html[data-theme="forest"] .day.today,html[data-theme="forest"] .mcell.today .mnum{background:#c8372d;color:#fff;border-radius:4px;font-weight:800}
html[data-theme="forest"] .day.today:hover{background:#c8372d}
html[data-theme="forest"] .day.has-task::after{width:0;height:0;background:none;border-radius:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid #3f6b3a;bottom:0}
html[data-theme="forest"] .day.today.has-task::after{background:none;border-bottom-color:#fff}
html[data-theme="forest"] .legend .today-dot{background:#c8372d}
html[data-theme="forest"] .legend .task-dot{width:0;height:0;background:none;border-radius:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #3f6b3a}
html[data-theme="forest"] .nav-item{border-radius:4px}
html[data-theme="forest"] .nav-item.active{background:#1e3a2b;color:#f6f1e0}
html[data-theme="forest"] .nav-item.active .nav-count{background:#f6f1e0;color:#1e3a2b}
html[data-theme="forest"] .mobile-footer{background:#1e3a2b;border-top:3px solid #4a3426}
html[data-theme="forest"] .mobile-footer button{color:#a9bb93}
html[data-theme="forest"] .mobile-footer button.active{color:#f6f1e0}
html[data-theme="forest"] .mobile-plus{background:#c8372d;border-radius:4px;color:#fff!important}
html[data-theme="forest"] dialog{background:#fbf8ec;border:2px solid #1e3a2b;border-radius:6px;box-shadow:0 5px 0 #4a3426,0 24px 60px rgba(30,58,43,.4)}
html[data-theme="forest"] input:not([type=checkbox]),html[data-theme="forest"] form select,html[data-theme="forest"] .filter-wrap select{border:1.5px solid #7f9070;border-radius:4px}
html[data-theme="forest"] .check-task{border:1.5px solid #1e3a2b;border-radius:4px}
html[data-theme="forest"] .check-task:checked{background:#3f6b3a;border-color:#1e3a2b}
html[data-theme="forest"] .chip{border-radius:3px}
html[data-theme="forest"] .person-option,html[data-theme="forest"] .task-person-tag,html[data-theme="forest"] .priority-tag,html[data-theme="forest"] .task-category-tag,html[data-theme="forest"] .close-btn,html[data-theme="forest"] .row-edit,html[data-theme="forest"] .theme-option,html[data-theme="forest"] .account-card,html[data-theme="forest"] .share-entry,html[data-theme="forest"] .sync-card,html[data-theme="forest"] .icon-choice,html[data-theme="forest"] .mlabel,html[data-theme="forest"] .day{border-radius:4px}
html[data-theme="forest"] .theme-swatch{border-radius:2px}
html[data-theme="forest"] .cal-row,html[data-theme="forest"] .invite-row,html[data-theme="forest"] .role-tag{border-radius:4px}
html[data-theme="forest"] .toast{background:#4a3426;color:#f6f1e0;border-radius:4px;border-bottom:3px solid #c8372d}
html[data-theme="forest"] .theme-option[aria-pressed="true"]{border-color:#1e3a2b;box-shadow:0 3px 0 #4a3426;color:#1e3a2b}

/* ===== Berge: Schnee und Schiefer, Höhenlinien wie auf der Wanderkarte, Gipfel, rot-weiß-rote Wegmarkierung ===== */
html[data-theme="alps"]{--serif:"Avenir Next","Futura","Gill Sans","Trebuchet MS",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html[data-theme="alps"] body{background:#eef3f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='%23cfdce6' stroke-width='1'%3E%3Cpath d='M154 130C154 133 150 135 148 137C146 140 144 142 141 143C139 144 135 143 132 144C129 145 127 146 123 147C120 147 113 148 111 147C109 145 109 140 109 137C109 134 110 132 110 130C110 128 107 125 108 123C109 120 111 118 114 116C116 114 119 111 122 111C126 110 130 112 133 113C136 115 136 118 138 120C141 121 146 120 149 122C151 124 154 127 154 130zM179 130C179 135 172 141 168 145C163 149 160 154 154 156C149 158 142 157 136 158C130 160 125 163 118 164C111 165 98 167 94 163C89 160 91 150 90 144C90 139 92 135 91 130C91 125 87 120 88 115C90 110 95 106 100 102C104 98 110 92 117 91C123 90 132 94 138 97C143 100 143 107 149 110C154 113 165 111 170 114C175 118 180 125 179 130zM207 130C207 138 196 146 189 153C183 160 177 167 169 170C161 173 150 172 141 174C131 176 124 181 113 182C102 184 82 187 75 182C68 177 71 160 70 152C69 143 72 137 71 130C71 123 65 114 67 107C69 100 77 93 84 87C91 81 101 72 111 70C120 69 135 74 143 79C151 84 152 94 160 99C168 103 185 101 193 106C200 111 208 122 207 130zM238 130C237 141 221 153 213 162C204 171 196 180 184 185C173 190 159 187 146 190C133 193 122 200 107 202C92 204 65 209 55 201C45 194 49 172 48 160C47 148 51 140 50 130C49 120 40 108 43 98C46 88 57 79 67 71C77 62 90 49 104 47C117 46 137 53 149 59C160 66 161 81 172 87C184 93 206 89 217 96C228 104 239 119 238 130zM316 304C315 306 314 307 313 309C313 311 315 315 313 317C312 319 307 319 304 319C302 319 299 318 296 317C294 316 291 315 290 314C288 313 288 311 286 309C284 308 280 306 280 304C279 302 279 298 281 297C283 295 288 296 291 295C293 294 294 293 296 292C299 291 302 290 304 290C307 290 310 291 312 292C314 293 318 295 318 297C319 299 316 302 316 304zM333 304C331 308 329 310 328 314C327 319 331 327 328 331C325 335 315 336 309 336C303 336 297 333 292 331C287 330 282 328 278 326C274 323 274 319 270 315C267 312 259 308 257 304C255 300 255 292 259 289C263 285 275 286 280 285C286 283 288 280 293 278C297 277 303 274 309 274C314 274 320 277 325 279C330 282 337 285 339 289C340 294 335 300 333 304zM352 304C349 311 345 313 344 320C342 328 348 341 344 347C339 352 324 355 315 355C305 355 296 350 287 347C279 345 271 342 265 338C260 334 259 327 253 322C248 316 235 311 232 304C229 297 230 285 236 280C242 275 260 276 269 273C278 271 281 266 288 264C296 261 305 256 314 256C323 256 332 261 340 265C348 269 359 275 361 281C363 288 355 297 352 304zM373 304C369 313 363 317 361 327C359 337 368 356 361 364C354 372 334 375 321 375C308 375 294 369 282 365C271 361 259 358 251 352C243 346 242 337 234 329C227 321 209 314 205 304C201 294 201 277 210 270C219 263 244 265 256 261C269 257 273 251 283 247C294 243 307 237 320 237C332 237 345 243 356 249C367 255 383 263 386 272C388 281 377 295 373 304z'/%3E%3C/svg%3E") 0 0/420px 420px}
html[data-theme="alps"] .sidebar{background:#fff;border-right:2px solid #26323d}
html[data-theme="alps"] .topbar{background:#fff;border-bottom:2px solid #26323d;position:relative;z-index:1}
html[data-theme="alps"] .brand-mark{font-size:0;border-radius:3px;background:#1f5f8b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.5 20 9.5 6l3.8 6 2.2-3 7 11z' fill='%23fff'/%3E%3Cpath d='M9.5 6 6.9 10.5l1.7 1.3 1.4-1.5 1.3 1.7 1.1-1.3z' fill='%231f5f8b' opacity='.45'/%3E%3C/svg%3E") center/80% no-repeat}
html[data-theme="alps"] .brand,html[data-theme="alps"] .mobile-brand{font-family:var(--serif);font-weight:800;letter-spacing:-.3px;color:#1d2a35}
html[data-theme="alps"] .page-content{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 120'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.35' stop-color='%23b4c7d6'/%3E%3Cstop offset='1' stop-color='%23b4c7d6' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.3' stop-color='%236f8ea6'/%3E%3Cstop offset='1' stop-color='%236f8ea6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 120 40 62l22 24 46-68 34 44 20-22 58 80z' fill='url(%23a)'/%3E%3Cpath d='M108 18 92 42l10 6 8-9 9 12 9-7z' fill='%23fff'/%3E%3Cpath d='M70 120 150 26l34 40 18-16 58 70z' fill='url(%23b)'/%3E%3Cpath d='M150 26l-20 23.5 11 5 8-8.5 10 12 9-8 6 4z' fill='%23fff'/%3E%3Cpath d='M202 50l-9 8 8 3.5 6-4.5 7 5.5z' fill='%23fff'/%3E%3C/svg%3E") right 40px top 14px/270px 125px no-repeat}
html[data-theme="alps"] .page-title-row{min-height:86px}
html[data-theme="alps"] h1{font:800 33px/1.1 var(--serif);letter-spacing:-.7px;color:#1d2a35}
html[data-theme="alps"] h1::before{content:'';display:inline-block;width:.74em;height:.52em;margin-right:.3em;vertical-align:.05em;border-radius:1px;background:linear-gradient(180deg,#d52b1e 0 34%,#fff 34% 66%,#d52b1e 66%);box-shadow:0 0 0 1px rgba(29,42,53,.3)}
html[data-theme="alps"] .dialog-top h2{font:800 22px/1.15 var(--serif);letter-spacing:-.4px;color:#1d2a35}
html[data-theme="alps"] .month-name{font:800 13px var(--serif);letter-spacing:0;color:#1d2a35}
html[data-theme="alps"] .eyebrow-dot{background:#d52b1e;border-radius:0}
html[data-theme="alps"] .month-card,html[data-theme="alps"] .task-row,html[data-theme="alps"] .contact-row,html[data-theme="alps"] .day-view,html[data-theme="alps"] .empty-state{border:1.5px solid #26323d;border-radius:3px;box-shadow:none}
html[data-theme="alps"] .summary-pill{border:1.5px solid #26323d;border-radius:3px}
html[data-theme="alps"] .mcell{border:1px solid #93a8b8;border-radius:2px}
html[data-theme="alps"] .mcell.empty{border-color:transparent}
html[data-theme="alps"] .add-task-btn,html[data-theme="alps"] .save-btn{background:#1f5f8b;border:1.5px solid #26323d;color:#fff;border-radius:3px;font-weight:700}
html[data-theme="alps"] .cancel-btn,html[data-theme="alps"] .today-btn,html[data-theme="alps"] .invite-button,html[data-theme="alps"] .year-switch button{border:1.5px solid #26323d;color:#26323d;border-radius:3px;background:#fff}
html[data-theme="alps"] .delete-btn,html[data-theme="alps"] .row-delete{border-radius:3px;border-color:#d52b1e}
html[data-theme="alps"] .day.today,html[data-theme="alps"] .mcell.today .mnum{background:#d52b1e;color:#fff;border-radius:3px;font-weight:800}
html[data-theme="alps"] .day.today:hover{background:#d52b1e}
html[data-theme="alps"] .day.has-task::after{width:0;height:0;background:none;border-radius:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:5px solid #1f5f8b;bottom:0}
html[data-theme="alps"] .day.today.has-task::after{background:none;border-bottom-color:#fff}
html[data-theme="alps"] .legend .today-dot{background:#d52b1e}
html[data-theme="alps"] .legend .task-dot{width:0;height:0;background:none;border-radius:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-bottom:7px solid #1f5f8b}
html[data-theme="alps"] .nav-item{border-radius:3px}
html[data-theme="alps"] .nav-item.active{background:#26323d;color:#fff}
html[data-theme="alps"] .nav-item.active .nav-count{color:#26323d}
html[data-theme="alps"] .mobile-footer{background:#fff;border-top:2px solid #26323d}
html[data-theme="alps"] .mobile-footer button.active{color:#1f5f8b}
html[data-theme="alps"] .mobile-plus{background:#d52b1e;border-radius:3px}
html[data-theme="alps"] dialog{background:#fff;border:2px solid #26323d;border-radius:4px;box-shadow:0 20px 60px rgba(29,42,53,.4)}
html[data-theme="alps"] input:not([type=checkbox]),html[data-theme="alps"] form select,html[data-theme="alps"] .filter-wrap select{border:1.5px solid #7d93a5;border-radius:3px}
html[data-theme="alps"] .check-task{border:1.5px solid #26323d;border-radius:3px}
html[data-theme="alps"] .check-task:checked{background:#1f5f8b;border-color:#26323d}
html[data-theme="alps"] .chip{border-radius:2px}
html[data-theme="alps"] .person-option,html[data-theme="alps"] .task-person-tag,html[data-theme="alps"] .priority-tag,html[data-theme="alps"] .task-category-tag,html[data-theme="alps"] .close-btn,html[data-theme="alps"] .row-edit,html[data-theme="alps"] .theme-option,html[data-theme="alps"] .account-card,html[data-theme="alps"] .share-entry,html[data-theme="alps"] .sync-card,html[data-theme="alps"] .icon-choice,html[data-theme="alps"] .mlabel,html[data-theme="alps"] .day{border-radius:3px}
html[data-theme="alps"] .theme-swatch{border-radius:1px}
html[data-theme="alps"] .cal-row,html[data-theme="alps"] .invite-row,html[data-theme="alps"] .role-tag{border-radius:3px}
html[data-theme="alps"] .toast{background:#26323d;border-left:5px solid #d52b1e;border-radius:3px}
html[data-theme="alps"] .theme-option[aria-pressed="true"]{border-color:#26323d;box-shadow:0 0 0 1.5px #26323d;color:#1d2a35}

/* ===== Science-Fiction: Bordcomputer – Raster, leuchtende Linien in Cyan, Eckmarken, Bernstein für das Wichtige ===== */
html[data-theme="scifi"]{--serif:"Futura","Avenir Next","Century Gothic","Trebuchet MS",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html[data-theme="scifi"] body{background:linear-gradient(rgba(53,224,255,.055) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,rgba(53,224,255,.055) 1px,transparent 1px) 0 0/28px 28px,#04070d}
html[data-theme="scifi"] .sidebar{background:#060a13;border-right:1px solid #1b4a60}
html[data-theme="scifi"] .topbar{background:#070c16;border-bottom:1px solid #35e0ff;box-shadow:0 0 16px rgba(53,224,255,.4);position:relative;z-index:1}
html[data-theme="scifi"] .brand-mark{font-size:0;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none'%3E%3Cg transform='rotate(-18 16 16)' stroke='%23ffb000' stroke-width='1.8'%3E%3Cellipse cx='16' cy='16' rx='14' ry='4.5'/%3E%3C/g%3E%3Ccircle cx='16' cy='16' r='8' fill='%2307131c' stroke='%2335e0ff' stroke-width='2'/%3E%3Cg transform='rotate(-18 16 16)' stroke='%23ffb000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2 16A14 4.5 0 0 0 30 16'/%3E%3C/g%3E%3C/svg%3E") center/100% no-repeat}
html[data-theme="scifi"] .brand,html[data-theme="scifi"] .mobile-brand{font-family:var(--serif);text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:600;color:#d7f3ff}
html[data-theme="scifi"] .brand-light{color:#35e0ff;font-weight:600}
html[data-theme="scifi"] h1{font:600 27px/1.2 var(--serif);text-transform:uppercase;letter-spacing:4px;color:#eafcff;text-shadow:0 0 14px rgba(53,224,255,.6)}
html[data-theme="scifi"] h1::after{content:'';display:inline-block;width:.46em;height:.82em;margin-left:.2em;vertical-align:-.08em;background:#ffb000;box-shadow:0 0 10px rgba(255,176,0,.7);animation:scifi-blink 1.1s steps(1) infinite}
@keyframes scifi-blink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){html[data-theme="scifi"] h1::after{animation:none}}
html[data-theme="scifi"] .dialog-top h2{font:600 17px/1.3 var(--serif);text-transform:uppercase;letter-spacing:2.6px;color:#eafcff}
html[data-theme="scifi"] .month-name{font:600 11px var(--serif);text-transform:uppercase;letter-spacing:2.2px;color:#7fe9ff}
html[data-theme="scifi"] .eyebrow{color:#35e0ff}
html[data-theme="scifi"] .eyebrow-dot{background:#ffb000;border-radius:0}
html[data-theme="scifi"] .month-card,html[data-theme="scifi"] .task-row,html[data-theme="scifi"] .contact-row,html[data-theme="scifi"] .day-view,html[data-theme="scifi"] .empty-state{border:1px solid #1b4a60;border-radius:0;box-shadow:none;background:linear-gradient(#35e0ff,#35e0ff) left top/14px 2px no-repeat,linear-gradient(#35e0ff,#35e0ff) left top/2px 14px no-repeat,linear-gradient(#35e0ff,#35e0ff) right bottom/14px 2px no-repeat,linear-gradient(#35e0ff,#35e0ff) right bottom/2px 14px no-repeat,#08101e}
html[data-theme="scifi"] .mcell{border-radius:0;border-color:#173e52}
html[data-theme="scifi"] .summary-pill,html[data-theme="scifi"] .person-option,html[data-theme="scifi"] .task-person-tag,html[data-theme="scifi"] .priority-tag,html[data-theme="scifi"] .task-category-tag,html[data-theme="scifi"] .close-btn,html[data-theme="scifi"] .row-edit,html[data-theme="scifi"] .chip,html[data-theme="scifi"] .mlabel,html[data-theme="scifi"] .day,html[data-theme="scifi"] .nav-item,html[data-theme="scifi"] .theme-option,html[data-theme="scifi"] .theme-swatch,html[data-theme="scifi"] .account-card,html[data-theme="scifi"] .share-entry,html[data-theme="scifi"] .sync-card,html[data-theme="scifi"] .icon-choice,html[data-theme="scifi"] .avatar{border-radius:0}
html[data-theme="scifi"] .add-task-btn,html[data-theme="scifi"] .save-btn{background:#35e0ff;border:0;color:#02161d;border-radius:0;text-transform:uppercase;font-weight:700;letter-spacing:1.4px;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
html[data-theme="scifi"] .cancel-btn,html[data-theme="scifi"] .today-btn,html[data-theme="scifi"] .invite-button,html[data-theme="scifi"] .year-switch button{background:rgba(53,224,255,.07);border:1px solid #35e0ff;color:#8debff;border-radius:0}
html[data-theme="scifi"] .cancel-btn,html[data-theme="scifi"] .today-btn,html[data-theme="scifi"] .invite-button{text-transform:uppercase;letter-spacing:1.2px}
html[data-theme="scifi"] .delete-btn,html[data-theme="scifi"] .row-delete{border-radius:0;background:transparent;border-color:#ffb000;color:#ffb000}
html[data-theme="scifi"] .delete-btn.armed,html[data-theme="scifi"] .row-delete.armed{background:#ffb000;color:#1a1000}
html[data-theme="scifi"] .day.today,html[data-theme="scifi"] .mcell.today .mnum{background:transparent;color:#ffb000;border-radius:0;font-weight:700;box-shadow:inset 0 0 0 1.5px #ffb000,0 0 9px rgba(255,176,0,.65)}
html[data-theme="scifi"] .day.today:hover{background:transparent}
html[data-theme="scifi"] .day.has-task::after{width:4px;height:2px;border-radius:0;background:#35e0ff;box-shadow:0 0 5px #35e0ff;bottom:1px}
html[data-theme="scifi"] .day.today.has-task::after{background:#ffb000;box-shadow:none;bottom:3px}
html[data-theme="scifi"] .legend .today-dot{background:#ffb000;border-radius:0}
html[data-theme="scifi"] .legend .task-dot{border-radius:0;background:#35e0ff}
html[data-theme="scifi"] .nav-item.active{background:rgba(53,224,255,.12);color:#8debff;box-shadow:inset 2px 0 0 #35e0ff}
html[data-theme="scifi"] .mobile-footer{background:#060a13;border-top:1px solid #35e0ff;box-shadow:0 0 16px rgba(53,224,255,.35)}
html[data-theme="scifi"] .mobile-footer button.active{color:#35e0ff}
html[data-theme="scifi"] .mobile-plus{background:#ffb000;border-radius:0;color:#1a1000!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}
html[data-theme="scifi"] dialog{background:#070c16;border:1px solid #35e0ff;border-radius:0;box-shadow:0 0 0 1px #04070d,0 0 44px rgba(53,224,255,.4)}
html[data-theme="scifi"] input:not([type=checkbox]),html[data-theme="scifi"] form select,html[data-theme="scifi"] .filter-wrap select{border-radius:0;border-color:#1f5269}
html[data-theme="scifi"] .check-task,html[data-theme="scifi"] .person-option input{border-radius:0}
html[data-theme="scifi"] .check-task:checked{background:#35e0ff;border-color:#35e0ff}
html[data-theme="scifi"] .toast{background:#07131c;color:#8debff;border:1px solid #35e0ff;border-radius:0;text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 0 18px rgba(53,224,255,.45)}
html[data-theme="scifi"] .toast::before{content:'> ';color:#ffb000}
html[data-theme="scifi"] .cal-row,html[data-theme="scifi"] .invite-row,html[data-theme="scifi"] .role-tag{border-radius:0}
html[data-theme="scifi"] .theme-option[aria-pressed="true"]{border-color:#35e0ff;box-shadow:0 0 10px rgba(53,224,255,.5);color:#eafcff}
@media(max-width:720px){html[data-theme="metal"] .brand,html[data-theme="metal"] .mobile-brand{font-size:17px;letter-spacing:1px}html[data-theme="metal"] h1{font-size:40px}html[data-theme="metal"] .topbar{background:linear-gradient(180deg,#1b1b1f,#101012)}html[data-theme="forest"] h1{font-size:30px}html[data-theme="forest"] .topbar{background:#f6f1e0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='236' height='40' viewBox='0 0 236 40'%3E%3Cpath d='M14 10.0l5.2 13.5h-10.4zM14 17.5l7.8 14.1h-15.6zM14 25.0l10.0 15.0h-20.0z' fill='%23dfe4cb'/%3E%3Cpath d='M47 4.0l5.7 16.2h-11.4zM47 13.0l8.6 16.9h-17.2zM47 22.0l11.0 18.0h-22.0z' fill='%23dfe4cb'/%3E%3Cpath d='M83 13.0l4.7 12.2h-9.4zM83 19.8l7.0 12.7h-14.0zM83 26.5l9.0 13.5h-18.0z' fill='%23dfe4cb'/%3E%3Cpath d='M118 2.0l6.2 17.1h-12.5zM118 11.5l9.4 17.9h-18.7zM118 21.0l12.0 19.0h-24.0z' fill='%23dfe4cb'/%3E%3Cpath d='M152 9.0l5.2 14.0h-10.4zM152 16.8l7.8 14.6h-15.6zM152 24.5l10.0 15.5h-20.0z' fill='%23dfe4cb'/%3E%3Cpath d='M187 5.0l5.7 15.8h-11.4zM187 13.8l8.6 16.4h-17.2zM187 22.5l11.0 17.5h-22.0z' fill='%23dfe4cb'/%3E%3Cpath d='M219 12.0l4.7 12.6h-9.4zM219 19.0l7.0 13.2h-14.0zM219 26.0l9.0 14.0h-18.0z' fill='%23dfe4cb'/%3E%3Cpath d='M30 20.0l3.9 9.0h-7.8zM30 25.0l5.9 9.4h-11.7zM30 30.0l7.5 10.0h-15.0z' fill='%23bccaa6'/%3E%3Cpath d='M66 16.0l4.4 10.8h-8.8zM66 22.0l6.6 11.3h-13.3zM66 28.0l8.5 12.0h-17.0z' fill='%23bccaa6'/%3E%3Cpath d='M101 22.0l3.6 8.1h-7.3zM101 26.5l5.5 8.5h-10.9zM101 31.0l7.0 9.0h-14.0z' fill='%23bccaa6'/%3E%3Cpath d='M136 18.0l4.2 9.9h-8.3zM136 23.5l6.2 10.3h-12.5zM136 29.0l8.0 11.0h-16.0z' fill='%23bccaa6'/%3E%3Cpath d='M170 21.0l3.6 8.6h-7.3zM170 25.8l5.5 8.9h-10.9zM170 30.5l7.0 9.5h-14.0z' fill='%23bccaa6'/%3E%3Cpath d='M203 15.0l4.4 11.2h-8.8zM203 21.2l6.6 11.8h-13.3zM203 27.5l8.5 12.5h-17.0z' fill='%23bccaa6'/%3E%3C/svg%3E") left bottom/auto 30px repeat-x}html[data-theme="alps"] h1{font-size:27px}html[data-theme="alps"] .topbar{background:#fff}html[data-theme="alps"] .page-content{background-position:right 6px top 8px;background-size:200px 92px}html[data-theme="scifi"] h1{font-size:21px;letter-spacing:3px}html[data-theme="scifi"] .topbar{background:#070c16}html[data-theme="scifi"] .brand,html[data-theme="scifi"] .mobile-brand{font-size:12px;letter-spacing:2.4px}}

/* ===== Kategorie-Farben (gilt für alle Designs) ===== */
.category-color{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:var(--catc);box-shadow:0 0 0 2px var(--k-ffffff),0 0 0 3px var(--k-e4e8e0);cursor:pointer;overflow:hidden}
.category-color input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer;border:0;padding:0}
.category-color:has(input:disabled){cursor:default}
.category-color:focus-within{box-shadow:0 0 0 2px var(--k-ffffff),0 0 0 4px var(--k-305843)}
.mlabel.cat-mark{border-left:3px solid var(--catc);border-radius:2px 4px 4px 2px;background:var(--k-ffffff);background:color-mix(in srgb,var(--k-ffffff) 78%,transparent)}
.mcell.has-cats{border-color:transparent}
.mcell.has-cats.today{box-shadow:0 0 0 2px var(--k-305843)}
.task-category-tag{border-left:3px solid var(--catc,transparent)}
.slot-row .chip-meta{white-space:nowrap}

/* ===== Team-Strahl (gilt für alle Designs) ===== */
#team-view{--tfree:#2e9e6b;--tfree-soft:color-mix(in srgb,#2e9e6b 22%,var(--k-ffffff));--water:#7fd0f0;--water-deep:#1489bd}
.team-search{background:var(--k-ffffff);border:1px solid var(--k-e9ebe5);border-radius:12px;padding:0;margin:0 0 16px}
.team-search summary{cursor:pointer;padding:13px 16px;font:700 14px var(--serif);color:var(--k-202720);list-style:none;display:flex;align-items:center;justify-content:space-between}
.team-search summary::-webkit-details-marker{display:none}
.team-search summary::after{content:'▾';font-size:12px;color:var(--k-8c9289);transition:transform .15s}
.team-search:not([open]) summary::after{transform:rotate(-90deg)}
.team-search-body{display:grid;gap:12px;padding:0 16px 14px}
.team-chips{display:flex;flex-wrap:wrap;gap:6px}
.team-chip{border:1px solid var(--k-e4e8e0);background:var(--k-f5f5f2);color:var(--k-454c44);border-radius:999px;padding:6px 11px;font:600 12px var(--sans);cursor:pointer}
.team-chip[aria-pressed="true"]{background:var(--k-305843);border-color:var(--k-305843);color:var(--k-ffffff)}
.team-search-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end}
.team-search-row label{margin:0 0 5px}
.team-search-row select,.team-search-row input[type=date]{min-width:0}
.team-search-row>div{flex:1 1 140px;min-width:0}
.team-weekend{flex:1 1 100%;margin:0}
.team-results{display:grid}
.team-result{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--k-e9ebe5)}
.team-result:first-child{border-top:0}
.team-result-day{font:600 12px var(--sans);color:var(--k-454c44);padding-top:6px;font-variant-numeric:tabular-nums}
.team-result-people{display:flex;flex-wrap:wrap;gap:6px}
.team-pick{border:0;background:var(--tfree-soft);color:var(--k-202720);border-radius:9px;padding:6px 10px;font:600 13px var(--sans);text-align:left;cursor:pointer}
.team-pick small{display:block;font-weight:500;font-size:10px;color:var(--k-646b63);margin-top:1px}
.team-none{font-size:12px;color:var(--k-777e75)}
.team-legend .tl-free{background:var(--tfree)}
.team-legend .tl-free-we{background:var(--tfree-soft)}
.team-legend .tl-busy{background:linear-gradient(90deg,#3b82f6 0 33%,#f59e0b 33% 66%,#8b5cf6 66%)}
.team-legend .tl-am{background:#fff;box-shadow:0 0 0 2px var(--tfree)}
.team-months{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.tmonth{background:var(--k-ffffff);border:1px solid var(--k-e9ebe5);border-radius:12px;padding:12px 0 8px;min-width:0}
.tmonth h2{font:700 16px var(--serif);margin:0 14px 8px;color:var(--k-202720)}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tgrid{border-collapse:separate;border-spacing:3px;padding:0 8px}
.tgrid th,.tgrid td{padding:0}
.tgrid thead th{font:600 9px var(--sans);color:var(--k-8c9289);text-align:center;width:24px;line-height:1.25;font-variant-numeric:tabular-nums}
.tgrid thead th.we{color:var(--k-cc7656)}
.tgrid thead th.td{color:var(--k-ffffff);background:var(--k-305843);border-radius:6px}
.tgrid th.tname{position:sticky;left:0;z-index:2;background:var(--k-ffffff);text-align:left;font:600 12px var(--sans);color:var(--k-202720);padding-right:8px;min-width:96px;max-width:130px;white-space:nowrap}
.tgrid th.tname{display:flex;align-items:center;gap:6px;height:26px;overflow:hidden}
.tgrid th.tname .avatar{width:20px;height:20px;font-size:8px;flex:none}
.tgrid th.tname span{overflow:hidden;text-overflow:ellipsis}
.tmulti{font:700 9px var(--sans);color:var(--k-305843)}
.tgroup th{position:sticky;left:0;z-index:2;background:var(--k-ffffff);text-align:left;padding:9px 0 2px}
.tgroup th div{width:0;overflow:visible;white-space:nowrap;font:700 10px var(--sans);letter-spacing:.7px;text-transform:uppercase;color:var(--k-8c9289)}
.tempty{font-size:12px;color:var(--k-777e75);padding:8px 12px!important}
.tcell{width:24px;height:26px;border-radius:6px;position:relative;overflow:hidden;display:flex;cursor:pointer;background:var(--k-e9eae5)}
.tcell i{flex:1}
.tcell.free{background:var(--tfree)}
.tcell.free.weekend{background:var(--tfree-soft)}
.tcell-am{position:absolute;left:3px;top:3px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--tfree)}
.tcell.today{outline:2px solid var(--k-305843);outline-offset:1px}
.tcell.lensed{outline:3px solid var(--water-deep);outline-offset:1px}
.tcell.pulse{animation:tpulse 1.1s ease 3}
@keyframes tpulse{50%{transform:scale(1.3)}}
.team-hint{margin-top:12px}
.team-bubble{position:fixed;left:0;top:0;z-index:20;width:200px;height:238px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;--water:#7fd0f0;--water-deep:#1489bd}
.team-bubble.dragging{cursor:grabbing}
.team-lens{width:200px;height:200px;border-radius:50%;box-sizing:border-box;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--k-202720);
  background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.8) 0 7%,transparent 21%),radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--k-ffffff) 90%,var(--water)) 55%,color-mix(in srgb,var(--k-ffffff) 58%,var(--water)) 100%);
  border:2px solid color-mix(in srgb,var(--water) 75%,transparent);box-shadow:inset 0 -10px 24px color-mix(in srgb,var(--water) 55%,transparent),inset 0 6px 14px rgba(255,255,255,.5),0 12px 30px rgba(10,60,90,.3)}
.lens-who{font:700 14px var(--sans)}
.lens-when{font:500 10px var(--sans);color:var(--k-777e75);margin-bottom:6px}
.lens-day{position:relative;width:132px;height:20px;border-radius:5px;background:var(--tfree-soft,#d6f2e4);background:color-mix(in srgb,#2e9e6b 22%,var(--k-ffffff));overflow:hidden}
.lens-day i{position:absolute;top:0;bottom:0}
.lens-ticks{width:132px;display:flex;justify-content:space-between;font:500 8px var(--sans);color:var(--k-8c9289);margin-top:2px}
.lens-free{font-size:11px;margin-top:5px;line-height:1.35}
.lens-free b{color:#2e9e6b}
.lens-busy{font-size:10px;color:var(--k-777e75);line-height:1.3;margin-top:2px;max-height:26px;overflow:hidden}
.team-stem{position:absolute;top:202px;left:calc(var(--tip,100px) - 1px);width:2px;height:14px;background:color-mix(in srgb,var(--water) 80%,transparent)}
.team-drop{position:absolute;top:212px;left:calc(var(--tip,100px) - 11px);width:22px;height:22px;box-sizing:border-box;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--water);border:2px solid var(--water-deep)}
.team-dot{width:10px;height:10px;border-radius:3px;background:var(--k-305843);flex:none;margin:0 6px}
.team-toggles{display:flex;flex-wrap:wrap;gap:5px;margin:-2px 0 8px 36px}
.team-toggle{border:1px solid var(--k-e4e8e0);background:var(--k-ffffff);color:var(--k-747b72);border-radius:999px;padding:4px 9px;font:600 10px var(--sans);cursor:pointer}
.team-toggle[aria-pressed="true"]{background:var(--k-eaf1eb);border-color:var(--k-305843);color:var(--k-305843)}
@media(max-width:720px){.tgrid th.tname{min-width:84px;max-width:96px}.team-result{grid-template-columns:62px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.tcell.pulse{animation:none}}

/* ===== Design „Corporate Blau“ (Medizintechnik-Stil: Weiß, kräftiges Blau, klare Linien; ohne fremde Logos) ===== */
html[data-theme="corp"]{--k-202720:#0e1f3d;--k-777e75:#647185;--k-e9eae5:#dce3ee;--k-ffffff:#ffffff;--k-f5f5f2:#ebeff6;--k-305843:#0b5cd5;--k-eaf1eb:#dee8f8;--k-cc7656:#e33c30;--k-7b827a:#68768a;--k-8c9289:#798598;--k-646b63:#525e71;--k-edf2ed:#e1ebf9;--k-2f5942:#0b5cd5;--k-748077:#647286;--k-747b72:#616e82;--k-454c44:#38414e;--k-e5eee6:#d8e4f6;--k-396347:#0b5cd5;--k-f4eae2:#fcdeda;--k-9e674b:#c0251a;--k-f7f8f5:#eff3f8;--k-eef0ea:#e3e9f2;--k-86a68b:#6588bd;--k-475147:#3a4454;--k-8a9188:#778497;--k-e4e8e0:#d7dfec;--k-586257:#495566;--k-e9eae4:#dbe3ee;--k-939990:#818d9e;--k-c2c5be:#b4bbc5;--k-465047:#394353;--k-e4e7e0:#d5dfec;--k-626a60:#515d6f;--k-809c80:#5a80b8;--k-81877e:#6c7a8f;--k-5c655b:#4c586a;--k-737a72:#606d81;--k-d78b6e:#e7594f;--k-789677:#4f77b4;--k-344f3a:#0b5cd5;--k-e9ebe5:#dce4ef;--k-929990:#818d9e;--k-a1a69f:#919baa;--k-4f574e:#404b5b;--k-a4a89f:#929cab;--k-355942:#0b5cd5;--k-bd694c:#dc2b1e;--k-7a9879:#5179b5;--k-f1f4ef:#e4edfa;--k-b86547:#d3291d;--k-faf0eb:#fdeae8;--k-516c53:#0b5cd5;--k-eff3ed:#e2ebf9;--k-858b82:#707e92;--k-819b7f:#587eb8;--k-586156:#485465;--k-e8eae4:#dbe3ee;--k-737a70:#5f6c80;--k-354d39:#0b5cd5;--k-cdd4ca:#b5c6df;--k-719072:#4a72ad;--k-424a41:#343e4c;--k-a1a69e:#909aaa;--k-8a9088:#778497;--k-f0f3ef:#e4ecf9;--k-5b715c:#0b5cd5;--k-bd765a:#e13326;--k-f9efea:#fde8e6;--k-898f86:#758296;--k-17201730:#1f293330;--k-1d281f66:#1f293366;--k-f4f5f1:#ebeff6;--k-60685e:#4f5b6d;--k-e1e5dd:#d2dceb;--k-343c33:#29313c;--k-8ba18b:#6588bd;--k-e2e5de:#d4ddea;--k-657064:#556275;--k-747c71:#616e82;--k-566454:#485465;--k-718e72:#4a71ab;--k-253e2d:#0b5cd5;--k-f0f1ed:#e6ebf3;--k-b66b4f:#d82a1d;--k-59715a:#0b5cd5;--k-92988f:#808c9d;--k-42634b:#0b5cd5;--k-566154:#475364;--k-edf3ed:#e2ebf9;--k-9daf9c:#7b99c6;--k-345b40:#0b5cd5;--k-c6cec4:#acbfdc;--k-4e7758:#0b5cd5;--k-5d725a:#0b5cd5;--k-5d6f5f:#525e70;--k-6b756a:#5a677b;--k-e9eee8:#dae6f7;--k-f0d9cf:#facac5;--k-b55f43:#cd281c;--k-9db09c:#7b99c6;--k-b9c7b8:#9fb5d6;--k-fbfbf9:#f5f7fa;--k-a8573c:#bb241a;--k-7c837a:#68768b;--k-b3b8b0:#a5adb9;--k-f7f9f6:#eef4fc;--k-fafaf7:#f3f5f9;--k-3d463c:#313946;--k-3d5540:#0b5cd5;--k-eceee8:#e0e7f1;--k-8a9187:#778497;--k-386044:#0b5cd5}
html[data-theme="corp"]{--serif:"Helvetica Neue","Neue Helvetica","Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--sans:"Helvetica Neue","Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
html[data-theme="corp"] body{background:#f4f6fa}
html[data-theme="corp"] .sidebar{background:#fff;border-right:1px solid #dce3ee}
html[data-theme="corp"] .topbar{background:#fff;border-bottom:0;box-shadow:inset 0 -3px 0 #0b5cd5;position:relative;z-index:1}
html[data-theme="corp"] .brand-mark{background:#0b5cd5;border-radius:4px;color:#fff}
html[data-theme="corp"] .brand,html[data-theme="corp"] .mobile-brand{color:#0e1f3d;font-weight:700;letter-spacing:-.2px}
html[data-theme="corp"] .brand-light{color:#0b5cd5}
html[data-theme="corp"] h1{font:700 34px/1.1 var(--serif);letter-spacing:-.6px;color:#0e1f3d}
html[data-theme="corp"] .dialog-top h2,html[data-theme="corp"] .tmonth h2,html[data-theme="corp"] .team-search summary{color:#0e1f3d;font-weight:700}
html[data-theme="corp"] .eyebrow{color:#0b5cd5;letter-spacing:1px}
html[data-theme="corp"] .eyebrow-dot{background:#0b5cd5;border-radius:0}
html[data-theme="corp"] .month-card,html[data-theme="corp"] .task-row,html[data-theme="corp"] .contact-row,html[data-theme="corp"] .day-view,html[data-theme="corp"] .empty-state,html[data-theme="corp"] .tmonth,html[data-theme="corp"] .team-search{border:0;border-radius:4px;box-shadow:0 1px 2px rgba(14,31,61,.08),0 4px 14px rgba(14,31,61,.06)}
html[data-theme="corp"] .month-card:hover{box-shadow:0 0 0 2px #0b5cd5}
html[data-theme="corp"] .mcell{border-radius:3px;border-color:#dce3ee}
html[data-theme="corp"] .summary-pill{border-radius:999px}
html[data-theme="corp"] .add-task-btn,html[data-theme="corp"] .save-btn{background:#0b5cd5;border:0;color:#fff;border-radius:999px;font-weight:700;padding-left:20px;padding-right:20px}
html[data-theme="corp"] .add-task-btn:hover,html[data-theme="corp"] .save-btn:hover{background:#0a4fb6}
html[data-theme="corp"] .cancel-btn,html[data-theme="corp"] .today-btn,html[data-theme="corp"] .invite-button{border:1.5px solid #0b5cd5;color:#0b5cd5;background:#fff;border-radius:999px;font-weight:700}
html[data-theme="corp"] .year-switch button{border:1.5px solid #dce3ee;border-radius:50%;color:#0b5cd5;background:#fff}
html[data-theme="corp"] .delete-btn,html[data-theme="corp"] .row-delete{border-radius:999px}
html[data-theme="corp"] .day.today,html[data-theme="corp"] .mcell.today .mnum{background:#0b5cd5;color:#fff;border-radius:50%;font-weight:700}
html[data-theme="corp"] .day.today:hover{background:#0b5cd5}
html[data-theme="corp"] .legend .today-dot{background:#0b5cd5}
html[data-theme="corp"] .nav-item{border-radius:4px;color:#38414e}
html[data-theme="corp"] .nav-item.active{background:#e1ebf9;color:#0b5cd5;box-shadow:inset 3px 0 0 #0b5cd5}
html[data-theme="corp"] .mobile-footer{background:#fff;border-top:1px solid #dce3ee}
html[data-theme="corp"] .mobile-footer button.active{color:#0b5cd5}
html[data-theme="corp"] .mobile-plus{background:#0b5cd5;border-radius:50%}
html[data-theme="corp"] dialog{background:#fff;border:0;border-radius:6px;box-shadow:0 24px 64px rgba(14,31,61,.35)}
html[data-theme="corp"] input:not([type=checkbox]),html[data-theme="corp"] form select,html[data-theme="corp"] .filter-wrap select{border:1px solid #b4bbc5;border-radius:4px}
html[data-theme="corp"] input:not([type=checkbox]):focus,html[data-theme="corp"] form select:focus{border-color:#0b5cd5;box-shadow:0 0 0 3px #dee8f8}
html[data-theme="corp"] .check-task{border-radius:3px}
html[data-theme="corp"] .check-task:checked{background:#0b5cd5;border-color:#0b5cd5}
html[data-theme="corp"] .chip{border-radius:3px}
html[data-theme="corp"] .toast{background:#0e1f3d;border-radius:4px;border-left:4px solid #0b5cd5}
html[data-theme="corp"] .theme-option[aria-pressed="true"]{border-color:#0b5cd5;box-shadow:0 0 0 2px #dee8f8;color:#0b5cd5}
html[data-theme="corp"] .team-chip[aria-pressed="true"],html[data-theme="corp"] .tgrid thead th.td{background:#0b5cd5;border-color:#0b5cd5}
html[data-theme="corp"] .tcell,html[data-theme="corp"] .tcell.today{border-radius:3px}
.theme-swatch.corp{background:linear-gradient(90deg,#0e1f3d 0 24%,#0b5cd5 24% 58%,#ffffff 58% 84%,#e1ebf9 84%)}

/* ===== Tagesansicht: Termine nach Dauer, Auslastung (gilt für alle Designs) ===== */
.day-view{--slot-h:44px}
.day-load{padding:10px 12px 10px 12px;border-bottom:1px solid var(--k-e9ebe5);display:grid;gap:6px}
.day-load-text{font-size:11px;color:var(--k-777e75)}
.day-load-text b{color:var(--k-202720);font-size:13px}
.day-load-track{height:8px;border-radius:99px;background:var(--k-e9eae5);overflow:hidden}
.day-load-track i{display:block;height:100%;border-radius:99px;background:var(--k-305843);transition:width .3s}
.day-timeline{position:relative}
.day-timeline .slot-row:first-child{border-top:1px solid var(--k-e9ebe5)}
.day-timeline .slot-body{height:var(--slot-h);min-height:0;box-sizing:border-box}
.day-timeline .slot-row.end{min-height:26px}
.day-events{position:absolute;top:0;left:62px;right:8px;bottom:26px;pointer-events:none}
.chip.day-event{position:absolute;top:calc(var(--top) * var(--slot-h) + 2px);height:calc(var(--len) * var(--slot-h) - 4px);left:calc(100% / var(--cols) * var(--col));width:calc(100% / var(--cols) - 4px);box-sizing:border-box;pointer-events:auto;overflow:hidden;align-items:flex-start;padding:5px 7px;gap:7px;background:var(--k-eff3ed);background:color-mix(in srgb,var(--catc) 22%,var(--k-ffffff));border-left:4px solid var(--catc);z-index:1}
.chip.day-event .check-task{margin-top:1px;flex:none}
.chip.day-event .chip-body{align-self:stretch;overflow:hidden}
.chip.day-event .chip-meta{white-space:normal}
.chip.day-event.short{align-items:center;padding-top:2px;padding-bottom:2px}
.chip.day-event.short .chip-meta{display:none}
.chip.day-event.high{box-shadow:inset -3px 0 0 var(--k-cc7656)}
.mcell .mload{position:absolute;right:5px;bottom:8px;font:700 9px var(--sans);color:var(--k-454c44);font-variant-numeric:tabular-nums}
@media(max-width:720px){.day-view{--slot-h:40px}.day-events{left:60px;right:4px}.mcell .mload{font-size:7px;right:3px;bottom:7px}}
.chip.day-event .chip-body{display:flex;flex-direction:column;justify-content:flex-start;height:100%;text-align:left}
.chip.day-event .chip-title{overflow-wrap:break-word;hyphens:auto}
@media(max-width:720px){.chip.day-event.narrow .check-task{display:none}.chip.day-event.narrow{padding-left:5px;padding-right:4px}}
/* Fähigkeiten */
.skill-dot{width:16px;flex:none;margin:0 3px;color:var(--k-cc7656);font-size:13px;text-align:center}
.team-toggle.skill[aria-pressed="true"]{background:color-mix(in srgb,var(--k-cc7656) 16%,var(--k-ffffff));border-color:var(--k-cc7656);color:var(--k-202720)}
.team-chip.skill[aria-pressed="true"]{background:var(--k-cc7656);border-color:var(--k-cc7656);color:#fff}
.team-chips-label{font-size:10px;font-weight:600;color:var(--k-777e75);margin:0 0 6px}

/* ===== Zusagen bei Aufgaben, Mitglieder-Übersicht (gilt für alle Designs) ===== */
.invite-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.invite-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 9px 2px 3px;font:600 11px var(--sans);background:var(--k-f5f5f2);color:var(--k-454c44);border:1px solid var(--k-e4e8e0)}
.invite-badge b{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff;background:#9ca3af}
.invite-badge small{font-weight:500;font-size:10px;color:var(--k-777e75)}
.invite-badge.accepted b{background:#2e9e6b}
.invite-badge.declined b{background:#d64545}
.invite-badge.declined{border-color:color-mix(in srgb,#d64545 45%,transparent)}
.invite-badge.pending b{background:#e0a106}
.invite-badge.stale b{background:#d64545}
.invite-badge.stale{background:color-mix(in srgb,#d64545 12%,var(--k-ffffff));border-color:#d64545}
.invite-badge.sending b{background:#9ca3af}
.waiting-pill{cursor:pointer;font:inherit;border:1px solid #e0a106;background:color-mix(in srgb,#e0a106 14%,var(--k-ffffff));color:var(--k-202720)}
.role-tag.owner{background:var(--k-305843);color:var(--k-ffffff);border-color:var(--k-305843)}
.member-row.is-owner .member-text b{color:var(--k-305843)}
.member-row{flex-wrap:wrap;row-gap:6px}
.member-row .member-text{flex:1 1 130px;min-width:0}
.member-row .member-text small{overflow-wrap:anywhere;white-space:normal}
a.cancel-btn{text-decoration:none;color:inherit}