.app-header{background:#000;color:#fff;padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;position:relative}.header-row-first{display:flex;align-items:center;flex:1;gap:.75rem;min-width:0}.header-tabs{display:flex;gap:.5rem;padding-left:0}.header-tabs a:first-child{padding-left:0}.header-tabs a{color:#666;text-decoration:none;padding:.5rem .75rem;border-radius:6px}.header-tabs a:hover{color:#5a86ee}.header-tabs a.active{color:#666;background:transparent}.header-tabs a.active:hover{color:#fff}.header-date-row{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem}.header-date-nav{background:none;border:none;color:#fff;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.header-date-nav:hover{color:#5a86ee}.header-date{font-size:.9375rem;min-width:180px;text-align:center}.header-date-btn{background:none;border:none;color:inherit;font-size:inherit;font-family:inherit;cursor:pointer;padding:.25rem .5rem;min-width:180px}.header-date-btn:hover{color:#5a86ee}.header-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.icon-btn{background:none;border:none;color:#888;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:#fff}.icon-btn-img{position:relative;padding:.5rem}.icon-btn-img .icon-img,.header-date-nav-img .icon-img{width:20px;height:20px;display:block}.icon-btn-img .icon-img.hover,.header-date-nav-img .icon-img.hover,.icon-btn-img:hover .icon-img.default,.header-date-nav-img:hover .icon-img.default{display:none}.icon-btn-img:hover .icon-img.hover,.header-date-nav-img:hover .icon-img.hover{display:block}.header-date-nav-img .icon-img{width:20px;height:20px}@media(max-width:599px){.app-header{flex-direction:column;align-items:stretch}.header-row-first{order:1;justify-content:space-between}.header-actions{margin-left:auto}.header-date-row{position:static;transform:none;order:2;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#111;border-radius:8px;max-width:480px;width:100%;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #222}.modal-header h2{margin:0;font-size:1.25rem;font-weight:400}.settings-modal .modal-header h2{font-size:1rem}.settings-modal .category-row .icon-btn-img .icon-img{width:16px;height:16px;display:block}.settings-modal .category-row .icon-btn-img .icon-img.hover,.settings-modal .category-row .icon-btn-img:hover .icon-img.default{display:none}.settings-modal .category-row .icon-btn-img:hover .icon-img.hover{display:block}.modal-close{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;display:flex}.modal-close:hover{color:#fff}.modal-body{padding:1.25rem}.settings-section{margin-bottom:1.5rem}.settings-section h3{margin:0 0 .75rem;font-size:.9375rem;font-weight:400;color:#ccc}.add-category-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.add-input{flex:1;min-width:120px;padding:.5rem .75rem;background:#222;border:1px solid #333;border-radius:6px;color:#fff}.add-color{width:40px;height:36px;padding:0;border:none;border-radius:4px;cursor:pointer;overflow:hidden}.add-color-hex{width:80px;padding:.5rem;background:#222;border:1px solid #333;border-radius:6px;color:#fff;font-family:monospace}.btn-primary{padding:.5rem 1rem;background:#0f68e4;color:#fff;border:none;border-radius:6px;font-weight:400;cursor:pointer}.btn-primary:hover{background:#3882e9}.category-list{display:flex;flex-direction:column;gap:0}.category-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;position:relative;transition:background .15s}.category-row:hover{background:#1a1a1a}.category-row.dragging{opacity:.6}.category-row.drop-target:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#00bfff;z-index:1}.category-row-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-row-title{flex:1;font-size:.9375rem;font-weight:400}.category-eye-btn{background:none;border:none;padding:.25rem;cursor:pointer;display:flex}.category-eye-btn .icon-img{width:18px;height:18px}.category-eye-btn .icon-img.hover,.category-eye-btn:hover .icon-img.default{display:none}.category-eye-btn:hover .icon-img.hover{display:block}.drag-handle{background:none;border:none;color:#666;cursor:grab;padding:.25rem;display:flex;margin-left:auto}.drag-handle:active{cursor:grabbing}.icon-btn-small{background:none;border:none;color:#888;padding:.25rem;cursor:pointer;font-size:.8125rem;font-weight:400}.icon-btn-small:hover{color:#fff}.category-row-edit{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.edit-input{flex:1;min-width:100px;padding:.4rem .6rem;background:#222;border:1px solid #444;border-radius:4px;color:#fff}.edit-color{width:32px;height:32px;padding:0;border:none;border-radius:50%;cursor:pointer;overflow:hidden}.edit-color-hex{width:70px;padding:.4rem;background:#222;border:1px solid #444;border-radius:4px;color:#fff;font-size:.8125rem}.btn-small{padding:.35rem .6rem;background:#333;color:#fff;border:none;border-radius:4px;font-size:.8125rem;font-weight:400;cursor:pointer}.btn-small:hover{background:#444}.muted{color:#666;margin:0;font-weight:400}.main-layout{min-height:100vh;background:#000;color:#fff}.main-content{padding:1rem;max-width:800px;margin:0 auto}.login-page{min-height:100vh;background:#000;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:360px;padding:1.5rem}.login-card h1{color:#fff;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.login-card form{display:flex;flex-direction:column;gap:.75rem}.login-card input{padding:.75rem 1rem;border:1px solid #333;border-radius:6px;background:#111;color:#fff;font-size:1rem}.login-card input::placeholder{color:#666}.login-card button[type=submit]{padding:.75rem;background:#333;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.login-card button[type=submit]:hover{background:#444}.login-error{color:#e55;font-size:.875rem;margin:0}.login-toggle{margin-top:1rem;background:none;border:none;color:#888;font-size:.875rem;cursor:pointer;text-decoration:underline}.login-toggle:hover{color:#fff}.timeline-strip-wrap{margin-bottom:1rem}.timeline-strip{position:relative;width:100%;background:#1a1a1a;overflow:hidden}.timeline-segment{position:absolute;top:0;bottom:0;pointer-events:none}.timeline-hour-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff40;pointer-events:none}.timeline-labels{position:relative;height:24px;margin-top:2px}.timeline-label{position:absolute;top:0;font-size:.75rem;color:#666;background:none;border:none;padding:0 2px;cursor:default;min-width:18px;text-align:center}.timeline-label.clickable{cursor:pointer;color:#888}.timeline-label.clickable:hover{color:#00bfff}.time-range-modal .modal-header h2{font-size:1rem}.time-range-modal .modal-body{padding:1rem}.time-range-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.time-range-btn{padding:.5rem .75rem;background:#222;border:none;border-radius:6px;color:#fff;font-size:.9375rem;cursor:pointer;min-width:64px}.time-range-btn:hover{background:#333}.timer-block{margin-bottom:1.5rem;position:relative;text-align:center}.timer-category-below{font-size:.75rem;margin-bottom:.5rem;text-align:center;position:relative;display:inline-block;padding:.25rem .5rem;border-radius:4px}.timer-category-below-bg{position:absolute;inset:0;border-radius:6px;opacity:.3;pointer-events:none;z-index:0}.timer-category-below{position:relative;z-index:1}.timer-dropdown{position:absolute;left:50%;transform:translate(-50%);top:100%;margin-top:.5rem;margin-bottom:0;background:#111;border-radius:6px;padding:.25rem 0;min-width:160px;z-index:10;box-shadow:0 4px 12px #00000080}.timer-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;color:inherit;font-size:.875rem;text-align:left;cursor:pointer}.timer-dropdown-item:hover{background:#222}.timer-display-row{margin-bottom:.35rem}.timer-digits{display:flex;align-items:center;justify-content:center;min-height:48px}.timer-digits-text{font-size:1.5rem;font-variant-numeric:tabular-nums}.timer-digits.running .timer-digits-text{font-size:1.75rem;color:#fff}.timer-digits.stopped .timer-category-inline{color:#5a86ee;font-size:1.125rem}.timer-category-inline{margin-right:.5rem}.timer-stop-visual{display:inline-flex;align-items:center}.timer-stop-visual .timer-stop-icon{width:24px;height:24px}.timer-stop-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:inline-flex;position:relative}.timer-stop-btn .timer-stop-icon{width:22px;height:22px}.timer-stop-btn .timer-stop-icon.hover,.timer-stop-btn:hover .timer-stop-icon.default{display:none}.timer-stop-btn:hover .timer-stop-icon.hover{display:block}.timer-display-row.timer-digits.stopped-only-total{min-height:48px;justify-content:center}.timer-total-day{font-size:1.75rem;font-variant-numeric:tabular-nums}.timer-row-bottom{display:flex;align-items:center;justify-content:center;gap:.5rem}.timer-stopped-hover-wrap{position:relative;min-height:48px}.timer-category-btn{position:relative;padding:.35rem .65rem;border-radius:6px;font-size:.8125rem;border:none;background:none;cursor:pointer;text-align:left}.timer-category-bg{position:absolute;inset:0;border-radius:6px;opacity:.3;pointer-events:none}.timer-start-btn{background:none;border:none;color:#888;cursor:pointer;padding:.5rem;display:inline-flex}.timer-start-btn:hover{color:#fff}@media(min-width:601px){.timer-stopped-hover-wrap .timer-display-row.stopped-only-total,.timer-stopped-hover-wrap .timer-row-bottom{position:absolute;left:0;right:0;top:0;justify-content:center;margin:0}.timer-stopped-hover-wrap .timer-row-bottom,.timer-stopped-hover-wrap:hover .timer-display-row.stopped-only-total{display:none}.timer-stopped-hover-wrap:hover .timer-row-bottom{display:flex}}.add-record-modal .modal-header h2{font-weight:400}.edit-record-modal .modal-header h2{font-size:1rem}.add-record-modal .modal-body{display:flex;flex-direction:column;gap:1rem}.add-record-modal .form-label{font-weight:400}.form-label{display:flex;flex-direction:column;gap:.35rem;font-size:.875rem;color:#ccc}.form-label.row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.form-select,.form-input{padding:.5rem .75rem;background:#222;border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem}.form-input{min-width:100px}.form-error{color:#e55;font-size:.875rem;margin:0}.add-record-modal .btn-primary{align-self:flex-start;padding:.6rem 1.2rem;background:#0f68e4;color:#fff;border:none;border-radius:6px;font-weight:400;cursor:pointer}.add-record-modal .btn-primary.btn-full{width:100%;align-self:stretch}.add-record-modal .btn-primary:hover{background:#3882e9}.form-row-fields{display:flex;gap:1rem;flex-wrap:wrap}.form-row-fields .form-label{flex:1;min-width:0}.edit-category-dropdown{position:relative}.edit-category-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:#222;border:1px solid #333;border-radius:6px;color:#fff;font-size:1rem;font-weight:400;text-align:left;cursor:pointer}.edit-category-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.edit-category-list{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#222;border:1px solid #333;border-radius:6px;max-height:200px;overflow:auto;z-index:10}.edit-category-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:none;border:none;color:inherit;font-size:1rem;font-weight:400;text-align:left;cursor:pointer}.edit-category-option:hover{background:#333}.btn-save{background:#0f68e4!important;color:#fff!important}.btn-save:hover{background:#3882e9!important}.add-record-modal .btn-save.btn-full,.edit-record-modal .btn-save.btn-full{width:100%;align-self:stretch}.edit-record-modal .form-row-fields{display:flex;gap:1rem;flex-wrap:wrap}.edit-record-modal .form-row-fields .form-label{flex:1;min-width:0}.record-list-section{margin-top:1rem}.record-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #2F2F2F}.record-list-header h3{margin:0;font-size:1rem;font-weight:400;color:#666}.record-list-add{width:36px;height:36px;border-radius:50%;border:none;background:none;color:#888;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.record-list-add:hover{color:#00bfff}.record-list-add-img .icon-img{width:20px;height:20px}.record-list-add-img .icon-img.hover,.record-list-add-img:hover .icon-img.default{display:none}.record-list-add-img:hover .icon-img.hover{display:block}.record-item .icon-btn-img .icon-img{width:16px;height:16px}.record-item .icon-btn-img .icon-img.hover,.record-item .icon-btn-img:hover .icon-img.default{display:none}.record-item .icon-btn-img:hover .icon-img.hover{display:block}.record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.record-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem .6rem 0;background:none;border:none;border-bottom:1px solid #2F2F2F;position:relative}.record-item:last-child{border-bottom:none}.record-item.active-record .record-time.live{color:#fff;font-variant-numeric:tabular-nums}.record-category{flex:0 0 auto;font-size:.9375rem}.record-time{margin-left:auto;font-size:.875rem;color:#888}.record-duration{color:#5a86ee}.record-duration-short{color:#666}.record-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;gap:.25rem}.record-item:hover .record-time{visibility:hidden}.record-item:hover .record-actions{display:flex}.record-item.active-record:hover .record-time{visibility:visible}.record-item.active-record:hover .record-actions{display:none}.record-item .icon-btn-small{background:none;border:none;color:#666;padding:.25rem;cursor:pointer;display:flex}.record-item .icon-btn-small:hover{color:#fff}.analytics-page{padding-bottom:2rem}.analytics-month-row{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.month-nav{background:none;border:none;color:#888;padding:.5rem;cursor:pointer;display:flex}.month-nav:hover{color:#fff}.analytics-month-title{margin:0;font-size:1.25rem;font-weight:400;min-width:180px;text-align:center}.analytics-toggle{display:flex;gap:.25rem;margin-bottom:1.5rem;justify-content:center;background:#262626;padding:.25rem;border-radius:6px;width:fit-content;margin-left:auto;margin-right:auto}.analytics-toggle button{padding:.5rem 1rem;background:transparent;border:none;border-radius:4px;color:#888;font-size:.9375rem;font-weight:400;cursor:pointer}.analytics-toggle button.active{background:#ffffff26;color:#fff}.analytics-toggle button:hover:not(.active){color:#fff}.analytics-timelines{display:flex;flex-direction:column;gap:1.25rem}.analytics-day-block{padding:.75rem 0}.analytics-day-block .timeline-strip{background:#1a1a1a}.analytics-day-block .timeline-segment{border-radius:0}.analytics-day-header{font-size:.9375rem;margin-bottom:.5rem;font-weight:400}.analytics-day-header .analytics-day-label{color:#666}.analytics-day-header .analytics-day-duration{color:#5a86ee}.analytics-calendar{padding:1rem 0}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;margin-bottom:.5rem;font-size:.75rem;color:#666;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;min-height:48px;cursor:default}.calendar-cell[role=button]{cursor:pointer}.calendar-cell[role=button]:hover{background:#1a1a1a}.calendar-day-num{font-size:.9375rem;font-weight:400}.calendar-day-duration{font-size:.6875rem;color:#5a86ee;margin-top:2px}@media(min-width:601px){.calendar-day-duration{font-size:.9375rem}}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Medium-BVFe7ABu.ttf) format("truetype");font-weight:500;font-style:normal}:root{font-family:Gilroy,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}body{margin:0;min-width:320px;min-height:100vh;background:#000}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}.modal-close-img{display:inline-flex;align-items:center;justify-content:center}.modal-close-img .icon-img{width:24px;height:24px;display:block}.modal-close-img .icon-img.hover,.modal-close-img:hover .icon-img.default{display:none}.modal-close-img:hover .icon-img.hover{display:block}input,select,textarea{font-family:inherit}@media(max-width:600px){input,select,textarea{font-size:16px!important}}