:root{--bg:#f2f5f9;--card:rgba(255,255,255,.92);--text:#10131a;--muted:#7d8490;--line:#e5e9f0;--blue:#2376ff;--green:#24b45a;--yellow:#f0b429;--red:#ed3d3d;--sick:#3b82f6;--shadow:0 14px 40px rgba(34,53,84,.10)}
html{background:linear-gradient(180deg,#eef4ff 0,#f6f8fb 180px,#f2f5f9 100%)}
body{background:transparent;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
.app{max-width:680px;background:transparent}
.topbar{position:sticky;top:0;z-index:20;padding:calc(12px + env(safe-area-inset-top)) 18px 10px;background:rgba(242,245,249,.82);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(207,216,230,.65)}
.topbar h1{font-size:28px;font-weight:800;letter-spacing:-.03em}
.round{width:42px;height:42px;border:0;background:rgba(255,255,255,.88);box-shadow:0 5px 18px rgba(39,58,91,.08);color:#2f3948}
.dateTitle{padding:20px 22px 8px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:#8b93a0}
.heroStart{padding:10px 18px 6px}.startBtn{min-height:64px;border-radius:22px;background:linear-gradient(135deg,#2376ff,#4d8fff);box-shadow:0 14px 28px rgba(35,118,255,.24);font-size:19px;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease}.startBtn:active{transform:scale(.985);box-shadow:0 8px 20px rgba(35,118,255,.2)}
.runningCard,.entryCard,.panel,.calendarPanel,.statCard,.moreCard{border:1px solid rgba(220,226,235,.78);box-shadow:0 12px 34px rgba(34,53,84,.08)}
.runningCard{margin:4px 18px 14px;border-radius:26px;padding:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,250,255,.96))}.runningTimer{font-weight:450;letter-spacing:-.035em}.statusPill{box-shadow:inset 0 0 0 1px rgba(0,0,0,.02)}
.info{margin:0 18px 14px;border:0;background:rgba(231,241,255,.9);box-shadow:inset 0 0 0 1px rgba(107,162,242,.28)}
.recentList{padding:0 18px}.entryCard{border-radius:22px;padding:15px 16px;background:rgba(255,255,255,.94);transition:transform .12s ease}.entryCard:active{transform:scale(.992)}.entryMain strong{font-size:22px;font-weight:650;letter-spacing:-.02em}.entryAside b{font-size:18px}.colorBar{width:12px;height:58px;border-radius:999px;align-self:center}
.sectionTitle{padding:28px 18px 10px}.sectionTitle h2{font-size:27px;letter-spacing:-.035em}.sectionTitle small{font-weight:700;letter-spacing:.06em}
.weekNav,.monthNav{padding:8px 18px 12px}.weekNav button,.monthNav button{background:rgba(255,255,255,.9);box-shadow:0 5px 16px rgba(34,53,84,.06);border:1px solid rgba(222,227,235,.78)}
.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 18px 14px}.statCard{padding:15px 14px;border-radius:20px;min-height:83px;background:rgba(255,255,255,.94)}.statCard.primary{background:linear-gradient(145deg,#edf4ff,#fff)}.statCard small{font-size:10px;font-weight:800;letter-spacing:.06em}.statCard b{font-size:21px;letter-spacing:-.025em}.statCard.primary b{font-size:26px}
.panel{margin:0 18px 16px;border-radius:22px}.weekRow{min-height:58px;padding:10px 16px;grid-template-columns:86px 1fr 74px 18px}.weekItem.open .weekRow{background:#f7faff}.weekDetail{background:#f8fafc;padding:12px 16px 15px}
.calendarPanel{margin:0 18px 18px;border-radius:24px;padding:16px;background:rgba(255,255,255,.94)}.calDay{min-height:58px;border-radius:16px;background:#f5f7fa}.calDay.today{outline:0;box-shadow:0 0 0 3px rgba(35,118,255,.24)}.calDay.work{background:#d7f5df}.calDay.vacation{background:#ffedab}.calDay.holiday{background:#ffd1d1}.calDay.sickness{background:#d1e4ff}.legend{margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}
.moreCard{margin:0 18px 14px;border-radius:24px;padding:18px;background:rgba(255,255,255,.94)}.moreCard h3{font-size:19px;letter-spacing:-.02em}.moreBtn{min-height:48px;border-radius:15px;background:#f0f4f9;color:#27364d}.moreBtn:active{background:#e8eef6}.moreRow input,.formGrid input,.formGrid select{background:#f8fafc;border-color:#e3e7ed}
#viewMore::after{content:"Arbeitszeit · Version 1.2 Beta";display:block;text-align:center;color:#8a92a0;font-size:12px;font-weight:700;letter-spacing:.03em;margin:20px 18px 8px;padding:10px 0}
.bottomNav{width:min(680px,calc(100% - 20px));bottom:10px;border:1px solid rgba(214,220,230,.85);border-radius:24px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.88);box-shadow:0 16px 42px rgba(26,45,75,.18);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%)}.bottomNav button{min-height:52px;border-radius:17px;font-size:12px;color:#687180}.bottomNav button.active{background:linear-gradient(145deg,#eaf2ff,#f4f8ff);color:var(--blue);box-shadow:inset 0 0 0 1px rgba(35,118,255,.08)}.bottomNav b{font-size:21px;margin-bottom:5px}
.sheet{background:linear-gradient(180deg,#f1f5fb,#f5f6f8)}.sheetTop{background:rgba(246,248,251,.9);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.sheetTop .save{border-radius:14px;background:linear-gradient(135deg,#2376ff,#4d8fff)}.sheetGroup,.noteBox textarea,.sheetSummary{border-color:#e0e5ec;box-shadow:0 8px 24px rgba(32,50,80,.05)}.sheetGroup,.sheetSummary,.noteBox textarea{background:rgba(255,255,255,.96)}.typeSeg button{border-radius:14px;background:rgba(255,255,255,.9)}.typeSeg button.active{background:linear-gradient(135deg,#2376ff,#4d8fff)}
.pickerSheet{background:rgba(248,250,253,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px 28px 0 0}.wheelWrap{border-radius:22px;box-shadow:0 10px 30px rgba(30,48,80,.06)}
.toast{border-radius:14px!important;box-shadow:0 12px 32px rgba(0,0,0,.16)!important}
@media(max-width:560px){.runningCard{grid-template-columns:50px 1fr;gap:12px}.statusPill{width:44px;height:84px;border-width:6px}.runningActions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;min-width:0}.runningActions small{grid-column:1/-1;margin-top:2px}.runningTimer{font-size:38px}.statsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekRow{grid-template-columns:80px 1fr 64px 16px;font-size:14px}.calendarPanel{padding:12px}.calDay{min-height:52px;font-size:15px}.legend{grid-template-columns:repeat(2,1fr);row-gap:8px}.sheetRow{grid-template-columns:1fr minmax(120px,52%)}.typeSeg{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}