.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}@media(hover:hover){.header-tabs a:hover{color:#5a86ee}.header-tabs a.active:hover{color:#fff}}.header-tabs a.active{color:#666;background:transparent}@media(max-width:499px){.header-tabs{gap:.35rem}.header-tabs a{padding:.4rem .55rem;font-size:.9rem}}.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}@media(hover:hover){.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}@media(hover:hover){.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}@media(hover:hover){.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{display:none}@media(hover: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:calc(1rem + 10px)}.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:calc(1.5rem + 10px);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{display:none}@media(hover: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:calc(1.5rem + 10px)}.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{display:none}@media(hover: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}.refresh-fab{position:fixed;right:1rem;bottom:1rem;width:44px;height:44px;border-radius:50%;background:#1e1e1e;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;padding:0}.refresh-fab img{width:22px;height:22px;display:block}.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}.login-confirm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.login-confirm-popup{background:#111;border-radius:8px;padding:1.5rem;max-width:400px;width:100%;border:1px solid #222}.login-confirm-text{margin:0 0 1.25rem;color:#ccc;font-size:.9375rem;line-height:1.5}.login-confirm-btn{display:block;width:100%;padding:.6rem;background:#0f68e4;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.login-confirm-btn:hover{background:#3882e9}.timeline-strip-wrap{margin-bottom:1rem}.timeline-planned-label{font-size:.75rem;color:#888;margin-top:40px;display:flex;flex-direction:column;gap:.15rem}.timeline-planned-overflow{color:#b55}.timeline-strip-planned{margin-top:.25rem}.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:calc(1rem + 10px)}.time-range-buttons{display:grid;grid-template-columns:repeat(5,1fr);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{display:none}@media(hover: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}.edit-planned-task-modal,.add-planned-task-modal,.add-record-modal,.edit-record-modal,.edit-planned-task-modal .modal-body,.add-planned-task-modal .modal-body,.add-record-modal .modal-body,.edit-record-modal .modal-body{overflow:visible}.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}.form-label.form-label-inline{flex:0 1 auto;flex-direction:row;align-items:center;gap:.35rem}.form-label-inline .form-input{width:4rem;min-width:3rem}.form-unit{font-size:.875rem;color:#888}.form-row-time-align{align-items:flex-end}.form-time-unit{align-self:flex-end;font-size:.875rem;color:#ccc;line-height:1}.form-input-time{width:35px;-moz-appearance:textfield}.form-input-time::-webkit-inner-spin-button,.form-input-time::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.add-record-modal .btn-primary,.edit-record-modal .btn-primary,.add-record-modal .btn-save,.edit-record-modal .btn-save{font-size:1.05rem}.form-input-multiline,.form-input.form-input-multiline{min-height:2.5em;resize:none;overflow-y:auto}textarea.form-input-multiline{resize:vertical;min-height:2.5em}.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:400px;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{display:none}@media(hover: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{display:none}@media(hover: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:flex-start;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-wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .35rem;flex:1 1 auto;min-width:0;font-size:.9375rem;cursor:text}.record-category-head{flex-shrink:0;white-space:nowrap}.record-time{margin-left:auto;flex-shrink:0;font-size:.875rem;color:#888}.record-comment-bullet{flex-shrink:0;color:#666}.record-comment-text{min-width:0;color:#666;word-wrap:break-word;overflow-wrap:break-word}.record-duration{color:#5a86ee}.record-duration-short{color:#666}.record-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:none;gap:.25rem;align-items:center}.record-item:hover .record-time{visibility:hidden}.record-item:hover .record-actions{display:flex}.record-comment-btn{visibility:hidden;flex-shrink:0;background:none;border:none;color:#666;font-size:.875rem;padding:.25rem .5rem;cursor:pointer;white-space:nowrap}.record-item:hover .record-comment-btn,.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}.record-comment-input{flex:1;background:none;border:none;color:#666;font-size:.9375rem;font-family:inherit;padding:0;outline:none}.planned-list-section{margin-top:1rem}.planned-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding-bottom:.75rem;border-bottom:1px solid #2F2F2F}.planned-list-header h3{margin:0;font-size:1rem;font-weight:400;color:#666}.planned-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}.planned-list-add:hover{color:#00bfff}.planned-list-add-img .icon-img{width:20px;height:20px}.planned-list-add-img .icon-img.hover{display:none}@media(hover:hover){.planned-list-add-img:hover .icon-img.default{display:none}.planned-list-add-img:hover .icon-img.hover{display:block}}.planned-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.planned-item{padding:.6rem .75rem .6rem 0;border-bottom:1px solid #2F2F2F;overflow:visible}.planned-item-row1{display:flex;align-items:flex-start;gap:.5rem;overflow:visible;min-height:0}.planned-item-head{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem;padding-top:4px;overflow:visible}.planned-item-drag-handle{flex-shrink:0;padding:.25rem;cursor:grab;color:#666;display:flex;align-items:center;justify-content:center}.planned-item-drag-handle:active{cursor:grabbing}.planned-item-dragging{opacity:.85;z-index:1}.planned-list .planned-item{transition:transform .2s ease,box-shadow .2s ease}.planned-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.planned-item:last-child{border-bottom:none}.planned-item-title{width:100%;min-width:100px;font-size:.9375rem;background:none;border:none;color:inherit;font-family:inherit;outline:none;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.planned-item-title-textarea{resize:none;overflow-y:hidden;min-height:24px}.planned-item-title::placeholder{color:#666}.planned-item-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.planned-item-time{font-size:.875rem;color:#666}.planned-item-category-inline{font-size:.875rem;flex-shrink:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planned-item-start{flex-shrink:0;padding:.25rem;border:none;border-radius:6px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.planned-item-start:hover:not(:disabled){color:#fff}.planned-item-start:disabled{opacity:.5;cursor:not-allowed}.planned-item-start-img .icon-img{width:20px;height:20px}.planned-item-start-img .icon-img.hover{display:none}@media(hover:hover){.planned-item-start-img:hover:not(:disabled) .icon-img.default{display:none}.planned-item-start-img:hover:not(:disabled) .icon-img.hover{display:block}}.planned-item-edit-img .icon-img,.planned-item-delete-img .icon-img{width:16px;height:16px}.planned-item-edit-img .icon-img.hover,.planned-item-delete-img .icon-img.hover{display:none}@media(hover:hover){.planned-item-edit-img:hover .icon-img.default,.planned-item-delete-img:hover .icon-img.default{display:none}.planned-item-edit-img:hover .icon-img.hover,.planned-item-delete-img:hover .icon-img.hover{display:block}}.planned-item-edit,.planned-item-delete{background:none;border:none;color:#666;padding:.25rem;cursor:pointer;display:flex}.planned-item-edit:hover{color:#fff}.planned-item-delete:hover{color:#e66}.planned-item .category-drop{position:relative}.planned-item .category-drop-btn{background:none;border:1px solid #3a3a3a;color:#888;font-size:.8125rem;padding:.25rem .5rem;border-radius:4px;cursor:pointer;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.planned-item .category-drop-btn:hover{border-color:#555;color:#ccc}.planned-item .category-drop-menu{position:absolute;top:100%;left:0;margin-top:2px;background:#1f1f1f;border:1px solid #2F2F2F;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:10;max-height:400px;overflow-y:auto;min-width:160px}.planned-item .category-drop-item{display:block;width:100%;padding:.4rem .75rem;background:none;border:none;color:inherit;font-size:.875rem;text-align:left;cursor:pointer}.planned-item .category-drop-item:hover{background:#2a2a2a}@media(max-width:499px){.planned-item-row1{flex-wrap:wrap;padding-left:calc(2.25rem - 2px)}.planned-item-right{display:contents}.planned-item-start{order:0;margin-left:calc(-2.25rem + 2px)}.planned-item-head{order:1;flex:1 1 auto;min-width:0}.planned-item-row1 .planned-item-edit{order:2}.planned-item-row1 .planned-item-delete{order:3}.planned-item-drag-handle{order:4}.planned-item-time{order:5;width:100%;box-sizing:border-box;padding-left:0}}.planned-task-timeline-wrap{margin-bottom:1rem}.planned-task-timeline-title{color:#fff;font-size:1rem;font-weight:400;margin-bottom:.25rem}.planned-task-timeline-label{font-size:.75rem;color:#888;display:flex;flex-direction:column;gap:.15rem;margin-bottom:.25rem}.planned-task-timeline-overflow{color:#b55}.planned-task-timeline-strip{position:relative;width:100%;height:15px;overflow:hidden;border-radius:2px;background-color:#1a1a1a}.planned-task-timeline-segment{position:absolute;top:0;bottom:0;pointer-events:none}.planned-task-timeline-times{position:relative;height:20px;margin-top:2px;font-size:.75rem;color:#666}.planned-task-time-start{position:absolute;left:0;transform:translate(0)}.planned-task-time-end{position:absolute;transform:translate(-50%)}.planned-task-time-now{position:absolute;right:0}.completed-planned-section{margin-top:50px}.completed-planned-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding-bottom:.75rem;border-bottom:1px solid #2F2F2F}.completed-planned-header h3{margin:0;font-size:1rem;font-weight:400;color:#666}.completed-planned-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.completed-planned-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.6rem .75rem .6rem 0;border-bottom:1px solid #2F2F2F;flex-wrap:wrap;overflow:visible}.completed-planned-item-enter{animation:completed-planned-item-enter .35s ease forwards}@keyframes completed-planned-item-enter{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.completed-planned-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.completed-planned-item:last-child{border-bottom:none}@media(min-width:500px){.completed-planned-item{flex-wrap:nowrap}.completed-planned-left{min-width:0}}.completed-planned-left{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 auto;overflow:visible}.completed-planned-title-wrap{min-width:0}.completed-planned-title{font-size:.9375rem;cursor:text;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.completed-planned-title-input{font-size:.9375rem;background:none;border:none;color:inherit;font-family:inherit;outline:none;width:100%}.completed-planned-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.completed-planned-meta-block{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.completed-planned-category{font-size:.875rem}.completed-planned-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex-shrink:0}.completed-planned-below-wrap{display:contents}.completed-planned-right .completed-planned-meta-block{order:0}.completed-planned-right .completed-planned-actions{order:1}.completed-planned-meta{font-size:.875rem;color:#666}.completed-planned-item .planned-item-edit-img .icon-img,.completed-planned-item .planned-item-delete-img .icon-img{width:16px;height:16px}.completed-planned-item .planned-item-edit-img .icon-img.hover,.completed-planned-item .planned-item-delete-img .icon-img.hover{display:none}@media(hover:hover){.completed-planned-item .planned-item-edit-img:hover .icon-img.default,.completed-planned-item .planned-item-delete-img:hover .icon-img.default{display:none}.completed-planned-item .planned-item-edit-img:hover .icon-img.hover,.completed-planned-item .planned-item-delete-img:hover .icon-img.hover{display:block}}.completed-planned-item .planned-item-edit,.completed-planned-item .planned-item-delete{background:none;border:none;color:#666;padding:.25rem;cursor:pointer;display:flex}.completed-planned-item .planned-item-delete:hover{color:#e66}@media(max-width:499px){.completed-planned-right{display:contents}.completed-planned-below-wrap{display:block;order:3;width:100%;box-sizing:border-box}.completed-planned-item{flex-wrap:wrap;flex-direction:row;padding:.5rem .5rem .5rem 0;gap:.35rem}.completed-planned-icon{order:0;margin-top:3px}.completed-planned-left{order:1;flex:1 1 auto;min-width:0;flex-direction:column;gap:.2rem}.completed-planned-title-wrap{min-width:0}.completed-planned-actions{order:2}.completed-planned-left .completed-planned-category{display:block;margin-top:.15rem;font-size:.8125rem;text-align:left}.completed-planned-meta-block{order:0;width:100%;align-items:flex-start;text-align:left;margin-top:.15rem;padding-left:1.75rem;box-sizing:border-box;gap:.1rem}.completed-planned-below-wrap .completed-planned-meta-block{margin-top:0}.completed-planned-meta-block .completed-planned-meta{display:block;font-size:.8125rem}}.add-completed-fact-heading{margin-top:20px}.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:.5rem}.analytics-day-block{padding:.35rem 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{display:none}@media(hover: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}input:focus,select:focus,textarea:focus,button:focus{outline:none}@media(max-width:600px){input,select,textarea{font-size:16px!important}}