:root{--radius: 16px;--radius-sm: 10px;--nav-height: 64px;--grad: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);font-size:16px}html[data-theme=mitternacht]{--bg: #0b1220;--surface: #111c2f;--surface2: #182741;--nav: #0f1829;--text: #eef4ff;--text2: #94a1b8;--accent: #42e3d1;--accent2: #3b82f6;--accent-contrast: #071624;--danger: #ff647c;--warn: #f5b942;--success: #5bd68a;--border: rgba(148, 161, 184, .22);color-scheme:dark}html[data-theme=hell]{--bg: #f2f5fa;--surface: #ffffff;--surface2: #e9eef6;--nav: #ffffff;--text: #16233c;--text2: #5d6b85;--accent: #0d9488;--accent2: #2563eb;--accent-contrast: #ffffff;--danger: #d93b57;--warn: #b97a0a;--success: #21935a;--border: rgba(23, 35, 59, .16);color-scheme:light}html[data-theme=amoled]{--bg: #000000;--surface: #0a0f16;--surface2: #101826;--nav: #030507;--text: #f2f7ff;--text2: #7e8ca6;--accent: #3ef2a5;--accent2: #38bdf8;--accent-contrast: #001510;--danger: #ff5c77;--warn: #ffc247;--success: #3ef2a5;--border: rgba(120, 140, 170, .28);color-scheme:dark}html[data-theme=baerenhoehle]{--bg: #201711;--surface: #2b2015;--surface2: #382a1b;--nav: #241a10;--text: #f7eddd;--text2: #bca88e;--accent: #e8b84b;--accent2: #e86a33;--accent-contrast: #2a1d06;--danger: #ff7a6b;--warn: #f5b942;--success: #9ac96b;--border: rgba(190, 168, 140, .26);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.45;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.shell{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 16px)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.35rem;margin:0;flex:1;font-weight:700;letter-spacing:.2px}.topbar .sub{color:var(--text2);font-size:.85rem;font-weight:400;display:block}.page{padding:0 16px;display:flex;flex-direction:column;gap:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:1fr 1fr 76px 1fr 1fr;align-items:end;background:color-mix(in srgb,var(--nav) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px))}.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--nav-height);color:var(--text2);font-size:.68rem;cursor:pointer;position:relative;user-select:none;-webkit-user-select:none}.nav-item .ico{font-size:1.35rem;line-height:1}.nav-item.active{color:var(--accent);font-weight:700}.nav-item.active:before{content:"";position:absolute;top:6px;width:20px;height:3px;border-radius:2px;background:var(--grad)}.nav-item .nav-badge{position:absolute;top:8px;right:calc(50% - 22px);min-width:17px;height:17px;border-radius:9px;background:var(--danger);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.nav-plus{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:58px;height:58px;margin:0 9px;border-radius:50%;background:var(--grad);color:var(--accent-contrast);font-size:1.9rem;font-weight:600;display:flex;align-items:center;justify-content:center;transform:translateY(-14px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 40%,transparent);cursor:pointer;user-select:none;-webkit-user-select:none}.nav-plus:active{transform:translateY(-12px) scale(.96)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card.pad-0{padding:0;overflow:hidden}.card h3{margin:0 0 8px;font-size:.95rem}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:10px 2px 0;padding-bottom:5px;border-bottom:1px solid var(--border);color:var(--text2);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.section-title a,.section-title button{text-transform:none;letter-spacing:0;font-size:.82rem}.row{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:44px;border-bottom:1px solid var(--border);background:var(--surface)}.row:last-child{border-bottom:none}.row.clickable{cursor:pointer}.row.clickable:active{background:var(--surface2)}.row .grow{flex:1;min-width:0}.row .title{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .meta{color:var(--text2);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.checked .title{text-decoration:line-through;color:var(--text2);font-weight:400}.emoji-lg{font-size:1.45rem;width:34px;text-align:center;flex-shrink:0}.color-bar{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips.scroll::-webkit-scrollbar{display:none}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:7px 13px;font-size:.84rem;cursor:pointer;white-space:nowrap;min-height:34px}.chip.active{background:var(--grad);color:var(--accent-contrast);border-color:transparent;font-weight:700}.chip.small{padding:3px 9px;font-size:.72rem;min-height:0}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600;background:var(--surface2);color:var(--text2)}.badge.accent{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent)}.badge.danger{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.badge.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge.success{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 18px;font-weight:700;font-size:.95rem;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--grad);color:var(--accent-contrast);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 24%,transparent)}.btn.ghost,.btn.danger{box-shadow:none}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn.small{min-height:34px;padding:6px 12px;font-size:.82rem;border-radius:10px}.btn.block{width:100%}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--text2);font-size:1.15rem;padding:8px;cursor:pointer;border-radius:10px;min-width:40px;min-height:40px}.icon-btn:active{background:var(--surface2)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.8rem;color:var(--text2);font-weight:600}.input,select.input,textarea.input{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text);width:100%;min-height:44px;outline:none}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:80px}.form-grid{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;gap:10px}.form-row>*{flex:1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.segments{display:flex;background:var(--surface2);border-radius:12px;padding:4px;gap:4px}.segments button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;color:var(--text2);border-radius:9px;padding:8px 6px;font-size:.84rem;font-weight:600;cursor:pointer;min-height:38px}.segments button.active{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 1px var(--border),0 1px 6px #00000040}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .15s ease}.sheet{background:var(--surface);border-radius:20px 20px 0 0;width:100%;max-width:640px;max-height:88dvh;overflow-y:auto;padding:8px 16px calc(20px + env(safe-area-inset-bottom));animation:slideUp .18s ease}.sheet .grabber{width:42px;height:4px;border-radius:2px;background:var(--border);margin:6px auto 12px}.sheet h2{font-size:1.05rem;margin:0 0 12px}@keyframes slideUp{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.sheet,.overlay,.toast{animation:none!important}}.toast-stack{position:fixed;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 14px);left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;width:min(92vw,500px)}.toast{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #0006;animation:slideUp .18s ease;font-size:.9rem}.toast .undo{margin-left:auto;color:var(--accent);font-weight:700;background:none;border:none;cursor:pointer;padding:6px 8px;white-space:nowrap}.avatar{width:34px;height:34px;border-radius:50%;background:var(--surface2);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;border:1px solid var(--border);flex-shrink:0}.avatar.small{width:24px;height:24px;font-size:.8rem}.avatar.selectable{cursor:pointer;opacity:.45}.avatar.selectable.selected{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.avatar-stack{display:inline-flex}.avatar-stack .avatar{margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.month-grid .dow{text-align:center;color:var(--text2);font-size:.68rem;font-weight:700;padding:4px 0}.month-cell{aspect-ratio:1;border-radius:10px;background:var(--surface);border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:5px;gap:3px;font-size:.82rem;cursor:pointer;color:var(--text)}.month-cell.other{opacity:.32}.month-cell.today{border-color:var(--accent);font-weight:700}.month-cell.selected{background:var(--surface2)}.month-cell .dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;max-width:90%}.month-cell .dot{width:5px;height:5px;border-radius:50%}.check-circle{width:26px;height:26px;border-radius:50%;border:2px solid var(--text2);background:none;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:transparent;padding:0}.check-circle.on{background:var(--success);border-color:var(--success);color:#fff}.progress{height:6px;border-radius:3px;background:var(--surface2);overflow:hidden}.progress>div{height:100%;background:var(--grad);border-radius:3px;transition:width .2s ease}.empty{text-align:center;color:var(--text2);padding:36px 16px;font-size:.92rem}.empty .big{font-size:2.2rem;display:block;margin-bottom:8px}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:92px}.hub-card .ico{font-size:1.5rem}.hub-card .name{font-weight:700;font-size:.92rem}.hub-card .ctx{color:var(--text2);font-size:.78rem;line-height:1.3}.dashed{border-style:dashed!important}.strike{text-decoration:line-through;color:var(--text2)}.muted{color:var(--text2)}.small{font-size:.8rem}.center{text-align:center}.spin{display:inline-block;width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:rot .8s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.diff-table{width:100%;border-collapse:collapse;font-size:.85rem}.diff-table td,.diff-table th{padding:6px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.diff-table th{color:var(--text2);font-weight:600;font-size:.75rem}.login-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));gap:18px}.login-card{width:min(92vw,400px);display:flex;flex-direction:column;gap:14px}.brand{text-align:center}.brand .logo{font-size:3rem}.brand h1{margin:6px 0 0;font-size:1.7rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .claim{color:var(--text2);margin:2px 0 0}