:root{--paper:#fff;--font-scale:1}html[data-theme=dark]{color-scheme:dark;--bg:#12191c;--paper:#1d272c;--ink:#edf2f4;--muted:#b5c0c7;--line:#41515b;--blue-hover:#447db8}
body{background:var(--bg);color:var(--ink)}
.control-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;vertical-align:middle}.start-button,.stop-button,.tile-action{display:inline-flex;align-items:center;gap:10px}.start-button .control-icon{color:inherit}.pin-icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;fill:none}.pin-toggle{display:grid;place-items:center}.pin-toggle.pinned .pin-icon{fill:currentColor}.pin-toggle .pin-icon path:last-child{fill:none}
.timer-top{align-items:flex-start;gap:20px}.timer-top-right{text-align:right;max-width:60%}.timer-top-right .hint{margin:0}.timer-bottom{display:flex!important;justify-content:flex-end!important;align-items:flex-start!important}.timer-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.timer-actions #activeStartControls{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:calc(13px * var(--font-scale,1));color:var(--muted)}.timer-actions .start-button{margin:0;min-width:180px;justify-content:center}.start-button.stop{background:#598fc9;color:#fff}.timer-actions .text-button{min-height:32px;padding:0}
.client-tags,.project-chips{display:flex;flex-wrap:wrap;gap:12px;padding:8px 2px;overflow:visible}.tag-chip,.project-chips .chip{box-sizing:border-box;max-width:100%;margin:0;line-height:1.4;overflow-wrap:anywhere;flex-wrap:wrap}.tag-chip{padding:7px 12px;border:1px solid var(--line);border-radius:999px}.project-billable{display:inline-flex;align-items:center;gap:7px;font:500 calc(11px * var(--font-scale,1)) var(--sans)}.project-billable input{width:16px;height:16px;margin:0;accent-color:#598fc9}.check-field,.settings-section .check-field{display:flex!important;align-items:center!important;gap:10px!important;margin:20px 0!important;font:inherit}.check-field input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important;min-height:0!important;flex:0 0 18px;padding:0!important;accent-color:#598fc9}
.settings-section{background:var(--paper)}.settings-section h2{margin-bottom:12px}.device-section{margin-top:32px}.device-section h3{font-size:calc(20px * var(--font-scale,1));margin:0 0 8px}.device-section>p{line-height:1.6}.profile-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;max-width:850px}.profile-form label{max-width:none!important;min-width:0}.profile-form button{justify-self:start}.settings-section input:not([type=checkbox]):not([type=color]),.settings-section select,.contact-form input,.contact-form textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;min-height:46px;box-sizing:border-box}
#monthPanel{padding:0 16px}.calendar-mobile-note{display:none}.timeline-zoom{display:flex;gap:8px;margin:16px 0}.timeline-zoom button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);font:600 20px var(--sans)}.timeline-zoom button:disabled{opacity:.4}.day-heading{background:#e8edf0;display:flex;align-items:center;justify-content:center;gap:20px;min-height:70px;padding:16px;color:#272d28}.day-heading strong{font-size:calc(16px * var(--font-scale,1))}.day-heading span{font-size:calc(13px * var(--font-scale,1));color:#535b60}.today-heading{color:#2b6b9f}.timeline-now{position:absolute;left:0;right:0;border-top:2px solid #269ccc;z-index:3;pointer-events:none}.timeline-now:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#269ccc;top:-4px;left:0}.week-timeline{display:grid;grid-template-columns:64px repeat(7,minmax(140px,1fr));position:relative;max-height:700px;overflow:auto;grid-auto-flow:column;align-items:start}.week-axis{position:sticky;left:0;z-index:5;background:var(--paper)}.week-axis-head{position:sticky;top:0;height:70px;background:#e8edf0;border-bottom:1px solid var(--line)}.week-axis .timeline-hours{height:calc(var(--hour-height,64px) * 24)}.week-day{min-width:0}.week-day-track{display:block!important;height:calc(var(--hour-height,64px) * 24)}.week-day-track>.timeline-hours{display:none}.week-day .timeline-track{height:calc(var(--hour-height,64px) * 24);border-right:1px dashed var(--line)}.week-heading{height:70px}.timeline-track,.timeline-hours{height:calc(var(--hour-height,64px) * 24)}.timeline-line{border-color:var(--line)}
.footer-contact{margin:24px 0 0;text-align:center}.footer-contact a{color:#eff2f4}.cookie-settings{display:block;margin:16px auto 0;color:inherit!important;font-size:calc(12px * var(--font-scale,1));min-height:32px}.cookie-banner{position:fixed;z-index:100;bottom:16px;left:16px;right:16px;max-width:1050px;margin:auto;padding:22px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 30px #07090830;display:flex;align-items:center;gap:24px}.cookie-banner p{font-size:calc(13px * var(--font-scale,1));line-height:1.6;margin:6px 0 0}.cookie-banner a{color:#35699e}.cookie-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;flex-shrink:0}.cookie-actions button{min-height:44px}.cookie-banner .secondary-control{padding:11px 16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:5px}#cookieDialog{background:var(--paper);color:var(--ink);max-width:500px}#cookieDialog p{line-height:1.6}#cookieDialog .consent-field{display:flex;align-items:center;gap:12px;margin:20px 0;font:inherit}#cookieDialog input{width:18px;height:18px;padding:0;margin:0}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:56px;margin:36px 0}.contact-form{display:grid;gap:20px}.contact-form label{display:grid;gap:8px;color:var(--muted)}.contact-form textarea{min-height:190px;resize:vertical}.contact-form button{justify-self:start}.contact-details h2{font-size:calc(23px * var(--font-scale,1));margin-top:0}.contact-details p{line-height:1.7}.contact-details a{color:#35699e}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{min-height:24px;line-height:1.6}.form-status.error{color:#b75222}
html[data-theme=dark] .timer-card,html[data-theme=dark] .client-card,html[data-theme=dark] .summary-total,html[data-theme=dark] .breakdown,html[data-theme=dark] .auth-card,html[data-theme=dark] dialog,html[data-theme=dark] .day-timeline,html[data-theme=dark] .calendar-day,html[data-theme=dark] .chart-empty,html[data-theme=dark] .onboarding-tip{background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] input:not([type=color]),html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .calendar-controls>.secondary-control,html[data-theme=dark] .view-switch button,html[data-theme=dark] .color-swatch{background:var(--paper);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .view-switch button[aria-pressed=true]{background:#598fc9;color:#fff}html[data-theme=dark] .chip,html[data-theme=dark] .tag-chip,html[data-theme=dark] .token-revoked,html[data-theme=dark] .token-once,html[data-theme=dark] #tokenReveal,html[data-theme=dark] .week-heading,html[data-theme=dark] .week-axis-head,html[data-theme=dark] .day-heading,html[data-theme=dark] .timeline-event,html[data-theme=dark] .calendar-mini{background:#293940;color:var(--ink)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] .brand,html[data-theme=dark] .chart-empty strong,html[data-theme=dark] .chart-empty>span:last-child,html[data-theme=dark] .active-label{color:var(--ink)}html[data-theme=dark] .donut-total,html[data-theme=dark] .donut-label,html[data-theme=dark] .axis-label{fill:var(--ink)}html[data-theme=dark] .timeline-hours,html[data-theme=dark] .week-heading span,html[data-theme=dark] .day-heading span{color:var(--muted)}html[data-theme=dark] .subhead,html[data-theme=dark] .page-lede,html[data-theme=dark] .auth-card p{color:var(--muted)}
@media(max-width:760px){.cookie-banner{display:block}.cookie-actions{margin-top:16px;flex-shrink:1}.cookie-actions button{flex:1 1 auto}.contact-layout{grid-template-columns:1fr;gap:32px}.profile-form{grid-template-columns:1fr}}
@media(max-width:640px){header nav,.header-nav,.landing-header nav{justify-content:flex-start!important;text-align:left;margin-left:0!important}.timer-top{gap:12px}.timer-top-right{max-width:55%}.timer-top-right .hint{font-size:calc(11px * var(--font-scale,1));line-height:1.5}.timer-actions{width:100%}.timer-actions .start-button{min-width:180px;max-width:100%}.timer-actions #activeStartControls{text-align:right}.client-tags,.project-chips{padding:8px 2px}.tag-chip{border-radius:18px}.client-card-head{flex-wrap:wrap;gap:16px}.client-card-actions{width:100%;justify-content:flex-start;gap:12px}.calendar-mobile-note{display:block;line-height:1.6;font-size:calc(13px * var(--font-scale,1));color:var(--muted)}#monthPanel{padding:0 8px}.calendar-grid{display:none}.week-timeline{grid-template-columns:55px repeat(7,150px)}.day-heading{flex-direction:column;gap:6px}.cookie-banner{bottom:8px;left:8px;right:8px;padding:16px}.cookie-banner p{font-size:calc(12px * var(--font-scale,1))}.footer-contact{text-align:left}.profile-form button{width:100%;justify-self:stretch}}
@media(max-width:640px) and (orientation:landscape){.calendar-grid{display:grid}.month-agenda{display:none}.calendar-day{min-height:120px}}
html[data-theme=dark] .timeline-track,html[data-theme=dark] .week-timeline{background:var(--paper)}
.week-axis-head{z-index:6}.week-axis .timeline-hours{z-index:1}.week-heading{z-index:7}

.timer-card.running .timer-top{justify-content:flex-start}.timer-card.running .timer-top-right{max-width:100%;text-align:left}.timer-card.running .active-label{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;color:var(--ink);font-family:var(--sans)}.timer-card.running .active-label strong{font:800 calc(30px * var(--font-scale,1))/1.15 var(--heading);overflow-wrap:anywhere}.timer-card.running .active-label>span{font:500 calc(19px * var(--font-scale,1))/1.3 var(--sans)}.timer-card.running .timer-caption{display:none}.timer-actions .start-button{min-height:44px}
html[data-theme=dark] .auth-tabs button{color:var(--muted)}html[data-theme=dark] .auth-tabs button[aria-selected=true]{color:var(--ink)}
html[data-theme=dark] .report-table{background:var(--paper);color:var(--ink)}html[data-theme=dark] .report-drill{color:#9bc7f0}html[data-theme=dark] .report-table th{color:var(--muted)}
html[data-theme=dark] .calendar-day[aria-pressed=true]{background:#263c49}html[data-theme=dark] .calendar-weekday,html[data-theme=dark] .calendar-date strong,html[data-theme=dark] .calendar-day>span,html[data-theme=dark] .calendar-mini b,html[data-theme=dark] .calendar-mini span,html[data-theme=dark] .calendar-entry,html[data-theme=dark] .agenda-day{color:var(--ink)}html[data-theme=dark] .calendar-entry{background:var(--paper)}html[data-theme=dark] .calendar-entry small,html[data-theme=dark] .calendar-entry span,html[data-theme=dark] .calendar-more{color:var(--muted)}html[data-theme=dark] .timeline-event:hover{background:#364e59}
.streamdeck-steps{padding-left:24px;line-height:1.6}.streamdeck-steps li{margin:12px 0}.streamdeck-steps code{overflow-wrap:anywhere}

#labelsForm{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}#labelsForm label{display:grid;gap:8px;min-width:220px}#labelsForm select{font:inherit;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}#labelsForm button{min-height:44px;padding:12px 18px;background:var(--blue);color:#fff;border:0;border-radius:6px;font:600 14px var(--sans)}
html[data-theme=dark] .period-switch{background:#293940}html[data-theme=dark] .period{color:var(--muted)}html[data-theme=dark] .period.active{background:#598fc9;color:#fff}html[data-theme=dark] .toast{background:#293940;color:var(--ink);border:1px solid var(--line)}html[data-theme=dark] .contact-details a{color:#9bc7f0}

.download-card{width:min(620px,100%);margin:12vh auto;padding:36px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}.download-card h1{font:800 32px var(--heading);margin:24px 0 16px}.download-card p{line-height:1.6}.download-card .buttons-link{margin:16px 0}.plugin-purchases{list-style:none;padding:0}.plugin-purchases li{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:16px 0}.plugin-purchases span{color:var(--muted);font-size:14px}@media(max-width:640px){.download-card{margin:32px 16px;width:calc(100% - 32px);padding:24px}}

.landing-header nav .landing-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;background:var(--blue);color:#fff;border-radius:6px;font-weight:700}.landing-header nav .landing-login:hover{background:var(--blue-hover);color:#fff}.tracking-uses{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;padding:12px 0 64px}.tracking-uses h2{margin:0;font:800 calc(36px * var(--font-scale,1))/1.15 var(--heading)}.tracking-uses p,.tracking-uses li{color:var(--muted);font-size:calc(15px * var(--font-scale,1));line-height:1.65}.tracking-uses ul{margin:0;padding-left:22px}.tracking-uses li{padding:0 0 12px 6px}@media(max-width:800px){.tracking-uses{grid-template-columns:1fr;gap:20px}}@media(max-width:480px){.landing-header nav{gap:12px}.landing-header nav .landing-login{padding:10px 16px}}

.legal-page{max-width:820px;margin:44px auto 72px}.legal-page h1{font:800 calc(44px * var(--font-scale,1))/1.1 var(--heading);margin:0 0 16px}.legal-page .legal-date{color:var(--muted);font-size:14px}.legal-page>nav{margin:24px 0 36px}.legal-page section{margin:36px 0}.legal-page h2{font:700 calc(23px * var(--font-scale,1))/1.3 var(--heading);margin:0 0 12px}.legal-page p{font-size:calc(16px * var(--font-scale,1));line-height:1.75;overflow-wrap:anywhere}.legal-page a{color:#35699e}html[data-theme=dark] .legal-page a{color:#9bc7f0}@media(max-width:640px){.legal-page{margin:28px 0 48px}.legal-page h1{font-size:34px}}

@media(max-width:760px){header,.landing-header{height:auto;min-height:82px;flex-wrap:wrap;justify-content:flex-start;gap:18px;padding:20px 0}header nav,.header-nav,.landing-header nav{order:2;display:flex;flex:0 0 100%;width:100%;margin:0!important;padding:0;justify-content:flex-start!important;align-items:center;flex-wrap:wrap;text-align:left!important;gap:18px}header nav a,header nav button{text-align:left}header .header-right{order:3;flex:0 0 100%;margin:0;justify-content:flex-start}.top{flex-wrap:wrap;justify-content:flex-start;gap:18px}.top .top-link{margin:0;text-align:left}}

@media(max-width:760px){header nav,.header-nav,.landing-header nav{justify-content:flex-end!important;text-align:right!important}header nav a,header nav button{text-align:right}header .header-right{justify-content:flex-end}.top{justify-content:space-between}.top .top-link{text-align:right}}

@media(max-width:760px){header .header-right{order:1;flex:0 0 auto;margin-left:auto;justify-content:flex-end}header>#logout{order:1;margin-left:auto}header #logout,header #logoutBtn{min-height:44px;white-space:nowrap}header>.brand{order:0}header>.header-nav{order:2}}