:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f6;--surface:#fff;--ink:#17202d;--muted:#5f6b7c;--faint:#8d97a6;--line:#e0e5ec;--accent:#1f5fd6;--accent-soft:#e6eefc;--plus:#1c7c45;--plus-soft:#e3f4ea;--minus:#c0392b;--minus-soft:#fbe9e7;--warn:#8a5a00;--warn-soft:#fff4d6;--st-arbeit:#2e8b57;--st-urlaub:#f0a030;--st-krank:#e0607e;--st-feiertag:#8a63d2;--st-frei:#8e97a4;--st-schulung:#2f7fd8;--st-sonderurlaub:#1d9e75;--st-unbezahlt:#8b6b4a;--st-zeitausgleich:#c2569b;--tone-blue:#2f7fd8;--tone-red:#e0544b;--tone-coral:#e2703a;--tone-teal:#14a39a;--tone-amber:#d99a0b;--tone-violet:#8a63d2;--tone-pink:#d64f86;--tone-gray:#7d8796;--tint:14%;--accent-fill:#1f5fd6;--accent-ink:#173f8c;--plus-ink:#145a33;--minus-ink:#8c2a20;--toggle-off:#d5dae2;--toast-bg:#17202d;--toast-ink:#fff;--shadow:none;--radius-l:18px;--radius-m:12px;--radius-s:8px;--tap:46px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1014;--surface:#181b21;--ink:#eef1f6;--muted:#9ba4b2;--faint:#6b7483;--line:#2a2f38;--accent:#5b9cff;--accent-soft:#1a2944;--plus:#4fd08f;--plus-soft:#13241c;--minus:#ff7a6b;--minus-soft:#26161a;--warn:#f3c654;--warn-soft:#2b2410;--st-arbeit:#45c27f;--st-urlaub:#f5ac43;--st-krank:#f07595;--st-feiertag:#a687f2;--st-frei:#9aa3b0;--st-schulung:#5b9cff;--st-sonderurlaub:#34c3a0;--st-unbezahlt:#c79e72;--st-zeitausgleich:#e27bbd;--tone-blue:#5b9cff;--tone-red:#ff6f66;--tone-coral:#ff8c5a;--tone-teal:#3ccfc4;--tone-amber:#f5bd3d;--tone-violet:#a687f2;--tone-pink:#f27aac;--tone-gray:#9aa3b0;--tint:20%;--accent-fill:#2f6be0;--accent-ink:#b9d3ff;--plus-ink:#a6efc7;--minus-ink:#ffc2ba;--toggle-off:#3a404a;--toast-bg:#eef1f6;--toast-ink:#0e1014}:root[data-theme=dark] .card,:root[data-theme=dark] .cal,:root[data-theme=dark] .stat,:root[data-theme=dark] .vac-card,:root[data-theme=dark] .date-nav,:root[data-theme=dark] .saldo{box-shadow:inset 0 0 0 1px var(--line)}:root[data-theme=dark] .tabbar{background:color-mix(in srgb, var(--bg) 88%, transparent)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.plus{color:var(--plus)}.minus{color:var(--minus)}.muted{color:var(--muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.app{min-height:100dvh}.main{max-width:640px;padding:0 16px calc(96px + var(--safe-bottom));margin:0 auto}.tabbar{z-index:10;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + var(--safe-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tab{color:var(--faint);min-height:var(--tap);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:11px;display:flex}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--accent)}.tabbar .tab-brand{display:none}@media (width>=900px){.app{grid-template-columns:232px 1fr;display:grid}.tabbar{border-top:0;border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:2px;height:100dvh;padding:20px 12px;display:flex;position:sticky;top:0}.tab{border-radius:var(--radius-m);color:var(--muted);flex-direction:row;justify-content:flex-start;gap:12px;padding:0 12px;font-size:15px}.tab svg{width:22px;height:22px}.tab[aria-current=page]{background:var(--accent-soft)}.tabbar .tab-brand{padding:4px 12px 18px;display:flex}.main{width:100%;padding:8px 32px 48px}}.header{min-height:56px;padding-top:env(safe-area-inset-top,0px);grid-template-columns:48px 1fr 48px;align-items:center;display:grid}.header h1{text-align:center;margin:0;font-size:17px;font-weight:600}.header .left{justify-self:start}.header .right{justify-self:end}.icon-btn{width:44px;height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid;position:relative}.icon-btn svg{width:24px;height:24px}.badge{background:var(--minus);color:#fff;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:6px;right:6px}.group{margin:0 0 20px}.group-title{color:var(--muted);margin:0 0 6px 4px;font-size:13px;font-weight:600}.group-footer{color:var(--muted);margin:6px 4px 0;font-size:13px}.card{background:var(--surface);border-radius:var(--radius-l);overflow:hidden}.row{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;min-height:50px;padding:8px 16px;display:flex}.card>.row:last-child,.card>:last-child .row{border-bottom:0}button.row{cursor:pointer}button.row:active{background:var(--bg)}.row-icon{width:22px;height:22px;color:var(--muted);flex:none}.tone-icon{background:color-mix(in srgb, var(--c) var(--tint), transparent);width:32px;height:32px;color:var(--c);border-radius:50%;flex:none;place-items:center;display:grid}.tone-icon svg{width:18px;height:18px}.row-label{flex:1;min-width:0}.row-label small{color:var(--muted);font-size:13px;display:block}.row-value{color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.row-value.plus{color:var(--plus)}.row-value.minus{color:var(--minus)}.row-chevron{width:16px;height:16px;color:var(--faint);flex:none}.row.strong .row-label,.row.strong .row-value{font-weight:650}.input{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface);padding:10px 12px;font-size:16px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input.invalid{border-color:var(--minus)}.input.small{text-align:right;font-variant-numeric:tabular-nums;width:112px}.input-row{align-items:center;gap:8px;display:flex}textarea.input{resize:vertical;min-height:84px}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.field{border-bottom:1px solid var(--line);padding:10px 16px}.card>.field:last-child{border-bottom:0}.field label,.field .label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.error{color:var(--minus);margin:8px 4px 0;font-size:14px}.toggle{flex:none;width:51px;height:31px;position:relative}.toggle input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle span{background:var(--toggle-off);pointer-events:none;border-radius:16px;transition:background .15s;position:absolute;inset:0}.toggle span:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.toggle input:checked+span{background:var(--plus)}.toggle input:checked+span:after{transform:translate(20px)}.toggle input:focus-visible+span{outline:3px solid var(--accent-soft)}.toggle input:disabled+span{opacity:.55}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:18px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:15px;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff}.chip .st-icon{flex:none;width:18px;height:18px}.chip.status{border-radius:21px;min-height:42px;padding-left:5px}.chip.status .tone-icon{width:30px;height:30px}.chip.status[aria-pressed=true]{background:color-mix(in srgb, var(--c) calc(var(--tint) + 6%), var(--surface));border-color:var(--c);color:var(--ink);font-weight:600}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.btn{border-radius:var(--radius-m);cursor:pointer;background:var(--accent-fill);color:#fff;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.btn svg{width:20px;height:20px}.btn.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--line)}.btn.danger{background:var(--surface);color:var(--minus);border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.btn-stack{gap:10px;margin:16px 0;display:grid}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:15px}.mini-btn{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:var(--radius-s);min-height:var(--tap);cursor:pointer;white-space:nowrap;padding:0 12px;font-weight:600}.notice{border-radius:var(--radius-m);align-items:flex-start;gap:10px;margin:0 0 16px;padding:12px 14px;font-size:14px;display:flex}.notice svg{flex:none;width:20px;height:20px;margin-top:1px}.notice.info{background:var(--accent-soft);color:var(--accent-ink)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.good{background:var(--plus-soft);color:var(--plus-ink)}.notice.bad{background:var(--minus-soft);color:var(--minus-ink)}.notice .actions{margin-top:8px}.notice-actions{flex-wrap:wrap;gap:4px 20px;display:flex}.day-list .row-label small{font-size:14px}.day-hours{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.day-hours.plus{color:var(--plus)}.day-hours.minus{color:var(--minus)}.label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.label-row .link-btn{padding:4px 0;font-size:14px}.clock-card{background:var(--surface);border-radius:var(--radius-l);align-items:center;gap:12px;margin-bottom:16px;padding:12px 12px 12px 16px;display:flex}.clock-card>div{flex:1;gap:2px;min-width:0;display:grid}.clock-card small{color:var(--muted);font-size:13px}.clock-card.running small{color:var(--st-arbeit);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.clock-btn{border-radius:var(--radius-m);cursor:pointer;color:#fff;border:0;min-width:104px;min-height:48px;padding:0 16px;font-size:16px;font-weight:700}.clock-btn.in{background:color-mix(in srgb, var(--st-arbeit) 82%, #000)}.clock-btn.out{background:color-mix(in srgb, var(--minus) 82%, #000)}.install-steps{margin:0;padding:12px 16px 12px 36px;font-size:15px;line-height:1.4;display:block}.install-steps li+li{margin-top:8px}.toast{left:50%;bottom:calc(92px + var(--safe-bottom));z-index:30;background:var(--toast-bg);color:var(--toast-ink);border-radius:22px;max-width:calc(100% - 32px);padding:10px 18px;font-size:15px;position:fixed;transform:translate(-50%)}@media (width>=900px){.toast{bottom:32px;left:calc(50% + 116px)}}.hello{padding-top:calc(12px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand svg{width:34px;height:34px;color:var(--accent)}.brand b{font-size:18px;line-height:1.1;display:block}.brand span{color:var(--muted);font-size:13px}.welcome{align-items:center;gap:14px;margin:14px 0 18px;display:flex}.welcome-art{flex:none;width:56px;height:56px}.greeting{letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.wish{color:var(--muted);margin:4px 0 0;font-size:15px;line-height:1.35}.welcome>div{animation:.6s ease-out both welcome-in}.welcome .wish{animation:.6s ease-out .25s both welcome-in}.art-rise{animation:1.2s ease-out both art-rise}.art-rays{animation:60s linear infinite art-spin}.art-star{animation:3.2s ease-in-out infinite art-twinkle}.art-star.d2{animation-delay:1.1s}.art-star.d3{animation-delay:2.2s}@keyframes welcome-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes art-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes art-spin{to{transform:rotate(360deg)}}@keyframes art-twinkle{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.welcome *,.welcome>div{animation:none!important}}.saldo{border-radius:var(--radius-l);background:var(--surface);margin-bottom:12px;padding:18px 18px 14px}.saldo.pos{background:var(--plus-soft)}.saldo.neg{background:var(--minus-soft)}.saldo-label{color:var(--muted);font-size:14px}.saldo-figure{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:2px 0 10px;font-size:48px;font-weight:750;line-height:1.05}.saldo.pos .saldo-figure{color:var(--plus)}.saldo.neg .saldo-figure{color:var(--minus)}.ledger{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:56px;display:grid}.ledger-col{grid-template-rows:1fr 1fr;height:100%;display:grid}.ledger-bar{border-radius:3px;width:100%}.ledger-up{background:var(--plus);align-self:end}.ledger-down{background:var(--minus);align-self:start}.ledger-zero{border-top:1px dashed color-mix(in srgb, var(--muted) 40%, transparent)}.ledger-days{color:var(--muted);text-align:center;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:4px;font-size:11px;display:grid}.ledger-caption{color:var(--muted);margin-top:6px;font-size:12px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.stat{background:var(--surface);border-radius:var(--radius-m);padding:10px 12px}.stat span{color:var(--accent);font-size:13px;font-weight:600}.stat b{font-variant-numeric:tabular-nums;font-size:20px;display:block}.stat small{color:var(--muted);font-size:12px}.vac-card{background:var(--surface);border-radius:var(--radius-l);text-align:left;cursor:pointer;border:0;align-items:center;gap:14px;width:100%;margin-bottom:16px;padding:14px 16px;display:flex}.vac-card .tone-icon{width:44px;height:44px}.vac-card .tone-icon svg{width:24px;height:24px}.vac-card .big{font-variant-numeric:tabular-nums;text-align:right;margin-left:auto;font-size:22px;font-weight:700}.vac-card small{color:var(--muted);font-size:13px;display:block}.date-nav{background:var(--surface);border-radius:var(--radius-l);grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:16px;padding:4px;display:grid}.date-nav input{text-align:center;background:0 0;border:0;width:100%;min-height:44px;font-weight:600}.date-label{text-align:center;color:var(--muted);margin:-10px 0 14px;font-size:13px}.time-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:8px 12px 8px 14px;display:flex}.time-row label{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;flex:1;min-width:0}.time-row .tone-icon{width:28px;height:28px}.time-row .tone-icon svg{width:16px;height:16px}.time-row input{text-align:center;font-variant-numeric:tabular-nums;flex:none;width:104px}.result{background:var(--accent-soft);border-radius:var(--radius-l);align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.result svg{width:30px;height:30px;color:var(--accent)}.result small{color:var(--accent-ink);font-size:13px;display:block}.result b{font-variant-numeric:tabular-nums;font-size:28px}.result .diff{text-align:right;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:650}.cal{background:var(--surface);border-radius:var(--radius-l);margin-bottom:12px;padding:10px 8px 12px}.cal-head,.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.cal-head{color:var(--muted);padding-bottom:6px;font-size:12px}.cal-day{aspect-ratio:1;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;max-height:56px;font-size:16px;display:grid;position:relative}.cal-day.out{visibility:hidden}.cal-day.weekend{color:var(--minus)}.cal-day.selected{background:var(--accent-fill);color:#fff;font-weight:700}.cal-day.today:not(.selected){box-shadow:inset 0 0 0 2px var(--accent)}.cal-day.st-urlaub:not(.selected),.cal-day.st-halbUrlaub:not(.selected){background:color-mix(in srgb, var(--st-urlaub) 22%, transparent)}.cal-day.st-krank:not(.selected),.cal-day.st-kindKrank:not(.selected){background:color-mix(in srgb, var(--st-krank) 22%, transparent)}.cal-day.st-schulung:not(.selected){background:color-mix(in srgb, var(--st-schulung) 18%, transparent)}.cal-day.st-sonderurlaub:not(.selected){background:color-mix(in srgb, var(--st-sonderurlaub) 20%, transparent)}.cal-day.st-unbezahlt:not(.selected){background:color-mix(in srgb, var(--st-unbezahlt) 20%, transparent)}.cal-day.st-zeitausgleich:not(.selected){background:color-mix(in srgb, var(--st-zeitausgleich) 20%, transparent)}.cal-day.st-frei:not(.selected){background:color-mix(in srgb, var(--st-frei) 18%, transparent)}.cal-day.has-icon{padding-bottom:11px}.cal-day .st-icon{width:13px;height:13px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.cal-day.selected .st-icon{color:#fff!important}.cal-day.holiday:not(.selected){background:color-mix(in srgb, var(--st-feiertag) 16%, transparent);color:var(--st-feiertag)}.cal-day .mark{border-radius:50%;width:5px;height:5px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;padding:8px 8px 0;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend .st-icon{width:15px;height:15px}.month-nav{grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:10px;display:grid}.month-nav b{text-align:center;font-size:18px}.day-list .row{min-height:52px}.day-list .row-label b{font-weight:600}.day-list .row-value small{font-size:12px;display:block}.pill{background:var(--bg);color:var(--muted);border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.steps{gap:6px;margin:8px 0 18px;display:flex}.steps span{background:var(--line);border-radius:2px;flex:1;height:4px}.steps span.on{background:var(--accent)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.a4-outer{border-radius:var(--radius-m);background:#fff;position:relative;overflow:hidden;box-shadow:0 1px 2px #17202d14,0 8px 24px #17202d14}.a4-page{transform-origin:0 0;color:#1b2433;font-family:Roboto, var(--font);background:#fff;padding:36px 34px 40px;font-size:9px;line-height:1.3}.a4-page h2{margin:0 0 6px;font-size:17px;font-weight:600}.a4-page h3{margin:14px 0 4px;font-size:11px;font-weight:600}.a4-meta{justify-content:space-between;margin-top:2px;display:flex}.a4-meta i{color:#5d6878;font-style:normal}.a4-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:8px}.a4-table th{text-align:right;background:#f1f4f8;border-bottom:1px solid #d7dde6;padding:3px 4px;font-weight:600}.a4-table td{text-align:right;font-variant-numeric:tabular-nums;border-bottom:.5px solid #e6eaf0;padding:2.5px 4px}.a4-table th:first-child,.a4-table td:first-child,.a4-table th:last-child,.a4-table td:last-child{text-align:left}.a4-table td:last-child{color:#5d6878}.a4-sum{border-collapse:collapse;width:100%}.a4-sum td{border-bottom:.5px solid #d7dde6;padding:3px 0}.a4-sum td:last-child{text-align:right;font-variant-numeric:tabular-nums}.a4-sum tr.strong td{font-weight:600}.a4-abs{margin:10px 0 0}.a4-sign{color:#5d6878;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;font-size:8px;display:grid}.a4-sign span{border-top:.6px solid #1b2433;padding-top:3px}