.pwa-notification{position:fixed;bottom:8rem;z-index:10000}.pwa-notification--update{left:50%;transform:translate(-50%);display:flex;align-items:center;gap:1.5rem;background-color:var(--site-sub-background-color);border:2px solid var(--productive-color);padding:1.5rem 2rem;border-radius:1rem;box-shadow:0 4px 12px #0003}.pwa-notification--install{right:2rem;background-color:var(--site-sub-background-color);border:2px solid var(--productive-color);padding:2rem;border-radius:1.2rem;box-shadow:0 8px 24px #0000004d;max-width:350px}@media (min-width: 768px){.pwa-notification{bottom:2rem}}.modal-container{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-container.show{display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal{background-color:var(--site-sub-background-color);margin:0;padding:0;border-radius:1.2rem;width:95%;max-width:calc(100vw - 2rem);position:relative;box-shadow:0 20px 60px #00000080;border:1px solid var(--site-text-sub-color);z-index:1001;animation:modalSlideIn .3s ease-out;max-height:90vh;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){.modal{width:95%;max-width:calc(100vw - 2rem);margin-bottom:60px}}@media (min-width: 768px){.modal{width:85%;max-width:calc(100vw - var(--sidebar-width) - 4rem)}}@media (min-width: 1024px){.modal{width:75%;max-width:min(1200px,calc(100vw - var(--sidebar-width) - 6rem))}}@media (min-width: 1440px){.modal{width:65%;max-width:min(1400px,calc(100vw - var(--sidebar-width) - 8rem))}}@media (min-width: 1920px){.modal{width:60%;max-width:min(1600px,calc(100vw - var(--sidebar-width) - 10rem))}}.modal_header{padding:2rem;border-bottom:1px solid var(--site-text-sub-color)}.modal__btn--close{position:absolute;top:1rem;right:2rem;color:var(--site-text-sub-color);font-size:3rem;font-weight:700;background:none;border:none;cursor:pointer;transition:var(--transition-fade)}.modal__btn--close:hover,.modal__btn--close:focus{color:var(--site-text-color)}.modal-form{padding:2rem;max-width:100%}.modal-form .form__group,.modal-form .form__input{width:100%}.modal-footer{padding:2rem;border-top:1px solid var(--site-text-sub-color);display:flex;justify-content:flex-end;gap:1rem}.modal__btn--cancel,.modal__btn--save{padding:1rem 2rem;font-size:1.4rem;border:none;border-radius:5px;cursor:pointer;transition:var(--transition-fade)}.modal__btn--cancel{background-color:var(--site-background-color);color:var(--site-text-sub-color)}.modal__btn--cancel:hover{background-color:var(--side-hover-color);color:var(--site-text-color)}.modal__btn--save{background-color:var(--productive-color);color:#fff}.modal__btn--save:disabled{background-color:var(--productive-under-color);cursor:not-allowed}.modal__btn--delete{padding:1rem 2rem;font-size:1.4rem;border:none;border-radius:5px;cursor:pointer;transition:var(--transition-fade);background-color:#dc2626;color:#fff}.modal__btn--delete:hover{background-color:#b91c1c}.feedback-modal{display:flex;flex-direction:column;gap:1.6rem;color:var(--site-text-color)}.feedback-modal__field{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.feedback-modal__legend{font-size:1.4rem;font-weight:600;color:var(--site-text-color);margin-bottom:.2rem}.feedback-modal__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.8rem}.feedback-modal__choice{min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--site-text-color);font-size:1.3rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.feedback-modal__choice span{pointer-events:none}.feedback-modal__choice:hover,.feedback-modal__choice:focus-visible{border-color:var(--productive-color);transform:translateY(-1px);outline:none}.feedback-modal__choice--selected{border-color:var(--productive-color);background:#ff9d412e}.feedback-modal__experiences{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.feedback-modal__experience{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;height:80px;border-radius:12px;border:2px solid transparent;background:#ffffff0a;color:var(--site-text-color);cursor:pointer;padding:.8rem;transition:all .2s ease;position:relative}.feedback-modal__experience:focus-visible,.feedback-modal__experience:hover{transform:translateY(-2px);outline:none;box-shadow:0 4px 12px #00000026}.feedback-modal__experience-icon{display:flex;align-items:center;justify-content:center;margin-bottom:.3rem;flex:1}.feedback-modal__experience-label{font-size:1.1rem;font-weight:600;text-align:center;margin-top:auto}.feedback-modal__experience--negative{border-color:#eb4d4b4d;background:#eb4d4b14}.feedback-modal__experience--neutral{border-color:#fff3;background:#ffffff0d}.feedback-modal__experience--positive{border-color:#1d8e254d;background:#1d8e2514}.feedback-modal__experience--negative.feedback-modal__experience--selected{border-color:#eb4d4b;background:#eb4d4b40;transform:translateY(-2px);box-shadow:0 4px 16px #eb4d4b4d}.feedback-modal__experience--neutral.feedback-modal__experience--selected{border-color:var(--productive-color);background:#ff9d4133;transform:translateY(-2px);box-shadow:0 4px 16px #ff9d414d}.feedback-modal__experience--positive.feedback-modal__experience--selected{border-color:#1d8e25;background:#1d8e2540;transform:translateY(-2px);box-shadow:0 4px 16px #1d8e254d}.feedback-modal__experience--selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:currentColor;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.feedback-modal__textarea{width:100%;min-height:120px;padding:1.2rem;font-size:1.7rem;color:var(--site-text-color);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;resize:vertical}.feedback-modal__textarea:focus-visible{border-color:var(--productive-color);outline:none}.feedback-modal__helper{font-size:1.2rem;color:var(--site-text-sub-color)}.feedback-modal__error,.feedback-modal__offline{background:#eb4d4b33;color:var(--site-text-color);border:1px solid rgba(235,77,75,.4);padding:1rem 1.2rem;border-radius:8px;font-size:1.3rem}.feedback-modal__meta{display:flex;flex-wrap:wrap;gap:.8rem;font-size:1.2rem;color:var(--site-text-sub-color)}.feedback-modal__meta code{color:var(--site-text-color);background:#ffffff14;padding:.1rem .4rem;border-radius:4px;font-size:1.1rem}@media (max-width: 480px){.feedback-modal__experience{min-height:90px;height:90px;padding:.8rem}.feedback-modal__experience-icon{margin-bottom:.2rem}.feedback-modal__experience-label{font-size:1rem}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--site-sub-background-color);display:flex;flex-direction:column;z-index:1000;padding:2rem 1.5rem;box-sizing:border-box}.sidebar__logo{padding:1rem 1.5rem 2rem;margin-bottom:1rem;text-align:center;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);margin-left:-1.5rem;margin-right:-1.5rem;text-decoration:none}.sidebar__logo-img{width:100%;max-width:140px;height:auto;filter:brightness(1.1);transition:transform .3s ease}.sidebar__logo:hover .sidebar__logo-img{transform:scale(1.05)}.sidebar__section{padding:.5rem 0}.sidebar__section--bottom{margin-top:auto;border-top:1px solid var(--site-text-sub-color);margin-left:-1.5rem;margin-right:-1.5rem;margin-bottom:-2rem;padding:1rem 1.5rem 2rem}.sidebar__el{display:flex;align-items:center;padding:1.2rem 1.5rem;margin:0 -1.5rem;color:var(--site-text-color);text-decoration:none;transition:var(--transition-fade);cursor:pointer;border:none;background:none;width:calc(100% + 3rem);text-align:left}.sidebar__el:hover{background-color:var(--side-hover-color)}.sidebar__el--active{background-color:var(--side-hover-color);border-left:3px solid var(--productive-color)}.sidebar__el_icon{margin-right:1.5rem;color:var(--site-text-color)}.sidebar__el_text{font-size:1.6rem;color:var(--site-text-color);margin:0}.sidebar__el_img{width:4rem;height:4rem;border-radius:50%;margin-right:1.5rem;-o-object-fit:cover;object-fit:cover}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--site-sub-background-color);border-top:1px solid var(--site-border-color);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav__items{display:flex;justify-content:space-around;align-items:center;width:100%;padding:.8rem 0;position:relative}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.8rem .5rem;color:var(--site-text-sub-color);text-decoration:none;font-size:1.2rem;transition:color .3s ease;border:none;background:none;cursor:pointer;min-height:44px;width:100%}.mobile-nav__item--active{color:var(--productive-color)}.mobile-nav__item--center{position:absolute;left:50%;transform:translate(-50%);background:var(--productive-color);border-radius:50%;width:60px;height:60px;padding:0;bottom:10px;box-shadow:0 4px 12px #00000026}.mobile-nav__item--center .mobile-nav__icon{color:#fff;margin-bottom:0}.mobile-nav__item--center .mobile-nav__icon svg{fill:#fff;stroke:#fff}.mobile-nav__item--center .mobile-nav__text{display:none}.mobile-nav__item--center:hover{transform:translate(-50%) scale(1.05)}.mobile-nav__item--center.mobile-nav__item--active{background:var(--productive-color)}.mobile-nav__icon{font-size:2.4rem;margin-bottom:.3rem;display:flex;align-items:center;justify-content:center}.mobile-nav__text{font-size:1.2rem;margin:0;text-align:center}@media screen and (max-width: 768px){.sidebar{display:none}.mobile-nav{display:block}.main{margin-left:0!important;margin-bottom:7rem;padding-top:1rem}}.alert-system{position:fixed;bottom:8rem;left:50%;transform:translate(-50%);width:calc(100vw - 2rem);max-width:400px;z-index:9999;pointer-events:none}.alert-system--top{top:2rem;bottom:auto}.alert{background:var(--surface);border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;pointer-events:auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s ease}.alert:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003,0 3px 6px #00000026}.alert--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#047857}.alert--error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#b91c1c}.alert--info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#1d4ed8}.alert__content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.alert__icon{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.alert__message{font-size:1.4rem;font-weight:500;line-height:1.4;word-break:break-word}.alert__close{background:#fff3;border:none;color:inherit;font-size:20px;font-weight:700;cursor:pointer;padding:.5rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.alert__close:hover{background:#ffffff4d;transform:scale(1.1)}.alert__close:active{transform:scale(.95)}.alert__close:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (min-width: 768px){.alert-system{bottom:3rem;max-width:420px}.alert-system--top{top:2rem;bottom:auto}.alert{padding:1.25rem 1.75rem}.alert__message{font-size:1.5rem}}@media (min-width: 1024px){.alert-system{top:2rem;bottom:auto;right:2rem;left:auto;transform:none;width:auto;max-width:450px}.alert-system--top{top:2rem;left:50%;right:auto;transform:translate(-50%);max-width:450px}.alert{margin-bottom:1rem;padding:1.5rem 2rem}.alert__message{font-size:1.6rem}.alert__close{width:36px;height:36px;font-size:22px}}@media (min-width: 1024px){.alert-system{right:calc(2rem + var(--sidebar-offset, 0px))}}@media (min-resolution: 2dppx){.alert{border-width:.5px}}@media (prefers-reduced-motion: reduce){.alert{transition:none}.alert:hover,.alert__close:hover,.alert__close:active{transform:none}}@media (prefers-color-scheme: dark){.alert{box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}.alert:hover{box-shadow:0 6px 16px #0006,0 3px 6px #0000004d}}.projects_container{padding:4rem}.projects__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.projects__btn--new-project{color:var(--site-text-sub-color);background-color:var(--site-background-color);border-radius:5px;padding:1rem 2rem;font-size:1.4rem;transition:var(--transition-fade);text-decoration:none;cursor:pointer;border:none}.projects__btn--new-project:hover{color:var(--site-text-color);background-color:var(--side-hover-color)}.projects__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-top:3rem}.projects__list_el{background-color:var(--site-sub-background-color);border-radius:5px;padding:2rem;text-decoration:none;transition:var(--transition-fade);position:relative;display:flex;align-items:center;cursor:pointer}.projects__list_el:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem #0003}.projects__list_el--color{width:5px;height:100%;position:absolute;left:0;top:0;border-radius:5px 0 0 5px}.projects__list_el--name{color:var(--site-text-color);font-size:1.8rem;font-weight:500;margin-left:2rem;flex:1}.ellipsis__btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:.5rem;cursor:pointer;position:relative}.ellipsis__btn--dot{width:4px;height:4px;background-color:var(--site-text-sub-color);border-radius:50%}.ellipsis__btn:hover .ellipsis__btn--dot{background-color:var(--site-text-color)}.ellipsis__menu{display:none;position:absolute;right:0;top:100%;background-color:var(--site-sub-background-color);border:1px solid var(--site-text-sub-color);border-radius:5px;min-width:150px;z-index:100;list-style:none;padding:0;margin:0;box-shadow:0 .5rem 1rem #0003}.ellipsis__menu.show{display:block}.ellipsis__menu_el{padding:1rem 1.5rem;color:var(--site-text-color);cursor:pointer;transition:var(--transition-fade)}.ellipsis__menu_el:hover{background-color:var(--side-hover-color)}#ellipsis__btn--delete{color:var(--error-color)}#ellipsis__btn--delete:hover{background-color:var(--error-under-color)}.line--thin-sub-full{width:100%;height:3px;background-color:var(--site-sub-background-color);margin:2rem 0}.line--extra-thin-light-full{width:100%;height:1px;background-color:var(--site-text-sub-color);margin:.5rem 0}.project-details{padding:3rem;max-width:140rem;margin:0 auto}.project-details--loading{display:flex;flex-direction:column;align-items:center;padding:5rem}.project-details__header{margin-bottom:3rem}.project-details__back{background:none;border:none;color:var(--site-text-sub-color);font-size:1.4rem;cursor:pointer;padding:0;margin-bottom:1.5rem;transition:color .3s ease}.project-details__back:hover{color:var(--site-text-color)}.project-details__title-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.project-details__color{width:4rem;height:4rem;border-radius:.8rem;flex-shrink:0}.project-details__title{font-size:3.2rem;color:var(--site-text-color);font-weight:600;margin:0}.project-details__stats{display:flex;gap:3rem;padding:2rem;background:var(--site-bg-sub-color);border-radius:1.2rem;border:1px solid var(--site-border-color)}.project-details__stat{display:flex;flex-direction:column;gap:.5rem}.project-details__stat-label{font-size:1.2rem;color:var(--site-text-sub-color);text-transform:uppercase;letter-spacing:.5px}.project-details__stat-value{font-size:2rem;color:var(--site-text-color);font-weight:600}.project-details__description{margin-bottom:3rem;padding:2rem;background:var(--site-bg-sub-color);border-radius:1.2rem;border:1px solid var(--site-border-color)}.project-details__description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-details__description-header h3{font-size:1.8rem;color:var(--site-text-color);margin:0}.project-details__description-edit{padding:.5rem 1.5rem;background:none;border:1px solid var(--site-border-color);border-radius:.6rem;color:var(--site-text-sub-color);font-size:1.3rem;cursor:pointer;transition:all .3s ease}.project-details__description-edit:hover{background:var(--site-primary-color);color:#fff;border-color:var(--site-primary-color)}.project-details__description-text{font-size:1.5rem;color:var(--site-text-color);line-height:1.6;margin:0;white-space:pre-wrap}.project-details__description-editor{display:flex;flex-direction:column;gap:1rem}.project-details__description-editor textarea{min-height:10rem;resize:vertical}.project-details__content{display:grid;grid-template-columns:35rem 1fr;gap:3rem}.project-details__section{display:flex;flex-direction:column;gap:2rem}.project-details__section--wide{min-width:0}.timeline-tracker{background:var(--site-bg-sub-color);border-radius:1.2rem;border:1px solid var(--site-border-color);padding:2rem}.timeline-tracker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.timeline-tracker__title{font-size:1.8rem;color:var(--site-text-color);margin:0}.timeline-tracker__timer{font-size:2.4rem;font-weight:600;color:var(--site-primary-color);font-family:Courier New,monospace}.timeline-tracker__content{display:flex;flex-direction:column;gap:1.5rem}.timeline-tracker__controls{display:flex;justify-content:center}.timeline-tracker__info{text-align:center;font-size:1.3rem;color:var(--site-text-sub-color)}.timeline-history{background:var(--site-bg-sub-color);border-radius:1.2rem;border:1px solid var(--site-border-color);padding:2rem;max-height:50rem;overflow-y:auto}.timeline-history--loading{display:flex;justify-content:center;align-items:center;min-height:20rem}.timeline-history__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.timeline-history__title{font-size:1.8rem;color:var(--site-text-color);margin:0}.timeline-history__total{font-size:1.4rem;color:var(--site-text-sub-color);font-weight:500}.timeline-history__empty{text-align:center;padding:3rem;color:var(--site-text-sub-color);font-size:1.4rem}.timeline-history__empty-hint{font-size:1.2rem;margin-top:1rem;opacity:.7}.timeline-history__list{display:flex;flex-direction:column;gap:1rem}.timeline-history__item{padding:1.2rem;background:var(--site-bg-color);border-radius:.8rem;border:1px solid var(--site-border-color);cursor:pointer;transition:all .3s ease}.timeline-history__item:hover{border-color:var(--site-primary-color);transform:translate(.3rem)}.timeline-history__item--active{border-color:var(--site-primary-color);background:linear-gradient(135deg,var(--site-bg-color) 0%,rgba(255,157,65,.05) 100%)}.timeline-history__item-header{display:flex;justify-content:space-between;align-items:center}.timeline-history__item-info{display:flex;flex-direction:column;gap:.3rem}.timeline-history__item-date{font-size:1.3rem;font-weight:500;color:var(--site-text-color)}.timeline-history__item-time{font-size:1.2rem;color:var(--site-text-sub-color)}.timeline-history__item-duration{font-size:1.2rem;color:var(--site-primary-color);font-weight:500}.timeline-history__item-status{display:inline-block;padding:.2rem .8rem;background:var(--site-primary-color);color:#fff;border-radius:1rem;font-size:1.1rem;font-weight:500;margin-left:1rem}.timeline-history__item-delete{background:none;border:none;font-size:1.6rem;cursor:pointer;opacity:.6;transition:opacity .3s ease;padding:0}.timeline-history__item-delete:hover{opacity:1}.timeline-history__item-description{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--site-border-color);color:var(--site-text-color);font-size:1.3rem;line-height:1.5}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes gradient-border{0%{border-image-source:linear-gradient(45deg,#ff9d41,#ff6b6b,#4ecdc4,#ff9d41)}33%{border-image-source:linear-gradient(45deg,#ff6b6b,#4ecdc4,#ff9d41,#ff6b6b)}66%{border-image-source:linear-gradient(45deg,#4ecdc4,#ff9d41,#ff6b6b,#4ecdc4)}to{border-image-source:linear-gradient(45deg,#ff9d41,#ff6b6b,#4ecdc4,#ff9d41)}}.kanban-board{background:var(--site-bg-sub-color);border-radius:1.2rem;border:1px solid var(--site-border-color);padding:2rem;position:relative;overflow:hidden}.kanban-board:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff9d4105,#4ecdc405);pointer-events:none;z-index:0}.kanban-board--loading{display:flex;justify-content:center;align-items:center;min-height:40rem}.kanban-board__title{font-size:1.8rem;color:var(--site-text-color);margin:0 0 2rem;position:relative;z-index:1}.kanban-board__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;z-index:1}.kanban-column{background:var(--site-bg-color);border-radius:.8rem;min-height:40rem;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.kanban-column:before{content:"";position:absolute;inset:0;border-radius:.8rem;padding:2px;background:linear-gradient(135deg,#6d6d6d66,#ff9d4133,#4ecdc433);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .3s ease}.kanban-column:hover:before{background:linear-gradient(135deg,#ff9d4180,#4ecdc480,#ff6b6b80);animation:gradient-rotate 3s ease infinite;background-size:200% 200%}.kanban-column__header{padding:1.5rem;border-bottom:2px solid;display:flex;justify-content:space-between;align-items:center}.kanban-column__title{font-size:1.5rem;color:var(--site-text-color);margin:0;font-weight:600}.kanban-column__count{padding:.3rem .8rem;background:var(--site-bg-sub-color);border-radius:1rem;font-size:1.2rem;color:var(--site-text-sub-color);font-weight:500}.kanban-column__tasks{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;transition:all .3s ease;position:relative}.kanban-column__tasks--active{background:linear-gradient(135deg,#ff9d410d,#4ecdc40d)}.kanban-column__tasks--over{background:linear-gradient(135deg,#ff9d411a,#4ecdc41a);box-shadow:inset 0 0 20px #ff9d4133}.kanban-column__tasks--over:after{content:"";position:absolute;inset:0;border:2px dashed transparent;-o-border-image:linear-gradient(45deg,#ff9d41,#4ecdc4,#ff6b6b) 1;border-image:linear-gradient(45deg,#ff9d41,#4ecdc4,#ff6b6b) 1;animation:gradient-border 2s linear infinite;pointer-events:none}.kanban-column__add-task{margin:1rem;padding:1rem;background:var(--site-bg-color);border:2px dashed var(--site-border-color);border-radius:.8rem;color:var(--site-text-sub-color);font-size:1.4rem;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.kanban-column__add-task:hover{border-color:var(--site-primary-color);color:var(--site-primary-color);background:#ff9d410d}.task-card{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.task-card:active{cursor:grabbing}.task-card__content{background:#fff;border-radius:.8rem;padding:1.2rem;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;position:relative;cursor:pointer}.task-card__content:before{content:"";position:absolute;inset:0;border-radius:.8rem;padding:1px;background:linear-gradient(135deg,#6d6d6d4d,#ff9d411a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all .3s ease}.task-card__content:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.task-card__content:hover:before{padding:2px;background:linear-gradient(135deg,#ff9d4166,#4ecdc466,#ff6b6b66);animation:gradient-rotate 3s ease infinite;background-size:200% 200%}.task-card[style*="opacity: 0.5"] .task-card__content:before{padding:3px;background:linear-gradient(135deg,#ff9d41,#4ecdc4,#ff6b6b);animation:gradient-rotate 1s ease infinite;background-size:200% 200%}.task-card__header{display:flex;align-items:flex-start;gap:.8rem;margin-bottom:.8rem}.task-card__drag-handle{cursor:grab;color:var(--site-text-sub-color);font-size:1.6rem;line-height:1;padding:.2rem .5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;border-radius:.4rem;transition:all .3s ease;position:relative}.task-card__drag-handle:before{content:"";position:absolute;inset:0;border-radius:.4rem;background:linear-gradient(135deg,#ff9d4100,#4ecdc400);transition:all .3s ease;z-index:-1}.task-card__drag-handle:hover{color:var(--site-primary-color);transform:scale(1.1)}.task-card__drag-handle:hover:before{background:linear-gradient(135deg,#ff9d4133,#4ecdc433);animation:pulse-glow 1.5s ease infinite}.task-card__drag-handle:active{cursor:grabbing;transform:scale(.95)}.task-card__title{font-size:1.4rem;color:var(--site-text-color);margin:0;font-weight:500;flex:1;word-break:break-word}.task-card__actions{display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.task-card__content:hover .task-card__actions{opacity:1}.task-card__action{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:0;opacity:.7;transition:opacity .3s ease}.task-card__action:hover{opacity:1}.task-card__action--delete{opacity:.5}.task-card__action--delete:hover{opacity:1}.task-card__description{font-size:1.2rem;color:var(--site-text-sub-color);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card__meta{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.task-card__priority{padding:.2rem .6rem;border-radius:.4rem;font-size:1.1rem;font-weight:500;color:#fff;text-transform:capitalize;position:relative;overflow:hidden}.task-card__priority:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#fff3,#fff0);animation:gradient-rotate 3s ease infinite;background-size:200% 200%}.task-card__due-date,.task-card__hours{font-size:1.1rem;color:var(--site-text-sub-color)}.btn--danger{background:#ef4444;color:#fff}.btn--danger:hover{background:#dc2626}@media (max-width: 1200px){.project-details__content{grid-template-columns:1fr}.project-details__section{order:2}.project-details__section--wide{order:1}}@media (max-width: 768px){.project-details{padding:2rem}.project-details__title{font-size:2.4rem}.project-details__stats{flex-direction:column;gap:1.5rem}.kanban-board__columns{grid-template-columns:1fr}.kanban-column{min-height:25rem}}@media (prefers-color-scheme: dark){.task-card__content{background:var(--site-bg-sub-color)}}.timeline-history::-webkit-scrollbar,.kanban-column__tasks::-webkit-scrollbar{width:.6rem}.timeline-history::-webkit-scrollbar-track,.kanban-column__tasks::-webkit-scrollbar-track{background:var(--site-bg-color);border-radius:.3rem}.timeline-history::-webkit-scrollbar-thumb,.kanban-column__tasks::-webkit-scrollbar-thumb{background:var(--site-border-color);border-radius:.3rem}.timeline-history::-webkit-scrollbar-thumb:hover,.kanban-column__tasks::-webkit-scrollbar-thumb:hover{background:var(--site-text-sub-color)}.pomodoro__container{max-width:80rem;margin:0 auto;padding:3rem}.pomodoro__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.pomodoro__stats{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--site-bg-sub-color);border-radius:1rem}.pomodoro__stat-label{font-size:1.4rem;color:var(--site-text-sub-color)}.pomodoro__stat-value{font-size:2rem;font-weight:600;color:var(--site-text-color)}.pomodoro__card{background:var(--site-bg-sub-color);border-radius:2rem;padding:4rem;box-shadow:0 .5rem 2rem #0000001a}.pomodoro__mode-selector{display:flex;justify-content:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap}.pomodoro__mode-btn{padding:1rem 2rem;background:transparent;border:2px solid var(--site-text-sub-color);border-radius:1rem;color:var(--site-text-sub-color);font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease}.pomodoro__mode-btn:hover:not(:disabled){background:var(--site-bg-color);border-color:var(--site-text-color);color:var(--site-text-color)}.pomodoro__mode-btn.active{background:var(--site-primary-color);border-color:var(--site-primary-color);color:#fff}.pomodoro__mode-btn:disabled{opacity:.5;cursor:not-allowed}.pomodoro__timer-wrapper{display:flex;justify-content:center;margin-bottom:4rem}.pomodoro__progress-ring{width:28rem;height:28rem;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .5s ease}.pomodoro__timer-inner{width:24rem;height:24rem;background:var(--site-bg-color);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pomodoro__time{font-size:6rem;font-weight:300;color:var(--site-text-color);font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:.2rem}.pomodoro__mode-label{font-size:1.6rem;color:var(--site-text-sub-color);margin-top:1rem;text-transform:uppercase;letter-spacing:.1rem}.pomodoro__controls{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem;flex-wrap:wrap}.pomodoro__controls .btn{min-width:12rem;padding:1.2rem 3rem;font-size:1.6rem}.btn--outline:hover:not(:disabled){background:var(--site-text-sub-color);color:var(--site-bg-color)}.btn--outline:disabled{opacity:.3;cursor:not-allowed}.pomodoro__info{display:grid;gap:2rem;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--site-border-color)}.pomodoro__info-item{display:flex;align-items:center;gap:1.5rem}.pomodoro__info-icon{font-size:2.4rem}.pomodoro__info-text{font-size:1.4rem;color:var(--site-text-sub-color)}@media (max-width: 768px){.pomodoro__container{padding:1rem}.pomodoro__card{padding:2rem}.pomodoro__header{flex-direction:column;align-items:stretch;gap:1rem}.pomodoro__stats{justify-content:center}.pomodoro__progress-ring{width:22rem;height:22rem}.pomodoro__timer-inner{width:18rem;height:18rem}.pomodoro__time{font-size:4rem}.pomodoro__mode-btn{padding:.8rem 1.5rem;font-size:1.2rem}.pomodoro__controls .btn{min-width:10rem;padding:1rem 2rem}}@media (max-width: 480px){.pomodoro__progress-ring{width:18rem;height:18rem}.pomodoro__timer-inner{width:14rem;height:14rem}.pomodoro__time{font-size:3.2rem}.pomodoro__mode-label{font-size:1.2rem}}.avatar{position:relative;display:inline-block;flex-shrink:0;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.avatar__container{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--surface-light)}.avatar--small{width:32px;height:32px}.avatar--medium{width:40px;height:40px}.avatar--large{width:56px;height:56px}.avatar--xlarge{width:80px;height:80px}.avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;display:block}.avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}.avatar__initials{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.avatar--small .avatar__initials{font-size:11px}.avatar--medium .avatar__initials{font-size:14px}.avatar--large .avatar__initials{font-size:18px}.avatar--xlarge .avatar__initials{font-size:28px}.avatar__spinner{width:50%;height:50%;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:avatar-spin 1s linear infinite}@keyframes avatar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar--bordered .avatar__container{border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.avatar--bordered.avatar--small .avatar__container{border-width:1px}.avatar--clickable{cursor:pointer;transition:all .2s ease}.avatar--clickable:hover{transform:scale(1.05)}.avatar--clickable:active{transform:scale(.95)}.avatar--clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:50%}.avatar__status{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--surface);z-index:1}.avatar__status--online{background:#10b981}.avatar__status--offline{background:#6b7280}.avatar__status--away{background:#f59e0b}@media (min-width: 768px){.avatar--small{width:36px;height:36px}.avatar--medium{width:44px;height:44px}.avatar--large{width:64px;height:64px}.avatar--xlarge{width:96px;height:96px}.avatar--small .avatar__initials{font-size:12px}.avatar--medium .avatar__initials{font-size:16px}.avatar--large .avatar__initials{font-size:22px}.avatar--xlarge .avatar__initials{font-size:32px}}@media (min-width: 1024px){.avatar--clickable:hover{transform:scale(1.08)}.avatar--large{width:72px;height:72px}.avatar--xlarge{width:112px;height:112px}.avatar--large .avatar__initials{font-size:24px}.avatar--xlarge .avatar__initials{font-size:36px}}@media (min-resolution: 2dppx){.avatar--bordered .avatar__container{border-width:1px;box-shadow:0 0 0 .5px var(--border)}}@media (prefers-reduced-motion: reduce){.avatar--clickable{transition:none}.avatar--clickable:hover,.avatar--clickable:active{transform:none}.avatar__spinner{animation:none}}@media (prefers-contrast: high){.avatar--bordered .avatar__container{border-width:3px;border-color:ButtonText}.avatar__status{border-width:3px;border-color:ButtonFace}}@media print{.avatar__status{display:none}.avatar--clickable:hover{transform:none}}.image-upload{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.image-upload__preview{position:relative;display:flex;align-items:center;justify-content:center}.image-upload__avatar{box-shadow:0 4px 12px #0000001a}.image-upload__overlay{position:absolute;inset:0;background:#000000b3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff}.image-upload__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:image-upload-spin 1s linear infinite}@keyframes image-upload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-upload__loading-text{font-size:1.2rem;font-weight:500;text-align:center}.image-upload__actions{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:300px}.image-upload__dropzone{width:100%;min-height:120px;border:2px dashed var(--border);border-radius:8px;background:var(--surface-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:1rem}.image-upload__dropzone:hover{border-color:var(--primary);background:var(--surface)}.image-upload__dropzone--active{border-color:var(--primary);background:var(--primary-bg);border-style:solid}.image-upload__dropzone--disabled{cursor:not-allowed;opacity:.6;background:var(--surface-disabled)}.image-upload__dropzone--disabled:hover{border-color:var(--border);background:var(--surface-disabled)}.image-upload__dropzone:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.image-upload__dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.image-upload__dropzone-icon{font-size:2.5rem;opacity:.7}.image-upload__dropzone-text{display:flex;flex-direction:column;gap:.25rem}.image-upload__dropzone-primary{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.image-upload__dropzone-secondary{font-size:1.2rem;color:var(--text-secondary)}.image-upload__info{width:100%;text-align:center}.image-upload__requirements{font-size:1.2rem;color:var(--text-secondary);margin:0;line-height:1.4}.image-upload__buttons{display:flex;gap:1rem;width:100%;flex-wrap:wrap;justify-content:center}.image-upload__button{flex:1;min-width:120px;max-width:140px;min-height:44px}.image-upload__button--remove{color:var(--danger-color);border-color:var(--danger-border)}.image-upload__button--remove:hover{background:var(--danger-bg);border-color:var(--danger-color)}.image-upload__error{width:100%;padding:1rem;background:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border);border-radius:6px;font-size:1.3rem;text-align:center;line-height:1.4}@media (min-width: 768px){.image-upload{flex-direction:row;align-items:flex-start;gap:2rem;padding:2rem}.image-upload__preview{flex-shrink:0}.image-upload__actions{flex:1;max-width:400px}.image-upload__dropzone{min-height:140px}.image-upload__dropzone-icon{font-size:3rem}.image-upload__dropzone-primary{font-size:1.5rem}.image-upload__dropzone-secondary{font-size:1.3rem}.image-upload__buttons{justify-content:flex-start}.image-upload__button{flex:0 0 auto;min-width:140px}}@media (min-width: 1024px){.image-upload{gap:3rem;padding:2.5rem}.image-upload__dropzone{min-height:160px}.image-upload__dropzone-icon{font-size:3.5rem}.image-upload__dropzone-primary{font-size:1.6rem}.image-upload__dropzone-secondary{font-size:1.4rem}.image-upload__requirements{font-size:1.3rem}.image-upload__button{min-width:160px}}@media (hover: none) and (pointer: coarse){.image-upload__dropzone{min-height:140px}.image-upload__button{min-height:48px;padding:1rem 1.5rem}}@media (prefers-reduced-motion: reduce){.image-upload__dropzone{transition:none}.image-upload__spinner{animation:none}}@media (prefers-contrast: high){.image-upload{border-width:2px}.image-upload__dropzone{border-width:3px}.image-upload__error{border-width:2px}}@media print{.image-upload__dropzone,.image-upload__buttons,.image-upload__error{display:none}.image-upload{border:none;padding:0}}.settings__container{padding:1rem;max-width:none;margin:0;min-height:100vh}.settings__header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.settings__header-content{flex:1}.settings__subtitle{margin-top:.5rem;color:var(--text-secondary);font-size:1.4rem;line-height:1.5}.settings__header-actions{display:flex;justify-content:flex-start;align-items:center;gap:1rem}.settings__section{margin-bottom:2rem}.settings__section-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.settings__section-actions{display:flex;gap:1rem;align-items:center}.settings__section-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.settings__section-description{font-size:1.3rem;color:var(--text-secondary);margin:0;line-height:1.5}.settings__card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.settings__quick-actions{display:flex;flex-direction:column;gap:1rem}.settings__quick-action{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-align:left;width:100%;transition:all .2s ease}.settings__quick-action:hover{border-color:var(--primary);background:var(--surface-light)}.settings__action-icon{font-size:2rem;flex-shrink:0}.settings__action-content{display:flex;flex-direction:column;gap:.25rem}.settings__action-title{font-weight:600;font-size:1.4rem;color:var(--text-primary)}.settings__action-desc{font-size:1.2rem;color:var(--text-secondary)}.settings__form-group{display:flex;flex-direction:column;gap:1.5rem}.settings__form-item{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}.settings__form-item:last-child{border-bottom:none;padding-bottom:0}.settings__form-item--danger{border-bottom-color:#fef2f2;background:linear-gradient(135deg,#fef2f2,#fff);border-radius:8px;padding:1.5rem;margin-top:.5rem}.settings__form-info{flex:1}.settings__form-label{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:block}.settings__form-description{font-size:1.3rem;color:var(--text-secondary);margin:0;line-height:1.5}.settings__form-action{display:flex;justify-content:flex-start}.settings__inline-form{display:flex;flex-direction:column;gap:1rem;width:100%}.settings__inline-actions{display:flex;gap:1rem;flex-wrap:wrap}.settings__install-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;padding:1rem 1.5rem;border-radius:8px;font-size:1.4rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;min-height:48px}.settings__install-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.settings__install-text{display:none}.settings__install-icon{font-size:1.8rem}.settings__installed-badge{background:var(--success-bg);color:var(--success-color);padding:.75rem 1.25rem;border-radius:8px;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border:1px solid var(--success-border)}.settings__info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.settings__info-icon{font-size:2rem}.settings__environment-badge{background:var(--surface-light);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border)}.settings__environment-badge[data-environment=production]{background:#dcfce7;color:#166534;border-color:#bbf7d0}.settings__environment-badge[data-environment=development]{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.settings__commit-section{margin-bottom:1.5rem;padding:1.5rem;background:var(--surface-light);border-radius:8px;border:1px solid var(--border)}.settings__commit-header{margin-bottom:1rem}.settings__commit-title{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.settings__commit-message{font-size:1.4rem;font-family:monospace;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4;word-break:break-word}.settings__commit-meta{font-size:1.2rem;color:var(--text-secondary)}.settings__version-details{display:flex;flex-direction:column;gap:1rem}.settings__version-item{display:flex;flex-direction:column;gap:.5rem}.settings__version-label{font-size:1.2rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.settings__version-value{font-size:1.4rem;color:var(--text-primary);word-break:break-word}.settings__version-value--code{font-family:monospace;background:var(--surface-light);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border);display:inline-block}.settings__commit-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.settings__commit-link{font-family:monospace;color:var(--primary);text-decoration:none;font-size:1.4rem;font-weight:500}.settings__commit-link:hover{text-decoration:underline}.settings__copy-button{padding:.25rem .5rem;min-height:auto;font-size:1.2rem}.settings__version-timestamp{display:flex;flex-direction:column;gap:.25rem}.settings__version-relative{font-size:1.2rem;color:var(--text-secondary)}@media (min-width: 768px){.settings__container{padding:2rem}.settings__header{flex-direction:row;align-items:center;justify-content:space-between}.settings__install-text{display:inline}.settings__quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.settings__form-item{flex-direction:row;align-items:flex-start;gap:2rem}.settings__form-info{flex:1}.settings__form-action{flex-shrink:0}.settings__inline-form{flex-direction:row;align-items:flex-start;flex-wrap:wrap}.settings__inline-actions{flex-shrink:0}.settings__version-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.settings__version-item{flex-direction:row;align-items:center;justify-content:space-between}.settings__version-timestamp{flex-direction:row;align-items:center;gap:.5rem}}@media (min-width: 1024px){.settings__container{max-width:900px;margin:0 auto;margin-left:var(--sidebar-width);padding:3rem}.settings__section-title{font-size:2rem}.settings__section-description{font-size:1.4rem}.settings__card,.settings__quick-action{padding:2rem}.settings__action-title{font-size:1.5rem}.settings__action-desc{font-size:1.3rem}.settings__form-label{font-size:1.6rem}.settings__form-description{font-size:1.4rem}}@media (min-width: 1440px){.settings__container{max-width:1100px}}.settings__quick-action:focus-visible,.settings__install-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.settings__install-button:hover,.settings__quick-action:hover{transform:none}}@media (prefers-contrast: high){.settings__card,.settings__quick-action,.settings__environment-badge{border-width:2px}}.settings__toggle{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.settings__toggle input{opacity:0;width:0;height:0}.settings__toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:28px;transition:all .2s ease}.settings__toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:all .2s ease;box-shadow:0 2px 4px #0003}.settings__toggle input:checked+.settings__toggle-slider{background:var(--primary)}.settings__toggle input:checked+.settings__toggle-slider:before{transform:translate(24px)}.settings__toggle:hover .settings__toggle-slider{opacity:.8}.settings__toggle input:focus-visible+.settings__toggle-slider{outline:2px solid var(--primary);outline-offset:2px}.settings__section--danger{border:2px solid #fee2e2;border-radius:12px;padding:1.5rem;background:linear-gradient(135deg,#fef2f2,#fff)}.settings__section--danger .settings__section-title{color:#991b1b}.settings__card--danger{background:#fff;border:1px solid #fecaca}.settings__danger-warning{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.settings__danger-warning-title{font-size:1.5rem;font-weight:700;color:#991b1b;margin:0 0 1rem}.settings__danger-warning-text{font-size:1.3rem;color:#7c2d12;margin:.75rem 0;line-height:1.5}.settings__danger-warning-list{margin:1rem 0;padding-left:1.5rem;list-style:disc}.settings__danger-warning-list li{font-size:1.3rem;color:#7c2d12;margin-bottom:.5rem;line-height:1.5}.settings__inline-form--danger{background:transparent}.settings__inline-form--danger .form__input{border-color:#fecaca;font-family:monospace;font-weight:600}.settings__inline-form--danger .form__input:focus{border-color:#ef4444;outline-color:#ef4444}.profile__container{max-width:80rem;margin:0 auto;padding:3rem}.profile__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.profile__header-actions{display:flex;gap:1rem}.profile__card{background:var(--site-bg-sub-color);border-radius:1.5rem;overflow:hidden}.profile__section{padding:3rem;border-bottom:1px solid var(--site-border-color)}.profile__section--avatar{padding:2rem 3rem 3rem}.profile__avatar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.profile__avatar-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.profile__avatar-preview{display:flex;justify-content:center}.profile__avatar-upload{width:100%;max-width:500px}@media (max-width: 767px){.profile__container{padding:1rem}.profile__section{padding:2rem 1.5rem}.profile__section--avatar{padding:1.5rem 1.5rem 2.5rem}.profile__avatar-header{flex-direction:column;align-items:stretch}}@media (min-width: 768px){.profile__avatar-content{flex-direction:row;align-items:flex-start;justify-content:center;gap:3rem}.profile__avatar-preview{flex-shrink:0}.profile__avatar-upload{flex:1;max-width:400px}}.profile__section:last-child{border-bottom:none}.profile__section-title{font-size:1.8rem;font-weight:600;color:var(--site-text-color);margin-bottom:2.5rem}.profile__field{margin-bottom:2.5rem}.profile__field:last-child{margin-bottom:0}.profile__label{display:block;font-size:1.3rem;font-weight:500;color:var(--site-text-sub-color);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05rem}.profile__value{font-size:1.6rem;color:var(--site-text-color);line-height:1.6}.profile__value--readonly{color:var(--site-text-sub-color)}.profile__value--mono{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:1.4rem}.profile__hint{display:block;font-size:1.2rem;color:var(--site-text-sub-color);margin-top:.5rem}.profile__input{width:100%;padding:1.2rem 1.5rem;font-size:1.6rem;background:var(--site-bg-color);border:2px solid var(--site-border-color);border-radius:.8rem;color:var(--site-text-color);transition:all .3s ease}.profile__input:focus{outline:none;border-color:var(--site-primary-color);box-shadow:0 0 0 3px #ff9d411a}.profile__input--textarea{resize:vertical;min-height:10rem;font-family:inherit;line-height:1.6}.profile__link{color:var(--site-primary-color);text-decoration:none;transition:opacity .3s ease}.profile__link:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.profile__container{padding:1rem}.profile__header{flex-direction:column;align-items:stretch}.profile__header-actions{width:100%;display:flex;gap:1rem}.profile__header-actions .btn{flex:1}.profile__section{padding:2rem}.profile__section-title{font-size:1.6rem;margin-bottom:2rem}.profile__field{margin-bottom:2rem}.profile__label{font-size:1.2rem}.profile__value{font-size:1.4rem}.profile__input{padding:1rem 1.2rem;font-size:1.4rem}}@media (max-width: 480px){.profile__section{padding:1.5rem}.profile__card{border-radius:1rem}.btn--outline{background:transparent;border:2px solid var(--site-text-sub-color);color:var(--site-text-color)}.btn--outline:hover:not(:disabled){background:var(--site-text-sub-color);color:var(--site-bg-color)}}.notification-settings__callout{border:1px solid var(--warning-border, #f59e0b);background:var(--warning-bg, rgba(245, 158, 11, .08));color:var(--warning-text, #92400e);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.notification-settings__callout-title{font-weight:600;margin-bottom:.5rem}.notification-settings__callout-actions{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}.notification-settings__status{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-primary)}.notification-settings__status-indicator{width:12px;height:12px;border-radius:999px;background:var(--danger, #ef4444)}.notification-settings__status-indicator--active{background:var(--success, #10b981)}.notification-settings__tools{display:flex;flex-direction:column;gap:1.5rem}.notification-settings__tool-card{border:1px solid var(--border);border-radius:12px;padding:1.5rem;background:var(--surface);box-shadow:0 1px 4px #0000000d}.notification-settings__tool-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.notification-settings__tool-name{font-size:1.6rem;font-weight:600;margin:0}.notification-settings__categories{display:grid;gap:1rem}.notification-settings__category-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border-light, rgba(0, 0, 0, .05));border-radius:10px;padding:1rem 1.25rem;background:var(--surface-light)}.notification-settings__category-text{display:flex;flex-direction:column;gap:.25rem}.notification-settings__category-title{font-weight:500;margin:0;color:var(--text-primary)}.notification-settings__category-desc{margin:0;font-size:1.2rem;color:var(--text-secondary)}.notification-settings__category-toggle{display:flex;align-items:center;gap:.75rem}.notification-settings__category-disabled{opacity:.5}.notification-settings__device-meta{font-size:1.2rem;color:var(--text-secondary)}.notification-settings__actions{display:flex;gap:1rem;flex-wrap:wrap}.notification-settings__helper{font-size:1.2rem;color:var(--text-secondary);margin-top:.75rem}@media (min-width: 768px){.notification-settings__categories{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.goals-page{padding:2rem;max-width:1400px;margin:0 auto;margin-left:var(--sidebar-width);min-height:100vh}.goals-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.goals-page__title{font-size:clamp(2.4rem,4vw,3.6rem);font-weight:700;color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.goals-page__actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.goals-page__debug-toggle{display:flex;align-items:center;gap:.6rem;font-size:1.4rem;padding:.8rem 1.6rem}.goals-page__debug-toggle .btn__icon{width:16px;height:16px}.goals-page__add-button{display:flex;align-items:center;gap:.8rem;font-size:1.6rem;padding:1.2rem 2.4rem;box-shadow:0 4px 12px #ff9d414d}.goals-page__add-button .btn__icon{width:20px;height:20px}.goals-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem;background:var(--surface);border-radius:1.6rem;border:2px dashed var(--border)}.goals-page__empty-icon{width:80px;height:80px;margin-bottom:2rem;opacity:.5}.goals-page__empty h2{margin:1rem 0;color:var(--text-primary);font-size:2rem;font-weight:600}.goals-page__empty p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.6rem}.goals-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.goal-card{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.goal-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #ff9d4126;transform:translateY(-2px)}.goal-card--deleting{animation:fadeOutScale .3s ease-out forwards}@keyframes fadeOutScale{to{opacity:0;transform:scale(.9)}}.goal-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.goal-card__title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;line-height:1.3}.goal-card__actions{display:flex;gap:.5rem;flex-shrink:0}.goal-card__action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-light);border:1px solid var(--border);border-radius:.6rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.goal-card__action-btn:hover{background:var(--surface-lighter);color:var(--text-primary);border-color:var(--primary)}.goal-card__action-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.goal-card__action-btn svg{width:18px;height:18px}.goal-card__settings{margin:1.5rem 0;padding:1.5rem;background:var(--site-background-color);border-radius:.8rem;overflow:hidden}.goal-card__settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.goal-card__settings-subtitle{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.goal-card__color-settings{margin-top:2rem}.goal-card__color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.color-picker{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--surface);border-radius:.6rem;border:1px solid var(--border);transition:border-color .2s ease}.color-picker:hover{border-color:var(--primary)}.color-picker__input{width:40px;height:40px;border:none;border-radius:.4rem;cursor:pointer;background:transparent}.color-picker__preview{flex:1;height:32px;border-radius:.4rem;border:2px solid var(--border)}.goal-card__body{margin-top:1.8rem}.goal-card__progress-section{margin-bottom:2.2rem}.goal-card__progress-labels{display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .2rem}.goal-card__progress-label{font-size:1.4rem;color:var(--text-secondary);font-weight:600;letter-spacing:.02em}.goal-card__progress-bar{height:36px;background:var(--surface-light);border-radius:18px;overflow:hidden;position:relative;display:flex;box-shadow:inset 0 3px 6px #00000026;border:1px solid rgba(0,0,0,.08)}.goal-card__progress-fill{height:100%;position:relative;overflow:hidden;transition:width .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.goal-card__progress-fill:hover{opacity:.9}.goal-card__progress-fill--previous{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%)}.goal-card__progress-fill--current{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.goal-card__progress-fill--due{background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%)}.goal-card__progress-fill--past-due{background:linear-gradient(135deg,var(--error) 0%,var(--error-dark) 100%);cursor:pointer}.goal-card__progress-fill--remaining{background:var(--surface-light);cursor:pointer}.goal-card__progress-fill--current:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.goal-card__tooltip{background:var(--surface);border:1px solid var(--border);border-radius:.6rem;padding:.8rem 1rem;font-size:1.3rem;color:var(--text-primary);box-shadow:0 8px 24px #0000004d;white-space:nowrap;z-index:1000;max-width:300px;line-height:1.4}.goal-card__tooltip div{margin-bottom:.2rem}.goal-card__tooltip div:last-child{margin-bottom:0}.goal-card__alert{display:flex;align-items:center;gap:.8rem;margin-top:1rem;padding:.8rem 1.2rem;background:#eb4d4b1a;border:1px solid rgba(235,77,75,.3);border-radius:.6rem;color:var(--error);font-size:1.4rem;font-weight:500}.goal-card__alert--behind{background:#c82d2d26;border:1px solid rgba(200,45,45,.4);color:#c82d2d;font-weight:600;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #c82d2d66}50%{box-shadow:0 0 0 4px #c82d2d1a}}.goal-card__alert-icon{width:18px;height:18px;flex-shrink:0}.goal-card__action-buttons{display:flex;flex-direction:column;gap:1rem}.goal-card__backfill-button{display:flex;align-items:center;gap:.8rem}.goal-card__debug{margin-top:1.5rem;padding:1rem;background:var(--surface-light);border-radius:.6rem;border:1px solid var(--border)}.goal-card__debug summary{cursor:pointer;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.goal-card__debug pre{margin:0;white-space:pre-wrap;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.goal-card__input-section{display:flex;flex-direction:column;gap:1.5rem}.goal-card__input-group{display:flex;gap:1rem;align-items:flex-end}.goal-card__input-group .input{flex:1}.goal-card__input-group .btn{flex-shrink:0}.goal-card__delete-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.2rem;font-weight:500}.goal-card__delete-button .btn__icon{width:16px;height:16px;flex-shrink:0}.goal-card__stats{margin-top:1.5rem;padding:1.5rem;background:var(--site-background-color);border-radius:.8rem;overflow:hidden}.goal-card__stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1.5rem;margin-bottom:1.5rem}.goal-card__stat{text-align:center}.goal-card__stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.goal-card__stat-label{font-size:1.2rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.goal-card__insights{display:flex;flex-direction:column;gap:1rem}.goal-card__insight{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--surface);border-radius:.6rem;border:1px solid var(--border)}.goal-card__insight-icon{width:20px;height:20px;flex-shrink:0;color:var(--primary);margin-top:.2rem}.goal-card__insight p{margin:0;font-size:1.4rem;color:var(--text-secondary);line-height:1.5}.form-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:2.5rem}.label{font-size:1.3rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:.6rem;color:var(--text-primary);font-size:1.5rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff9d411a}.input--large{font-size:2rem;padding:1.2rem 1.5rem;text-align:center;font-weight:600}.input--date{cursor:pointer}.btn{font-size:1.5rem;padding:1rem 1.8rem;border-radius:.8rem;font-weight:600;transition:all .2s ease;min-height:44px;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.btn__icon{width:18px;height:18px;flex-shrink:0}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #ff9d414d}.btn--secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover{background:var(--surface-light);border-color:var(--primary)}.btn--danger{background:var(--error);color:#fff}.btn--danger:hover{background:var(--error-dark);box-shadow:0 4px 12px #eb4d4b4d}@media (max-width: 1024px){.goals-page{margin-left:0;padding:1.5rem}.goals-page__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}}@media (max-width: 768px){.goals-page{padding:1rem 1rem 8rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.goals-page__header{flex-direction:column;align-items:stretch;gap:1rem}.goals-page__title{font-size:2.4rem;text-align:center}.goals-page__add-button{width:100%;justify-content:center;padding:1.4rem}.goals-page__grid{grid-template-columns:1fr;gap:1rem;padding-bottom:2rem}.goal-card{padding:1.5rem}.goal-card__settings-grid,.goal-card__color-grid{grid-template-columns:1fr}.goal-card__stats-grid{grid-template-columns:repeat(2,1fr)}.goal-card__input-group{flex-direction:column}.goal-card__input-group .btn{width:100%}}@media (max-width: 480px){.goals-page{padding:.8rem .8rem 9rem}.goals-page__grid{padding-bottom:3rem}.goal-card{padding:1.2rem;border-radius:1rem}.goal-card__title{font-size:1.6rem}.goal-card__progress-bar{height:32px}.goal-card__stat-value,.input--large{font-size:1.8rem}}@media (hover: none){.goal-card__action-btn,.btn,.input,.color-picker__input{min-height:44px;min-width:44px}.goal-card{-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}}.goal-card__action-btn:focus-visible,.btn:focus-visible,.input:focus-visible,.color-picker__input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.goal-card,.goal-card__progress-fill,.btn,.input{transition-duration:.01ms!important}.goal-card__progress-fill--current:after{animation:none!important}}.goal-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.goal-modal-container{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;z-index:1001;padding:2rem;pointer-events:none}.goal-modal-container>*{pointer-events:auto;width:100%;max-width:600px;max-height:calc(100vh - 4rem);overflow-y:auto;margin:auto}@media (min-width: 768px){.goal-modal-container{padding-left:calc(var(--sidebar-width) + 2rem)}}@media (max-width: 767px){.goal-modal-container{padding-bottom:80px}}.confirm-delete-modal{background:var(--surface);border-radius:1.2rem;padding:2rem;box-shadow:0 20px 60px #00000080;border:1px solid var(--border)}.confirm-delete-modal__icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#eb4d4b1a;border-radius:50%;color:var(--error)}.confirm-delete-modal__icon svg{width:30px;height:30px}.confirm-delete-modal__title{font-size:1.8rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:1rem}.confirm-delete-modal__message{font-size:1.4rem;color:var(--text-secondary);text-align:center;margin-bottom:2rem;line-height:1.5}.confirm-delete-modal__actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.goal-card--skeleton{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;padding:2rem;animation:pulse 1.5s ease-in-out infinite}.skeleton-line{height:20px;background:var(--surface-light);border-radius:4px;margin-bottom:1rem}.skeleton-line--title{width:60%}.skeleton-line--progress{height:40px;margin:1.5rem 0}.skeleton-line--short{width:30%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.goal-card__quick-actions{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.quick-action-btn{padding:.6rem 1rem;background:var(--surface-light);border:1px solid var(--border);border-radius:.6rem;color:var(--text-primary);font-size:1.4rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:44px}.quick-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-custom{display:inline-block}.quick-action-input{width:80px;padding:.6rem .8rem;background:var(--surface);border:1px solid var(--primary);border-radius:.6rem;color:var(--text-primary);font-size:1.4rem;font-weight:600}.quick-action-input:focus{outline:none;box-shadow:0 0 0 2px #ff9d4133}.goal-card__error{padding:1rem;background:#eb4d4b1a;border:1px solid rgba(235,77,75,.3);border-radius:.6rem;color:var(--error);font-size:1.4rem;margin-top:1rem}@media print{.goals-page{margin:0;padding:0}.goal-card__actions,.goal-card__delete-button,.goals-page__add-button{display:none!important}.goal-card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #000;box-shadow:none}}.sessions-page{padding:2rem;max-width:1400px;margin:0 auto;margin-left:var(--sidebar-width);min-height:100vh}.sessions-page__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.sessions-page__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0}.sessions-page__actions{display:flex;gap:1rem}.sessions-page__loading{display:flex;justify-content:center;align-items:center;min-height:400px}.sessions-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem;background:var(--surface);border-radius:1rem;border:2px dashed var(--border)}.sessions-page__empty h2{margin:1rem 0;color:var(--text-primary);font-size:1.5rem}.sessions-page__empty p{color:var(--text-secondary);margin-bottom:2rem}.sessions-page__empty-actions{display:flex;gap:1rem}.sessions-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.session-card{background:var(--surface);border-radius:1rem;padding:1.5rem;border:1px solid var(--border);cursor:pointer;transition:all .3s ease}.session-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #ff9d411a}.session-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.session-card__name{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.session-card__code{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:.5rem;font-family:Courier New,monospace;font-weight:600;letter-spacing:.1em}.session-card__info{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.875rem}.session-card__status{display:inline-flex;align-items:center;gap:.5rem;color:var(--success);font-weight:500}.session-card__status:before{content:"";width:8px;height:8px;background:currentColor;border-radius:50%;animation:pulse 2s ease-in-out infinite}.session-card__time{color:var(--text-secondary)}.form__input--code{font-size:2rem!important;text-align:center!important;letter-spacing:.5rem!important;font-family:Courier New,monospace!important;font-weight:600!important;padding:1rem!important}@media (max-width: 768px){.sessions-page{padding:1rem;margin-left:0}.sessions-page__header{flex-direction:column;align-items:stretch}.sessions-page__title{font-size:2rem}.sessions-page__actions{flex-direction:column}.sessions-page__grid{grid-template-columns:1fr}}.session-stopwatch{display:flex;flex-direction:column;align-items:center;padding:2rem}.session-stopwatch__display{margin-bottom:2rem}.session-stopwatch__time{display:flex;align-items:baseline;font-family:Courier New,monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.session-stopwatch__time-main{font-size:5rem;font-weight:800;color:var(--text-primary);letter-spacing:.1em;min-width:320px;text-align:center;line-height:1}.session-stopwatch__time-ms{font-size:2.5rem;color:var(--text-secondary);margin-left:.5rem;font-weight:600}.session-stopwatch__controls{display:flex;gap:1rem;margin-bottom:2rem}.session-stopwatch__btn{padding:1.25rem 2.5rem;font-size:1.25rem;font-weight:700;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s;min-width:150px;min-height:56px;text-transform:uppercase;letter-spacing:.05em}.session-stopwatch__btn--start{background:var(--success);color:#fff}.session-stopwatch__btn--start:hover:not(:disabled){background:var(--success-dark, #16a34a)}.session-stopwatch__btn--stop{background:var(--error);color:#fff}.session-stopwatch__btn--stop:hover:not(:disabled){background:var(--error-dark, #dc2626)}.session-stopwatch__btn--reset{background:var(--surface-light, #f5f5f5);color:var(--text-primary);border:1px solid var(--border)}.session-stopwatch__btn--reset:hover:not(:disabled){background:var(--surface-lighter, #e5e5e5)}.session-stopwatch__btn:disabled{opacity:.5;cursor:not-allowed}.session-stopwatch__status{display:flex;align-items:center;gap:.5rem;color:var(--success);font-size:1.125rem;font-weight:600;animation:fade-in .3s ease}.session-stopwatch__status-indicator{width:10px;height:10px;background:currentColor;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.session-stopwatch__description{margin-top:1.5rem;margin-bottom:1.5rem;position:relative;width:100%;max-width:400px}.session-stopwatch__description-input{width:100%;padding:.75rem 1rem;font-size:1rem;background:var(--background);border:2px solid var(--border);border-radius:.5rem;color:var(--text-primary);transition:all .3s ease;font-family:inherit}.session-stopwatch__description-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.session-stopwatch__description-input:disabled{opacity:.5;cursor:not-allowed;background:var(--surface)}.session-stopwatch__description-input::-moz-placeholder{color:var(--text-secondary);opacity:.7}.session-stopwatch__description-input::placeholder{color:var(--text-secondary);opacity:.7}.session-stopwatch__description-counter{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--text-secondary);pointer-events:none}@media (max-width: 768px){.session-stopwatch__time-main{font-size:3.5rem;min-width:240px}.session-stopwatch__time-ms{font-size:2rem}.session-stopwatch__controls{flex-direction:column;width:100%}.session-stopwatch__btn{width:100%}}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.session-scoreboard{width:100%}.session-scoreboard__header{margin-bottom:1.5rem}.session-scoreboard__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.session-scoreboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:var(--background);border-radius:.75rem;border:2px dashed var(--border)}.session-scoreboard__empty p{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.session-scoreboard__empty span{color:var(--text-secondary);font-size:1rem}.session-scoreboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.scoreboard-column{background:var(--background);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border)}.scoreboard-column--current{border-color:var(--primary);box-shadow:0 0 0 2px #ff9d411a}.scoreboard-column__header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.scoreboard-column__rank{font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.scoreboard-column__name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.scoreboard-column__badge{font-size:.875rem;padding:.25rem .75rem;background:var(--primary);color:#fff;border-radius:.25rem;font-weight:600}.scoreboard-column__total{color:var(--text-secondary);font-size:1rem;font-weight:500}.scoreboard-column__live-timer{margin:1rem 0;padding:.75rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.timer-status{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.timer-status--active{color:var(--success);animation:pulse-live 1.5s ease-in-out infinite}.timer-status--inactive{color:var(--text-secondary);opacity:.7}.timer-display{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:1.25rem;font-weight:700;color:var(--text-primary);background:var(--background);padding:.25rem .75rem;border-radius:.25rem;border:1px solid var(--border)}.scoreboard-column__stats{display:flex;gap:1rem;margin-top:.75rem}.scoreboard-column__stat{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-value{font-size:1rem;color:var(--text-primary);font-weight:700}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}.scoreboard-column__records{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.scoreboard-column__no-records{text-align:center;color:var(--text-secondary);font-style:italic;padding:1rem}.time-record{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--surface);border-radius:.5rem;border:1px solid var(--border)}.time-record__duration{font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.time-record__timestamp{font-size:.875rem;color:var(--text-secondary)}.time-record__description{font-size:1rem;color:var(--text-secondary);font-style:italic;margin-top:.25rem}.scoreboard-column__more{text-align:center;color:var(--text-secondary);font-size:1rem;font-style:italic;padding-top:.5rem}.session-scoreboard__stats{display:flex;justify-content:space-around;padding:1rem;background:var(--background);border-radius:.75rem;border:1px solid var(--border)}.session-scoreboard__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.session-scoreboard__stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500}.session-scoreboard__stat-value{font-size:2rem;font-weight:700;color:var(--primary)}@media (max-width: 768px){.session-scoreboard__grid{grid-template-columns:1fr}.session-scoreboard__stats{flex-direction:column;gap:1rem}}.session-code-display{position:fixed;top:1rem;right:1rem;background:var(--surface);border:2px solid var(--primary);border-radius:.75rem;padding:1rem .75rem;box-shadow:0 4px 12px #00000026;z-index:40;min-width:200px;max-width:240px}.session-code-display__label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;text-align:center;font-weight:600}.session-code-display__code{display:flex;gap:.375rem;justify-content:center;margin-bottom:.75rem}.session-code-display__digit{width:28px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:1.25rem;font-weight:700;font-family:Courier New,monospace;border-radius:.375rem;box-shadow:0 2px 4px #0000001a}.session-code-display__copy{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem;background:var(--site-sub-background-color);border:1px solid var(--productive-color);border-radius:.375rem;cursor:pointer;transition:all .2s;position:relative;color:var(--productive-color);font-weight:500;font-size:.875rem;min-height:36px}.session-code-display__copy:hover{background:var(--productive-color);border-color:var(--productive-over-color);color:#fff;transform:scale(1.02)}.session-code-display__copied{position:absolute;left:50%;transform:translate(-50%);bottom:-2rem;background:var(--success);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;font-weight:500;animation:fade-in-out 2s ease;pointer-events:none}@media (max-width: 768px){.session-code-display{top:.75rem;right:.75rem;padding:.75rem .5rem;min-width:160px;max-width:180px}.session-code-display__digit{width:22px;height:28px;font-size:1rem}.session-code-display__code{gap:.25rem;margin-bottom:.5rem}.session-code-display__copy{padding:.375rem;gap:.25rem;font-size:.75rem;min-height:32px}.session-code-display__label{font-size:.6875rem;margin-bottom:.375rem}}@keyframes fade-in-out{0%{opacity:0;transform:translate(-50%) translateY(5px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-5px)}}.help-notification-container{position:fixed;top:100px;right:2rem;z-index:1000;pointer-events:none}.help-notification{display:flex;align-items:flex-start;gap:1rem;background:var(--surface);border:2px solid var(--error);border-radius:.75rem;padding:1rem;min-width:320px;max-width:400px;box-shadow:0 8px 24px #00000040;pointer-events:all;position:absolute;right:0;overflow:hidden}.help-notification__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;border-radius:.5rem;animation:shake .5s ease-in-out}.help-notification__content{flex:1;min-width:0}.help-notification__message{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.help-notification__time{font-size:.875rem;color:var(--text-secondary)}.help-notification__dismiss{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;transition:all .2s}.help-notification__dismiss:hover{background:var(--surface);color:var(--text-primary)}.help-notification__progress{position:absolute;bottom:0;left:0;height:4px;background:var(--error);border-radius:0 0 .75rem .75rem}@media (max-width: 768px){.help-notification-container{right:1rem;left:1rem}.help-notification{min-width:unset;max-width:unset;width:100%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.active-session{padding:2rem;padding-right:360px;max-width:1600px;margin:0 auto;margin-left:var(--sidebar-width);position:relative;min-height:100vh}.active-session__loading,.active-session__error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;gap:2rem}.active-session__error h2{color:var(--text-primary);margin:0}.active-session__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;max-width:100%}.active-session__title-section{flex:1}.active-session__title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.active-session__meta{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.active-session__participants{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);cursor:pointer;transition:color .2s}.active-session__participants:hover{color:var(--primary)}.btn--help{background:var(--error);color:#fff!important;font-weight:700;padding:.75rem 1.5rem;animation:pulse-help 2s ease-in-out infinite;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.75rem;text-align:center;line-height:1}.btn--help.btn--large{font-size:1.25rem;padding:1rem 2rem;min-height:56px;min-width:200px;letter-spacing:.05em}.btn--help svg{flex-shrink:0;vertical-align:middle}.btn--help:hover{background:var(--error-dark, #dc2626);transform:scale(1.05)}.btn--small{font-size:.875rem;padding:.5rem 1rem}.active-session__participants-list{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem;background:var(--surface);border-radius:.75rem;margin-bottom:2rem}.participant-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--background);border-radius:2rem;border:1px solid var(--border);position:relative}.participant-chip__name{color:var(--text-primary);font-weight:500}.participant-chip__role{color:var(--text-secondary);font-size:.875rem;padding:.125rem .5rem;background:var(--primary-light, rgba(255, 157, 65, .1));border-radius:.25rem}.participant-chip__timer{display:flex;align-items:center;gap:.5rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--border)}.timer-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.timer-indicator--running{background:var(--success);animation:pulse-timer 1.5s ease-in-out infinite}.timer-indicator--stopped{background:var(--text-secondary);opacity:.5}.timer-time{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;color:var(--text-primary);font-weight:500}@keyframes pulse-timer{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.active-session__control-panel{display:flex;flex-direction:column;align-items:center;gap:2rem;background:var(--surface);border-radius:1rem;padding:3rem;margin-bottom:2rem;border:2px solid var(--primary)}.active-session__scoreboard{background:var(--surface);border-radius:1rem;padding:2rem;margin-top:2rem}@media (max-width: 1024px){.active-session__control-panel{padding:2rem}}@media (max-width: 768px){.active-session{padding:1rem;margin-left:0}.active-session__title{font-size:1.75rem}.active-session__header{flex-direction:column}.active-session__control-panel,.active-session__scoreboard{padding:1.5rem}.btn--help.btn--large{width:100%;font-size:1.125rem}}.active-session__status{position:fixed;top:2rem;left:calc(var(--sidebar-width) + 2rem);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border-radius:2rem;border:1px solid var(--border);z-index:40;font-size:.875rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse-status 2s ease-in-out infinite}.status-indicator--connected{background:var(--success)}.status-indicator--connecting{background:var(--warning, #fbbf24);animation:pulse-status 1s ease-in-out infinite}.status-indicator--disconnected,.status-indicator--error{background:var(--error);animation:none}.status-text{color:var(--text-secondary);font-weight:500}.active-session__error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;margin:1rem 0;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--error);animation:slide-down .3s ease}.active-session__error-banner span{flex:1;font-size:.9rem;line-height:1.4}.active-session__error-banner .error-hint{display:block;margin-top:.5rem;font-size:.85rem;opacity:.8;font-style:italic}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-help{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 10px #ef444400}}.debug-app{max-width:900px;margin:0 auto;padding:2rem;margin-left:calc(var(--sidebar-width, 250px) + 40px)}.debug-app h1{color:var(--site-text-color);margin-bottom:2rem;font-size:2.8rem;font-weight:600}.debug-task-lists{max-width:1100px;margin:0 auto;padding:2rem;margin-left:calc(var(--sidebar-width, 250px) + 40px);position:relative}.debug-task-lists h1{color:var(--site-text-color);margin:0;font-size:2.6rem;font-weight:600}.debug-task-lists__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.debug-task-lists__header .button{padding:.7rem 1.4rem;border-radius:999px;font-size:1.3rem;font-weight:500;cursor:pointer;transition:var(--transition-fade);white-space:nowrap}.debug-task-lists__header .button--secondary{background-color:transparent;color:var(--productive-color);border:1px solid var(--productive-color)}.debug-task-lists__header .button--secondary:hover{background-color:var(--productive-color);color:#fff;transform:translateY(-1px)}.debug-task-lists__subtitle{margin-top:.5rem;color:var(--site-text-sub-color)}.debug-task-lists__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.debug-task-lists__status{color:var(--site-text-sub-color);margin-top:1rem}.debug-task-lists__status--error{color:var(--break-over-color)}.debug-task-lists__empty{text-align:center;margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--site-text-sub-color)}.debug-task-lists__primary{padding:.85rem 1.6rem;background-color:var(--productive-color);color:#fff;border:none;border-radius:999px;font-size:1.4rem;font-weight:500;cursor:pointer;transition:var(--transition-fade)}.debug-task-lists__primary:hover{background-color:var(--productive-over-color);transform:translateY(-1px)}.debug-task-lists__secondary{padding:.7rem 1.4rem;background-color:transparent;color:var(--productive-color);border:1px solid var(--productive-color);border-radius:999px;font-size:1.3rem;font-weight:500;cursor:pointer;transition:var(--transition-fade)}.debug-task-lists__secondary:hover{background-color:#ff9d411a}.debug-task-lists__primary:disabled,.debug-task-lists__secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.debug-task-list-card{position:relative;z-index:0;background-color:var(--site-sub-background-color);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.8rem;transition:var(--transition-fade)}.debug-task-list-card:hover,.debug-task-list-card:focus-within{z-index:2}.debug-task-list-card:hover{border-color:var(--productive-color);box-shadow:0 14px 32px #ff9d412e;transform:translateY(-4px)}.debug-task-list-card__body{display:block;width:100%;background:transparent;border:none;padding:0;margin:0;text-align:left;color:inherit;cursor:pointer}.debug-task-list-card__body:focus{outline:none}.debug-task-list-card__body:focus-visible{outline:2px solid var(--productive-color);outline-offset:4px}.debug-task-list-card__menu{position:absolute;top:1.2rem;right:1.2rem;z-index:3}.debug-task-list-card__menu .dropdown-menu-container,.debug-task-list-card__menu .dropdown-menu-trigger{position:relative;z-index:inherit}.debug-task-list-card__menu .dropdown-menu-trigger{background:transparent;border:none;color:var(--site-text-sub-color);font-size:1.8rem;padding:.2rem .4rem;border-radius:8px;cursor:pointer;transition:var(--transition-fade)}.debug-task-list-card__menu .dropdown-menu-trigger:hover,.debug-task-list-card__menu .dropdown-menu-trigger:focus-visible{color:var(--site-text-color);background-color:#ffffff14;outline:none}.debug-task-list-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.debug-task-list-card__title{margin:0;color:var(--site-text-color);font-size:1.8rem;font-weight:600}.debug-task-list-card__badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:.3rem .8rem;background-color:#ff9d4126;color:var(--productive-color);border-radius:999px;font-size:1.1rem;font-weight:600}.debug-task-list-card__description{margin:0;color:var(--site-text-sub-color);font-size:1.3rem;line-height:1.6}.debug-task-list-card__meta{margin:0;color:#fff9;font-size:1.1rem}.debug-task-list-details__header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.debug-task-list-details__toolbar{position:sticky;top:0;z-index:100;background-color:var(--site-background-color);padding-top:1rem;padding-bottom:1rem;margin-bottom:.75rem;margin-left:calc(-1 * (var(--sidebar-width, 250px) + 40px));margin-right:-2rem;padding-left:calc(var(--sidebar-width, 250px) + 40px + 2rem);padding-right:2rem;display:flex;align-items:stretch;gap:.75rem;min-height:42px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000001a}.debug-task-list-details__toolbar .btn{width:auto;max-width:none;flex:0 0 auto}.debug-task-list-details__back-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--site-text-color);font-size:1.8rem;cursor:pointer;transition:var(--transition-fade)}.debug-task-list-details__back-button:hover{border-color:var(--productive-color);color:var(--productive-color)}.debug-task-list-details__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.25rem}.debug-task-list-details__title{margin:0;margin-bottom:0!important;color:var(--text-primary);font-size:1.9rem;font-weight:600;text-align:center;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.debug-task-list-details__description{color:var(--site-text-sub-color);margin:0;max-width:640px;line-height:1.6;font-size:1.3rem}.debug-task-list-details__actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;justify-content:flex-end;margin-left:auto}.debug-task-list-details__icon-button{width:42px;height:42px;min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.debug-task-list-details__icon-button .btn__label{display:flex;align-items:center;justify-content:center;width:100%}.debug-task-list-details__action-button[disabled]{opacity:.4;cursor:not-allowed}.debug-task-list-details__button-text{display:none}.debug-task-list-details__action-button{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.debug-task-list-details__action-button .icon{display:flex;align-items:center;justify-content:center}.debug-list-progress{margin:1.5rem 0;padding:1.5rem;background-color:#ff9d410d;border-radius:12px;border:1px solid rgba(255,157,65,.2)}.debug-list-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.debug-list-progress__header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--site-text-color);text-transform:uppercase;letter-spacing:.5px}.debug-list-progress__stats{font-size:1.2rem;color:var(--site-text-sub-color);font-weight:500}.debug-task-list-sort{display:flex;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem 1.5rem;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.debug-task-list-sort__label{font-size:1.3rem;font-weight:500;color:var(--site-text-color);white-space:nowrap}.debug-task-list-sort__select{flex:1;padding:.6rem 1rem;background-color:var(--site-background-color);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--site-text-color);font-size:1.3rem;cursor:pointer;transition:var(--transition-fade)}.debug-task-list-sort__select:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133}.debug-task-list-sort__select:hover{border-color:#ffffff4d}.debug-app__form{display:flex;flex-direction:column;margin-bottom:2rem;background:var(--site-sub-background-color);padding:1.5rem;border-radius:12px;border:1px solid var(--site-text-sub-color);box-shadow:0 2px 8px #00000026}.debug-app__button{width:150px;padding:.75rem 1.5rem;background-color:var(--productive-color);color:#fff;border:none;cursor:pointer;border-radius:8px;font-weight:500;font-size:1.3rem;transition:var(--transition-fade);margin-top:.75rem}.debug-app__button:hover{background-color:var(--productive-over-color);transform:translateY(-1px);box-shadow:0 4px 8px #ff9d414d}.debug-app__button:disabled{opacity:.5;cursor:not-allowed;transform:none}.debug-app__tasks{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.sortable-task{margin-bottom:2rem}.sortable-task:last-child{margin-bottom:0}.sortable-task--dragging{opacity:.5}.sortable-task--reorder-mode{cursor:grab}.sortable-task--reorder-mode:active{cursor:grabbing}.sortable-task__content{width:100%}.debug-task{background-color:var(--site-sub-background-color);padding:1rem 1.2rem;border:1px solid var(--site-text-sub-color);margin-bottom:0;border-radius:12px;transition:var(--transition-fade);position:relative}.debug-task:hover{border-color:var(--productive-color);box-shadow:0 4px 12px #ff9d4126}.debug-task:focus-within{border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133;background-color:#ff9d4108}.debug-task__header{display:flex;align-items:center;gap:1rem}.debug-task__checkbox{flex-shrink:0;width:20px;height:20px;cursor:pointer;accent-color:var(--productive-color)}.debug-task__title{font-size:1.8rem;flex-grow:1;background-color:transparent;border:none;border-bottom:2px solid transparent;color:var(--site-text-color);text-decoration:none;padding:.5rem;font-weight:500;transition:var(--transition-fade);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;min-height:2.8rem;resize:none;overflow:hidden;font-family:inherit;line-height:1.5}.debug-task__title.completed{text-decoration:line-through;opacity:.5;color:var(--site-text-sub-color)}.debug-task__title:focus{outline:none;border-bottom-color:var(--productive-color);background-color:#ff9d410d}.debug-task__title:hover:not(.completed){border-bottom-color:var(--site-text-sub-color)}.debug-task__menu{flex-shrink:0;position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-end;min-width:32px}.debug-task__menu .dropdown-menu-container{position:relative;z-index:inherit}.debug-task__menu .dropdown-menu-trigger{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;position:relative}.debug-task .debug-task__menu{z-index:20}.debug-task .debug-task .debug-task__menu{z-index:30}.debug-task .debug-task .debug-task .debug-task__menu{z-index:40}.debug-task .debug-task .debug-task .debug-task .debug-task__menu{z-index:50}.debug-task .debug-task .debug-task .debug-task .debug-task .debug-task__menu{z-index:60}.debug-task .debug-task .debug-task .debug-task .debug-task .debug-task .debug-task__menu{z-index:70}.debug-task__description{margin:.75rem 0 0 3rem;padding:.5rem 0;color:var(--site-text-sub-color);font-size:1.3rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.debug-task__progress{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .75rem 3rem;padding:.75rem;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.debug-task__progress-text{font-size:1.1rem;color:var(--site-text-sub-color);font-weight:500;white-space:nowrap;min-width:7rem}.debug-task__subtasks{margin-left:.5rem;display:flex;flex-direction:column;gap:1rem}.debug-task__subtasks:not(:empty){margin-top:1rem}.debug-task__collapsed-summary{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.2rem;background-color:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:var(--transition-fade);-webkit-user-select:none;-moz-user-select:none;user-select:none}.debug-task__collapsed-summary:hover{background-color:#ffffff14;border-color:var(--productive-color)}.debug-task__collapsed-summary:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133}.debug-task__collapsed-icon{font-size:1.2rem;color:var(--site-text-sub-color);flex-shrink:0;transition:transform .2s ease}.debug-task__collapsed-text{font-size:1.3rem;color:var(--site-text-sub-color);font-weight:500}.debug-task__inline-form{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border:1px dashed rgba(255,255,255,.2);border-radius:12px;background-color:#ffffff05}.debug-task__inline-input{width:100%;padding:.9rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--site-background-color);color:var(--site-text-color);font-size:1.4rem;transition:var(--transition-fade)}.debug-task__inline-input:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133}.debug-task__inline-textarea{width:100%;min-height:120px;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:var(--site-background-color);color:var(--site-text-color);font-size:1.4rem;resize:vertical;transition:var(--transition-fade)}.bulk-task-creator textarea.form__input,.sub-task-description textarea.form__input{min-height:120px}.debug-task__inline-textarea:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133}.debug-task__inline-actions{display:flex;gap:.75rem;flex-wrap:wrap}.debug-task__inline-primary,.debug-task__inline-secondary{border-radius:999px;padding:.6rem 1.6rem;border:none;cursor:pointer;font-size:1.3rem;font-weight:500;transition:var(--transition-fade)}.debug-task__inline-primary{background-color:var(--productive-color);color:#fff}.debug-task__inline-primary:disabled{opacity:.6;cursor:not-allowed}.debug-task__inline-primary:not(:disabled):hover{background-color:var(--productive-over-color)}.debug-task__inline-secondary{background:transparent;color:var(--site-text-sub-color);border:1px solid rgba(255,255,255,.2)}.debug-task__inline-secondary:hover{color:var(--site-text-color);border-color:#fff6}.debug-task{border-left-width:4px}.debug-task .debug-task{border-color:#ff5733}.debug-task .debug-task .debug-task{border-color:#6b3a76}.debug-task .debug-task .debug-task .debug-task{border-color:#3a9c9c}.debug-task .debug-task .debug-task .debug-task .debug-task{border-color:#fbc02d}.debug-task .debug-task .debug-task .debug-task .debug-task .debug-task{border-color:#ef6c00}.debug-task .debug-task .debug-task .debug-task .debug-task .debug-task .debug-task{border-color:#008cba}.debug-task .debug-task .debug-task .debug-task .debug-task .debug-task .debug-task .debug-task{border-color:#9e9e9e}.bulk-task-creator{display:flex;flex-direction:column;gap:1.5rem}.sub-tasks-section{padding:1.5rem;background-color:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.sub-tasks-section h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:600;color:var(--site-text-color)}.help-text{margin:0 0 1rem;font-size:1.1rem;color:var(--site-text-sub-color);line-height:1.5}.help-text kbd{padding:.2rem .5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.sub-tasks-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.sub-task-container{display:flex;flex-direction:column;gap:.5rem}.sub-task-input{display:flex;align-items:center;gap:.75rem}.sub-task-bullet{color:var(--productive-color);font-size:1.6rem;line-height:1;flex-shrink:0}.sub-task-description{margin-left:2.5rem;padding-left:1rem;border-left:2px solid rgba(255,157,65,.3)}.btn-toggle-description{color:var(--productive-color);font-size:1.8rem;font-weight:700}.form__input--small{height:2.5rem;font-size:1.3rem}.btn-icon{padding:.25rem .5rem;background:none;border:none;cursor:pointer;color:var(--site-text-sub-color);font-size:2rem;line-height:1;transition:var(--transition-fade);flex-shrink:0}.btn-icon:hover:not(:disabled){color:var(--break-over-color)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-remove{flex-shrink:0}.required{color:var(--break-over-color)}.debug-app__button--secondary{background-color:transparent;border:1px solid var(--productive-color);color:var(--productive-color)}.debug-app__button--secondary:hover:not(:disabled){background-color:#ff9d411a}.debug-bug-issue{background-color:#3672f414;border:2px solid var(--break-color);border-left-width:4px;border-radius:12px;padding:1.5rem;margin-top:0;margin-bottom:0;transition:var(--transition-fade)}.debug-bug-issue:hover{border-color:var(--break-over-color);box-shadow:0 4px 12px #41a3ff26}.debug-bug-issue.resolved{opacity:.5;border-color:var(--site-text-sub-color)}.debug-bug-issue.resolved *{text-decoration:line-through}.debug-bug-issue__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.debug-bug-issue__checkbox{flex-shrink:0;width:20px;height:20px;cursor:pointer;accent-color:var(--break-over-color)}.debug-bug-issue__title{flex:1;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.6rem .9rem;color:var(--site-text-color);font-size:1.6rem;font-weight:600;transition:var(--transition-fade)}.debug-bug-issue__title:focus{border-color:var(--productive-color);outline:none;box-shadow:0 0 0 3px #ff9d4140}.debug-bug-issue__menu{flex-shrink:0}.debug-bug-issue__label{display:block;margin-top:1.5rem;margin-bottom:.4rem;color:var(--site-text-color);font-weight:500;font-size:1.4rem}.debug-bug-issue__textarea{display:block;width:100%;margin-bottom:0;padding:1rem;box-sizing:border-box;background-color:var(--site-background-color);border:1px solid var(--site-text-sub-color);border-radius:8px;color:var(--site-text-color);font-family:inherit;font-size:1.4rem;resize:vertical;transition:var(--transition-fade)}.debug-bug-issue__textarea:focus{outline:none;border-color:var(--break-over-color);box-shadow:0 0 0 3px #41a3ff33}.debug-bug-issue__iterations{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.debug-bug-issue__iterations-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.debug-bug-issue__iterations-header h5{margin:0;font-size:1.5rem;color:var(--site-text-color)}.debug-bug-issue__add-group{background:transparent;border:1px dashed var(--productive-color);color:var(--productive-color);padding:.5rem 1rem;border-radius:999px;cursor:pointer;font-size:1.3rem;transition:var(--transition-fade)}.debug-bug-issue__add-group:hover{background-color:#ff9d411a}.debug-bug-issue__iteration{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1.2rem;background:#ffffff08}.debug-bug-issue__iteration-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.debug-bug-issue__iteration-label{font-size:1.3rem;font-weight:600;color:var(--site-text-color)}.debug-bug-issue__remove-group{background:transparent;border:none;color:#ef4444e6;cursor:pointer;font-size:1.2rem;font-weight:500;transition:var(--transition-fade)}.debug-bug-issue__remove-group:hover{color:#ef4444;text-decoration:underline}.debug-bug-issue__empty{margin:0;color:var(--site-text-sub-color);font-size:1.3rem}@media screen and (max-width: 1024px){.debug-app,.debug-task-lists{margin-left:2rem;margin-right:2rem;padding-bottom:calc(var(--mobile-nav-height, 60px) + 3rem)}.debug-task__subtasks{margin-left:.75rem}.debug-app__tasks{padding-bottom:2rem}.debug-task-list-details__toolbar{margin-left:-2rem;margin-right:-2rem;padding-left:2rem;padding-right:2rem}}@media screen and (max-width: 768px){.debug-app,.debug-task-lists{padding:1.5rem;padding-bottom:5rem!important}.debug-task-lists__header{flex-direction:column;align-items:flex-start}.debug-task-lists__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.debug-task-list-details__header{gap:.5rem}.debug-task-list-details__title{font-size:1.6rem;line-height:1.4;text-align:center}.debug-task-list-details__description{display:none}.debug-task-list-details__toolbar{gap:.5rem;align-items:center}.debug-task-list-details__back-button,.debug-task-list-details__icon-button{width:38px;height:38px;min-width:38px;min-height:38px;padding:0}.debug-task-list-details__action-button{width:38px;height:38px;min-width:38px;min-height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.debug-task-list-details__button-text{display:none}.debug-task-list-details__action-button .icon{display:flex;align-items:center;justify-content:center}.debug-list-progress{padding:1.2rem}.debug-list-progress__header{flex-direction:column;align-items:flex-start;gap:.5rem}.debug-app h1{font-size:2.4rem}.debug-app__form{padding:1.2rem}.debug-task{padding:1rem}.debug-task__title{font-size:1.6rem}.debug-task__subtasks{margin-left:.25rem}.debug-task__menu .dropdown-menu-trigger{min-width:40px;min-height:40px;padding:.5rem}.debug-bug-issue{padding:1.2rem}.debug-bug-issue__menu .dropdown-menu-trigger{min-width:40px;min-height:40px;padding:.5rem}.debug-bug-issue__textarea{font-size:16px}.debug-task__inline-textarea,.bulk-task-creator textarea.form__input,.sub-task-description textarea.form__input{min-height:100px}}.debug-settings__section{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;margin-top:2rem}.debug-settings__section-header h2{margin:0;color:var(--site-text-color);font-size:1.5rem;font-weight:600}.debug-settings__section-description{margin-top:.5rem;color:#ffffffa8;font-size:.95rem;line-height:1.4}.debug-settings__tabs{display:inline-flex;gap:.5rem;margin:1.5rem 0 1rem;background:#ffffff0a;border-radius:999px;padding:.25rem}.debug-settings__tab{border:none;background:transparent;color:#fff9;padding:.5rem 1.25rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease;font-weight:600}.debug-settings__tab:hover{color:#ffffffd9}.debug-settings__tab--active{background:#ffffff1f;color:#fff}.debug-settings__panel{display:flex;flex-direction:column;gap:1rem}.debug-settings__radio-group{display:flex;gap:1rem;margin-top:.5rem}.debug-settings__actions{display:flex;flex-wrap:wrap;gap:.75rem}.debug-import-summary{margin-top:1rem;background:#0003;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);color:#fffc}@media screen and (max-width: 480px){.debug-app{padding:1rem}.debug-app h1{font-size:2rem}.debug-app__button{width:100%}.debug-task-lists{padding:1rem}.debug-task-list-card{padding:1.4rem}.debug-task__title{font-size:1.4rem}.debug-task__header{gap:.75rem;align-items:center}.debug-task__menu{display:flex;align-items:center;justify-content:center}.debug-task__menu .dropdown-menu-trigger{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.debug-bug-issue__title{font-size:1.4rem}.debug-bug-issue__menu .dropdown-menu-trigger{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}.sprint-select-modal__content,.label-select-modal__content{min-width:500px;max-width:600px}.label-select-modal__section{margin-bottom:1.5rem}.label-select-modal__section-title{font-size:1.6rem;font-weight:600;color:var(--site-text-color, rgba(255, 255, 255, .92));margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--site-text-sub-color, rgba(255, 255, 255, .2))}.label-select-modal__divider{border:none;border-top:2px solid var(--site-text-sub-color, rgba(255, 255, 255, .3));margin:2rem 0}.sprint-select-modal__loading,.label-select-modal__loading{padding:2rem;text-align:center;color:var(--site-text-color)}.sprint-select-modal__actions,.label-select-modal__actions{display:flex;gap:.5rem;margin-bottom:1rem}.sprint-select-modal__unassign,.label-select-modal__unassign{margin-bottom:1rem}.sprint-select-modal__list,.label-select-modal__list{max-height:400px;overflow-y:auto}.sprint-select-modal__empty,.label-select-modal__empty{padding:2rem;text-align:center;color:var(--site-text-sub-color, rgba(255, 255, 255, .6));font-size:1.4rem}.sprint-select-modal__items,.label-select-modal__items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sprint-select-modal__item,.label-select-modal__item{border-radius:8px;overflow:hidden}.sprint-select-modal__item--selected,.label-select-modal__item--selected{background:var(--site-hover-bg, rgba(99, 102, 241, .1))}.sprint-select-modal__item-content,.label-select-modal__item-content{display:flex;gap:.5rem;align-items:stretch}.sprint-select-modal__item-button,.label-select-modal__item-button{flex:1;padding:1rem;border:1px solid var(--site-text-sub-color, rgba(255, 255, 255, .2));background:var(--site-sub-background-color, rgba(255, 255, 255, .05));cursor:pointer;text-align:left;transition:all .2s ease;border-radius:8px}.sprint-select-modal__item-edit,.label-select-modal__item-edit{padding:.5rem 1rem;border:1px solid var(--site-text-sub-color, rgba(255, 255, 255, .2));background:var(--site-sub-background-color, rgba(255, 255, 255, .05));color:var(--site-text-color, rgba(255, 255, 255, .92));cursor:pointer;border-radius:8px;font-size:1.6rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:44px}.sprint-select-modal__item-edit:hover:not(:disabled),.label-select-modal__item-edit:hover:not(:disabled){background:var(--site-sub-background-color-hover, rgba(255, 255, 255, .1));border-color:var(--site-primary-color, #6366f1)}.sprint-select-modal__item-edit:disabled,.label-select-modal__item-edit:disabled{cursor:not-allowed;opacity:.6}.sprint-select-modal__item-button:hover:not(:disabled),.label-select-modal__item-button:hover:not(:disabled){background:var(--site-sub-background-color-hover, rgba(255, 255, 255, .1));border-color:var(--site-primary-color, #6366f1)}.sprint-select-modal__item-button:disabled,.label-select-modal__item-button:disabled{cursor:not-allowed;opacity:.6}.sprint-select-modal__item-header,.label-select-modal__item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.sprint-select-modal__item-color,.label-select-modal__item-color{width:16px;height:16px;border-radius:4px;flex-shrink:0}.sprint-select-modal__item-name,.label-select-modal__item-name{font-size:1.4rem;font-weight:500;color:var(--site-text-color, rgba(255, 255, 255, .92));flex:1}.sprint-select-modal__item-badge,.label-select-modal__item-badge{padding:.25rem .6rem;border-radius:12px;font-size:1.1rem;font-weight:500;background:var(--color-secondary, #6b7280);color:#fff}.sprint-select-modal__item-badge--selected,.label-select-modal__item-badge--selected{background:var(--site-primary-color, #6366f1)}.sprint-select-modal__item-notes,.label-select-modal__item-notes{font-size:1.2rem;color:var(--site-text-sub-color, rgba(255, 255, 255, .6));margin:0 0 .5rem;line-height:1.5}.sprint-select-modal__item-dates,.label-select-modal__item-dates{font-size:1.2rem;color:var(--site-text-sub-color, rgba(255, 255, 255, .6));margin:0;font-weight:500}.sprint-form-modal__form{min-width:400px}.dropdown-menu-container{position:relative;display:inline-block;flex-shrink:0}.dropdown-menu-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:16px;font-weight:600;transition:all .15s ease;position:relative}.dropdown-menu-trigger:hover{background:var(--surface-light);color:var(--text-primary)}.dropdown-menu-trigger:active{background:var(--border);transform:scale(.95)}.dropdown-menu-trigger:focus{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.dropdown-menu{position:fixed;z-index:9999;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 20px 40px -10px #0000001a,0 0 0 1px #ffffff0d;padding:6px 0;margin-top:4px;overflow:hidden;animation:dropdown-menu-appear .15s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes dropdown-menu-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 16px;border:none;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:14px;font-weight:400;line-height:1.2;transition:background-color .15s ease;gap:12px}.dropdown-menu-item:hover{background:var(--surface-light)}.dropdown-menu-item:active{background:var(--border)}.dropdown-menu-item:focus{outline:none;background:var(--surface-light)}.dropdown-menu-item--disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.5}.dropdown-menu-item--disabled:hover{background:transparent}.dropdown-menu-item__label{flex:1;font-weight:400}.dropdown-menu-item__icon{flex-shrink:0;font-size:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (max-width: 768px){.dropdown-menu{min-width:160px;font-size:16px}.dropdown-menu-item{padding:12px 16px;font-size:16px}.dropdown-menu-trigger{width:44px;height:44px;font-size:18px}.template-drag-handle{display:none!important}}@media (prefers-color-scheme: dark){.dropdown-menu{box-shadow:0 10px 25px -5px #0006,0 20px 40px -10px #0000004d,0 0 0 1px #ffffff1a}}.dropdown-menu-item--toggle{cursor:default}.dropdown-menu-item__content{display:flex;flex-direction:column;flex:1}.dropdown-menu-item__description{margin-top:4px;font-size:12px;color:var(--text-secondary)}.progress-bar{display:flex;align-items:center;gap:.75rem;width:100%}.progress-bar__label{font-size:1.2rem;color:var(--site-text-sub-color);min-width:3.5rem;text-align:right;font-weight:500}.progress-bar__track{flex:1;height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--productive-color),var(--productive-over-color));transition:width .4s ease-out;border-radius:4px}.progress-bar--small .progress-bar__track{height:6px}.progress-bar--small .progress-bar__label{font-size:1.1rem;min-width:3rem}.progress-bar--large .progress-bar__track{height:12px}.progress-bar--large .progress-bar__label{font-size:1.4rem;min-width:4rem}.progress-bar__fill[aria-valuenow="100"]{background:linear-gradient(90deg,#4caf50,#66bb6a)}.progress-bar__fill[aria-valuenow="0"]{background-color:#ffffff0d}@media screen and (max-width: 768px){.progress-bar__label{font-size:1.1rem;min-width:3rem}.progress-bar--large .progress-bar__label{font-size:1.3rem}}.debug-filters{position:relative;margin-bottom:2rem}.debug-filters__loading{position:absolute;top:-2px;left:0;right:0;height:3px;background:#ffffff0d;border-radius:2px;overflow:hidden}.debug-filters__loading-bar{height:100%;background:var(--productive-color);animation:loading-slide 1.5s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.debug-filters__controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.debug-filter{position:relative}.debug-filter__button{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.4rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:1.3rem;font-weight:500;color:var(--site-text-color);cursor:pointer;transition:var(--transition-fade);min-height:40px}.debug-filter__button:hover{background:#ffffff0f;border-color:#fff3}.debug-filter__button:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133}.debug-filter__button--active{background:#ffffff14;border-color:var(--productive-color)}.debug-filter__label{color:var(--site-text-sub-color);font-weight:500}.debug-filter__value{color:var(--site-text-color);font-weight:600}.debug-filter__icon{color:var(--site-text-sub-color);transition:transform .2s ease}.debug-filter__button--active .debug-filter__icon{transform:rotate(180deg)}.debug-filter__dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;max-width:360px;max-height:400px;background:#1a1a1ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 24px #0000004d,0 2px 8px #0003;z-index:50;overflow:hidden;display:flex;flex-direction:column}.debug-filter__dropdown--searchable{min-width:300px}.debug-filter__search{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.debug-filter__search-input{width:100%;padding:.9rem 1.2rem;font-size:1.3rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0a;color:var(--site-text-color)}.debug-filter__options{overflow-y:auto;max-height:320px}.debug-filter__option{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.4rem;cursor:pointer;transition:var(--transition-fade);min-height:40px}.debug-filter__option:hover{background:#ffffff0f}.debug-filter__option:focus{outline:none;background:#ffffff14;box-shadow:inset 3px 0 0 var(--productive-color)}.debug-filter__option--selected{background:#ff9d411f}.debug-filter__option--selected:hover{background:#ff9d412e}.debug-filter__option-content{display:flex;align-items:center;gap:.6rem;flex:1;flex-direction:column;align-items:flex-start}.debug-filter__option-label{font-size:1.3rem;font-weight:500;color:var(--site-text-color);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.debug-filter__option-description{font-size:1.1rem;color:var(--site-text-sub-color);margin-top:.2rem}.debug-filter__option-count{font-size:1.1rem;color:var(--site-text-sub-color);font-weight:400}.debug-filter__option-badge{display:inline-block;padding:.2rem .6rem;font-size:1rem;font-weight:600;text-transform:uppercase;background:#4ade8026;color:#4ade80;border-radius:999px;border:1px solid rgba(74,222,128,.3)}.debug-filter__option-color{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.debug-filter__option-check{flex-shrink:0;color:var(--productive-color)}.debug-filter__divider{height:1px;background:#ffffff1a;margin:.5rem 0}.debug-filter__empty{padding:2rem 1.4rem;text-align:center;font-size:1.3rem;color:var(--site-text-sub-color)}.debug-filters__chips{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}.debug-filter-chip{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;background:#ff9d4126;border:1px solid rgba(255,157,65,.3);border-radius:999px;font-size:1.2rem;font-weight:500;color:var(--productive-color)}.debug-filter-chip__label{line-height:1}.debug-filter-chip__clear{display:flex;align-items:center;justify-content:center;padding:.2rem;background:transparent;border:none;cursor:pointer;color:var(--productive-color);border-radius:50%;transition:var(--transition-fade)}.debug-filter-chip__clear:hover{background:#ff9d4133}.debug-filter-chip__clear:focus{outline:none;box-shadow:0 0 0 2px #ff9d4166}.debug-filters__clear-all{padding:.6rem 1.4rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:1.2rem;font-weight:500;color:var(--site-text-sub-color);cursor:pointer;transition:var(--transition-fade)}.debug-filters__clear-all:hover{background:#ffffff0f;border-color:#fff6;color:var(--site-text-color)}.debug-filters__clear-all:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133}.debug-filter--search{flex:1 1 300px;min-width:200px;max-width:400px}.debug-filter__search-wrapper{position:relative;display:flex;align-items:center}.debug-filter__search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--site-text-sub-color);pointer-events:none;z-index:1}.debug-filter__search-input{width:100%;height:40px;padding:.9rem 3.6rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:1.3rem;line-height:1.5;font-weight:500;background:#ffffff0a;color:var(--site-text-color);transition:var(--transition-fade)}.debug-filter__search-input:focus{outline:none;border-color:var(--productive-color);box-shadow:0 0 0 3px #ff9d4133;background:#ffffff0f}.debug-filter__search-input::-moz-placeholder{color:var(--site-text-sub-color)}.debug-filter__search-input::placeholder{color:var(--site-text-sub-color)}.debug-filter__search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--site-text-sub-color);cursor:pointer;transition:var(--transition-fade)}.debug-filter__search-clear:hover{background:#ffffff1a;color:var(--site-text-color)}.debug-filter__search-clear:focus{outline:2px solid var(--productive-color);outline-offset:2px}.debug-filter__search-clear svg{width:14px;height:14px}@media (max-width: 768px){.debug-filters__controls{gap:.8rem}.debug-filter__button{padding:.8rem 1.2rem;font-size:1.2rem}.debug-filter__dropdown{min-width:240px}}@media (max-width: 640px){.debug-filters__controls{flex-direction:column;align-items:stretch}.debug-filter__button{width:100%;justify-content:space-between}.debug-filter__dropdown{left:0;right:0;max-width:none}.debug-filter--search{flex:1 1 100%;max-width:100%;order:-1}.debug-filters__chips{gap:.6rem}.debug-filter-chip,.debug-filters__clear-all{font-size:1.1rem;padding:.5rem 1rem}}@media (prefers-contrast: high){.debug-filter__button,.debug-filter__dropdown{border-width:2px}.debug-filter__option:focus{box-shadow:inset 4px 0 0 var(--productive-color)}}@media (prefers-reduced-motion: reduce){.debug-filter__button,.debug-filter__icon,.debug-filter__option,.debug-filter-chip__clear,.debug-filters__clear-all{transition:none}.debug-filters__loading-bar{animation:none}}.duration-input{position:relative;max-width:180px}.duration-input__field{font-family:var(--font-monospace, "JetBrains Mono", Consolas, "Liberation Mono", monospace);font-size:1.25rem;letter-spacing:.04em;text-align:center}.duration-input__field::-moz-placeholder{font-size:inherit;letter-spacing:inherit}.duration-input__field::placeholder{font-size:inherit;letter-spacing:inherit}@media (max-width: 768px){.duration-input{max-width:200px}.duration-input__field{font-size:1.45rem}}@media (max-width: 480px){.duration-input{max-width:220px}.duration-input__field{font-size:1.6rem}}.entry-editor{display:flex;flex-direction:column;gap:1.5rem}.entry-editor__notice{padding:.75rem 1rem;background:var(--surface-light);border-radius:.6rem;font-size:1.4rem;color:var(--text-secondary);border:1px solid var(--border)}.entry-editor__questions{display:flex;flex-direction:column;gap:1rem}.entry-editor__inline{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.entry-editor__inline .form__input{max-width:220px}.entry-editor__inline--compact .form__input{max-width:140px}.entry-editor__inline-addon{color:var(--text-secondary);font-size:1.4rem;white-space:nowrap}.entry-editor__options{display:flex;flex-direction:column;gap:.75rem}.entry-editor__option{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.entry-editor__option:hover{border-color:var(--productive-color)}.entry-editor__option--selected{border-color:var(--productive-color);background:var(--surface-light);box-shadow:0 0 0 1px var(--productive-color)}.entry-editor__option input[type=radio],.entry-editor__option input[type=checkbox]{width:1.8rem;height:1.8rem;flex-shrink:0;margin-top:.15rem}.entry-editor__option-label{display:flex;flex-direction:column;gap:.35rem;font-size:1.5rem;color:var(--text-primary);line-height:1.4}.entry-editor__option-label .form__input{width:100%}.entry-editor__option-description{font-size:1.3rem;color:var(--text-secondary)}.entry-editor__char-count{margin-top:.35rem;font-size:1.25rem;color:var(--text-secondary);text-align:right}.entry-editor__char-count--limit{color:var(--error-color)}.entry-editor__rating{display:flex;flex-wrap:wrap;gap:.75rem}.entry-editor__rating-option{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:.75rem;border:2px solid var(--border);border-radius:.9rem;background:var(--surface);color:var(--text-primary);font-size:1.5rem;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.entry-editor__rating-option:hover{transform:translateY(-1px)}.entry-editor__rating-option--selected{border-color:var(--productive-color);background:var(--productive-color);color:var(--site-background-color);transform:translateY(-1px)}.entry-editor__visually-hidden{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.entry-editor__toggle{display:inline-flex;align-items:center;gap:.75rem}.entry-editor__toggle input{width:1.8rem;height:1.8rem}.entry-editor__toggle-label{font-size:1.5rem;color:var(--text-primary)}.entry-editor__list{display:flex;flex-direction:column;gap:1rem}.entry-editor__list-item{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 1rem;border:1px solid var(--border);border-radius:.9rem;background:var(--surface-light)}.entry-editor__list-item-row{display:flex;gap:.75rem;align-items:center;flex-wrap:nowrap}.entry-editor__list-item-row .form__input{flex:1;min-width:0}.entry-editor__list-add-button.btn{width:auto!important;min-width:33px;min-height:33px;padding:.35rem .6rem;font-size:1.6rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.entry-editor__list-add-button .btn__label{display:flex;align-items:center;justify-content:center;line-height:1}.entry-editor__list-delete-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;width:3.2rem;height:3.2rem;padding:0;border:1px solid var(--surface-lighter);border-radius:1rem;background:var(--surface);color:var(--text-secondary);line-height:1;cursor:pointer;flex-shrink:0;margin-left:auto;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.entry-editor__list-delete-button:hover{background:var(--surface-light);color:var(--error);border-color:var(--error);box-shadow:0 0 0 1px #ef444459}.entry-editor__list-delete-button:disabled{opacity:.5;cursor:not-allowed}.entry-editor__list-delete-button:focus-visible{outline:2px solid var(--productive-color);outline-offset:2px;background:var(--surface-light);box-shadow:0 0 0 2px var(--productive-color)}.entry-editor__list-delete-icon{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;pointer-events:none}.entry-editor__task-checkbox{width:1.9rem;height:1.9rem;flex-shrink:0}.entry-editor__task-checkbox:focus-visible{outline:2px solid var(--productive-color);outline-offset:2px}.entry-editor__task-input--completed{text-decoration:line-through;color:var(--text-secondary)}.entry-editor__list-empty{color:var(--text-secondary);font-style:italic;font-size:1.4rem}.entry-editor__timer-total{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.entry-editor__timer-total-value{font-size:2.2rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.entry-editor__time-inputs{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap}.entry-editor__time-input{display:flex;flex-direction:column;gap:.35rem;min-width:90px}.entry-editor__time-input label{font-size:1.3rem;color:var(--text-secondary)}.entry-editor__time-input input{text-align:center;font-variant-numeric:tabular-nums}.entry-editor__seg-list{display:flex;flex-direction:column;gap:.75rem}.entry-editor__seg-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:center}.entry-editor__seg-duration{font-variant-numeric:tabular-nums;color:var(--text-secondary);justify-self:flex-start}.entry-editor__seg-empty{color:var(--text-secondary);font-style:italic;font-size:1.4rem}.entry-editor__unsupported{padding:.85rem 1rem;border:1px dashed var(--border);border-radius:.9rem;background:var(--surface-light);color:var(--text-secondary);font-style:italic;font-size:1.4rem}.entry-editor__actions{display:flex;gap:1rem;justify-content:flex-end;border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem;flex-wrap:wrap}.entry-editor__no-changes{font-size:1.4rem;color:var(--text-secondary);text-align:center;font-style:italic}.entry-editor__readonly-value{margin-top:.5rem;color:var(--text-primary);font-size:1.3rem;word-break:break-word}.entry-editor__timer-container{display:flex;flex-direction:column;gap:1.5rem}.entry-editor__timer-main{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--surface-light);border-radius:1rem;border:1px solid var(--border)}.entry-editor__timer-header{position:relative;width:100%;display:flex;justify-content:center;align-items:center;padding:0 2.5rem}.entry-editor__timer-duration-display{font-size:3.2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);text-align:center;line-height:1.2}.entry-editor__timer-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.entry-editor__timer-menu{position:absolute;top:0;right:0}.entry-editor__timer-menu-button{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:color .2s ease}.entry-editor__timer-menu-button:hover{color:#f8fafc}.entry-editor__timer-menu-button:disabled{opacity:.4;cursor:not-allowed}.entry-editor__timer-menu-button:focus-visible{outline:2px solid var(--productive-color);outline-offset:2px;border-radius:999px}.entry-editor__timer-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;min-width:min(200px,calc(100vw - 3rem));background:var(--surface);border:1px solid var(--border);border-radius:.8rem;box-shadow:0 4px 12px #0000001a;overflow:hidden}.entry-editor__timer-dropdown-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:1.4rem;color:var(--text-primary);cursor:pointer;transition:background-color .2s ease}.entry-editor__timer-dropdown-item:hover{background:var(--surface-light)}.entry-editor__timer-dropdown-item--danger{color:var(--error-color)}.entry-editor__timer-dropdown-item--danger:hover{background:var(--error-background, #fef2f2)}.entry-editor__timer-entries{display:flex;flex-direction:column;gap:.75rem}.entry-editor__timer-entry{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:.8rem;transition:border-color .2s ease}.entry-editor__timer-entry:hover{border-color:var(--productive-color)}.entry-editor__timer-entry-duration{font-size:1.6rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.entry-editor__timer-entry-menu{position:relative}.entry-editor__timer-entry-menu-button{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:color .2s ease}.entry-editor__timer-entry-menu-button:hover{color:#f8fafc}.entry-editor__timer-entry-menu-button:disabled{opacity:.4;cursor:not-allowed}.entry-editor__timer-entry-menu-button:focus-visible{outline:2px solid var(--productive-color);outline-offset:2px;border-radius:999px}.entry-editor__timer-entry-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;min-width:min(140px,calc(100vw - 3rem));background:var(--surface);border:1px solid var(--border);border-radius:.6rem;box-shadow:0 4px 12px #0000001a;overflow:hidden}.entry-editor__timer-empty{color:var(--text-secondary);font-style:italic;font-size:1.4rem;text-align:center;padding:2rem 1rem}.entry-editor__timer-overlay{position:fixed;inset:0;z-index:999;background:transparent}@media (max-width: 768px){.entry-editor__inline{flex-direction:column;align-items:stretch}.entry-editor__inline .form__input{max-width:100%}.entry-editor__inline-addon{align-self:flex-start}.entry-editor__actions{flex-direction:column;align-items:stretch;position:static;margin:1rem 0 0;padding:1rem 0 0}.entry-editor__actions button{width:100%}.entry-editor__timer-total{flex-direction:column;align-items:flex-start}.entry-editor__seg-row{grid-template-columns:1fr}.entry-editor__timer-header{padding:0 2rem}.entry-editor__timer-main{padding:1.25rem;gap:1.25rem}.entry-editor__timer-duration-display{font-size:2.8rem}.entry-editor__timer-controls{flex-direction:column;width:100%;gap:.75rem}.entry-editor__timer-controls button{width:100%}.entry-editor__timer-entry{padding:.875rem 1rem}.entry-editor__timer-entry-duration{font-size:1.5rem}.entry-editor__timer-dropdown,.entry-editor__timer-entry-dropdown{right:0}}@media (min-width: 769px){.entry-editor__actions{position:sticky;bottom:0;background:var(--surface);padding:1rem;margin:0 -1.2rem -1.2rem;border-radius:0 0 1rem 1rem}}@media (max-width: 480px){.entry-editor__option{padding:.75rem}.entry-editor__option-label{font-size:1.4rem}.entry-editor__inline{gap:.6rem}.entry-editor__inline-addon{font-size:1.2rem}.entry-editor__timer-header{padding:0 1.5rem}.entry-editor__timer-main{padding:1rem;gap:1rem}.entry-editor__timer-duration-display{font-size:2.4rem}.entry-editor__timer-entry{padding:.75rem}.entry-editor__timer-entry-duration{font-size:1.4rem}.entry-editor__timer-entry-menu-button{width:32px;height:32px}}.task-drag-handle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;margin:0;background:transparent;border:2px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:grab;transition:all .2s ease;touch-action:none}.task-drag-handle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border)}.task-drag-handle:active{cursor:grabbing;background:var(--surface-active, var(--surface-hover))}.task-drag-handle:focus{outline:2px solid var(--primary);outline-offset:2px}.task-drag-handle span{font-size:1.6rem;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.task-list-item--dragging{opacity:.5;cursor:grabbing}.task-list-item--drag-overlay{background:var(--surface);border:2px solid var(--primary);border-radius:8px;box-shadow:0 8px 24px #00000026}.task-list-menu{position:relative;display:inline-block}.task-list-menu__button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.task-list-menu__button:hover{background:var(--surface-hover);color:var(--text-primary)}.task-list-menu__button:focus{outline:2px solid var(--primary);outline-offset:2px}.task-list-menu__dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:8px 0;z-index:1000}.task-list-menu__item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.task-list-menu__item:hover{background:var(--surface-hover)}.task-list-menu__button-item{width:100%;background:transparent;border:none;text-align:left;font-size:inherit;color:inherit}.task-list-menu__button-item:disabled{opacity:.5;cursor:not-allowed}.task-list-menu__button-item:disabled:hover{background:transparent}.task-list-menu__divider{height:1px;background:var(--border);margin:8px 0}.task-list-menu__checkbox{width:18px;height:18px;margin:0;cursor:pointer}.task-list-menu__label{flex:1;font-size:1.4rem;color:var(--text-primary);cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){.task-drag-handle{width:48px;min-width:48px;height:48px}.task-list-menu__dropdown{min-width:220px}.task-list-menu__label{font-size:1.5rem}}@media (max-width: 480px){.task-drag-handle span{font-size:1.8rem}.task-list-menu__dropdown{right:-8px;min-width:200px}.task-list-menu__item{padding:12px 14px}}.journal-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 8rem)}.journal-header{margin-bottom:3rem}.journal-title{font-size:3rem;font-weight:700;color:var(--productive-color);margin-bottom:.5rem}.journal-subtitle{font-size:1.4rem;color:var(--text-color);opacity:.8}.journal-content{display:flex;flex-direction:column;gap:2rem}.journal-welcome{display:flex;justify-content:center}.journal-welcome-card{background:var(--site-sub-background-color);border-radius:1rem;padding:2.5rem;box-shadow:0 4px 6px #0000001a;max-width:800px;width:100%;border:1px solid var(--border)}.journal-welcome-card h2{font-size:1.8rem;color:var(--productive-color);margin-bottom:1rem}.journal-welcome-card p{font-size:1.5rem;line-height:1.6;color:var(--text-color);margin-bottom:2rem}.journal-features{margin:2rem 0}.journal-features h3{font-size:1.6rem;color:var(--productive-color);margin-bottom:1rem}.journal-features ul{list-style:none;padding:0}.journal-features li{padding:.75rem 0;font-size:1.4rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.journal-coming-soon{background:linear-gradient(135deg,var(--productive-color),var(--secondary-color));border-radius:.75rem;padding:1.5rem;margin-top:2rem}.coming-soon-text{color:#fff;font-size:1.4rem;text-align:center;margin:0;font-weight:500}@media (max-width: 768px){.journal-container{padding:1rem;min-height:calc(100vh - 12rem)}.journal-title{font-size:2.4rem}.journal-subtitle{font-size:1.3rem}.journal-welcome-card{padding:1.5rem}.journal-welcome-card h2{font-size:1.8rem}.journal-welcome-card p{font-size:1.3rem}.journal-features h3{font-size:1.5rem}.journal-features li{font-size:1.3rem;padding:.5rem 0}.coming-soon-text{font-size:1.3rem}}.journal-entry__deprecated-field{padding:.75rem;background-color:var(--surface-light);border-radius:4px;border:1px dashed var(--border);opacity:.8;color:var(--text-secondary);font-style:italic}.journal-entry__deprecated-value{margin-top:.5rem;color:var(--text-primary)}.form__character-count{margin-top:.25rem;font-size:1.2rem;color:var(--text-secondary)}.form__character-count--error{color:var(--error-color)}.journal-question-card{border-radius:10px;padding:1rem 1.25rem;transition:all .2s ease;border:1px solid var(--border);background:var(--site-sub-background-color)}.journal-question-card--elevated{background:var(--surface-light);box-shadow:0 2px 4px #0000001a}.journal-question-card--subtle{background:var(--surface)}.journal-radio-label,.journal-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;min-height:44px;padding:.75rem}.journal-radio-label:disabled,.journal-checkbox-label:disabled{cursor:not-allowed;opacity:.6}.journal-radio-input,.journal-checkbox-input{width:18px;height:18px;cursor:inherit}.journal-checkbox-input{width:20px;height:20px}.journal-rating-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.75rem;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:400;font-size:1.6rem;transition:all .2s ease;cursor:pointer}.journal-rating-button--selected{border-color:var(--productive-color);background:var(--productive-color);color:var(--site-background-color);font-weight:600}.journal-rating-button:hover:not(.journal-rating-button--selected){background:var(--surface-light);border-color:var(--productive-color)}.journal-help-button{border:1px solid var(--border);border-radius:50%;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:1.2rem;font-weight:600;transition:all .2s ease}.journal-help-button:hover{background:var(--surface-light);color:var(--text-primary)}.template-builder-notice{margin-bottom:1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text-primary)}.template-question-card{position:relative;overflow:visible}.template-drag-handle{cursor:grab;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);padding:.5rem .75rem;border-radius:6px;min-width:44px;min-height:32px;display:flex;align-items:center;justify-content:center}.template-drag-handle:active{cursor:grabbing}.journal-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:nowrap}.journal-toolbar .btn{width:auto;max-width:none;flex:0 0 auto}.journal-toolbar__content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.journal-toolbar__title{flex:1 1 auto;margin:0;color:var(--text-primary);font-size:1.8rem;font-weight:600;text-align:center;line-height:1.3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-toolbar__subtitle{display:flex;flex-direction:column;gap:.25rem;text-align:center}.journal-toolbar__subtitle p{margin:0;font-size:.9rem;line-height:1.4}.journal-toolbar__actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.journal-icon-button{width:42px;height:42px;min-width:42px;min-height:42px;padding:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;text-transform:none;background:transparent;flex:0 0 auto}.journal-icon-button .btn__label{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.6rem;line-height:1}.journal-back-button{border-radius:999px}.journal-back-button .btn__label{font-size:1.8rem}.journal-action-btn{border-radius:12px}.journal-save-status{margin:.5rem 0 .75rem;font-size:1.2rem;color:var(--color-grey-6)}.journal-details-container,.template-builder-container{max-width:100%;margin:0 auto}@media (max-width: 768px){.journal-details-container{padding:1rem 1rem 5rem!important}.journal-question-card{padding:1.25rem;margin-bottom:1rem}.journal-radio-label,.journal-checkbox-label{padding:1rem .75rem;min-height:48px}.journal-rating-button{min-width:48px;min-height:48px;padding:1rem;font-size:1.8rem}.journal-question-card>*+*{margin-top:1rem}.journal-question-card .entry-editor__list-item{margin-bottom:1rem}.journal-question-card button{min-height:44px;padding:.75rem 1rem}.template-builder-container{padding:1rem 1rem 5rem!important}.template-question-card{margin-bottom:1.5rem;padding:1rem}.template-question-card [style*=grid-template-columns]{display:flex!important;flex-direction:column!important;gap:1rem!important}.option-edit-row{display:flex!important;flex-direction:column!important;gap:.75rem!important;border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem!important;background:var(--surface-light)}.option-edit-row input{margin-bottom:.5rem}.option-edit-row>div:last-child{display:flex!important;gap:.5rem!important;flex-wrap:wrap!important;justify-content:space-between}.habit-edit-row{display:flex!important;flex-direction:column!important;gap:.75rem!important;border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem!important;background:var(--surface-light)}.habit-edit-row input{margin-bottom:.5rem}.habit-edit-row>button{margin-top:.5rem}.template-question-card [style*="repeat(3, minmax(0, 1fr))"],.template-question-card [style*="repeat(4, minmax(0, 1fr))"]{display:flex!important;flex-direction:column!important;gap:1rem!important}}.template-fab-container{position:fixed;bottom:2rem;right:1rem;display:flex;flex-direction:column;gap:.75rem;z-index:999;pointer-events:none}.template-fab-container button{pointer-events:auto}@media (max-width: 768px){.template-fab-container{bottom:var(--fab-mobile-bottom);right:1.5rem}.template-drag-handle{display:none!important}.journal-toolbar{gap:.5rem;margin-bottom:1.25rem}.journal-toolbar__title{font-size:1.6rem}.journal-toolbar__subtitle p{font-size:.85rem}.journal-icon-button{width:38px;height:38px;min-width:38px;min-height:38px}}@media (max-width: 480px){.template-fab-container{bottom:var(--fab-mobile-bottom);right:1.25rem}}@media screen and (max-height: 500px) and (orientation: landscape){.template-fab-container{bottom:var(--fab-mobile-bottom);right:1.25rem}}@media (min-width: 769px){.template-fab-container{right:.75rem}.journal-toolbar__title{font-size:2.1rem}.journal-icon-button{width:48px;height:48px;min-width:48px;min-height:48px}}@media (min-width: 1280px){.template-fab-container{right:1rem}}@media (display-mode: standalone) and (max-width: 768px){.template-fab-container{bottom:var(--fab-mobile-pwa-bottom);right:1.5rem}}@media (display-mode: standalone) and (max-width: 480px){.template-fab-container{bottom:var(--fab-mobile-pwa-bottom);right:1.25rem}}@media (display-mode: standalone) and (min-width: 769px){.template-fab-container{bottom:calc(2rem + env(safe-area-inset-bottom,0px))}}@media (display-mode: standalone) and screen and (max-height: 500px) and (orientation: landscape){.template-fab-container{bottom:var(--fab-mobile-pwa-bottom);right:1.25rem}}.template-fab-container button:focus{outline:3px solid var(--primary-color, #2563eb);outline-offset:2px}.template-fab-container button:focus:not(:focus-visible){outline:none}.template-fab-container button:focus-visible{outline:3px solid var(--primary-color, #2563eb);outline-offset:2px}.journal-entry-title-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.journal-entry-title-wrapper--editing{gap:.6rem}.journal-entry-title__display{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem;border-radius:.65rem;border:1px solid transparent;background:transparent;color:var(--text-primary);font-size:1.6rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.journal-entry-title__display:hover,.journal-entry-title__display:focus-visible{border-color:var(--productive-color);background:var(--surface-light);outline:none}.journal-entry-title__display:disabled{cursor:default;opacity:.65}.journal-entry-title__input{width:100%;font-size:1.6rem;font-weight:600;padding:.45rem .85rem;border-radius:.65rem;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.journal-entry-title__input:focus{border-color:var(--productive-color);box-shadow:0 0 0 2px #3f83f833;outline:none}.journal-entry-title-wrapper--editing .journal-entry-title__input{border-color:var(--productive-color);box-shadow:0 0 0 2px #3f83f833}.journal-entry-title__icon{display:inline-flex;align-items:center;justify-content:center}.journal-entry-title__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:1.6rem;font-size:1.3rem;color:var(--text-secondary)}.journal-entry-title__status{color:var(--text-secondary)}.journal-entry-title__error{color:var(--error-color)}@media (max-width: 768px){.journal-entry-title__display{width:100%;justify-content:space-between;font-size:1.5rem}.journal-entry-title__input{width:100%;font-size:1.5rem}.journal-entry-title__meta{font-size:1.2rem;flex-direction:column;align-items:flex-start;gap:.5rem}}.datepicker-panel,.entries-panel{--calendar-surface: var(--surface, #2a2a2b);--calendar-surface-light: var(--surface-light, #3c3c3d);--calendar-surface-lighter: var(--surface-lighter, #4a4a4b);--calendar-header-bg: var(--surface, #2a2a2b);--calendar-text-primary: var(--text-primary, #f2f2f2);--calendar-text-secondary: var(--text-secondary, #b8b8b8);--calendar-text-muted: rgba(178, 178, 178, .5);--calendar-accent-orange: var(--productive-color, #ff9d41);--calendar-accent-blue: var(--break-color, #41a3ff);--calendar-accent-green: var(--success, #22c55e);--calendar-primary: var(--calendar-accent-orange);--calendar-border: var(--border, #4a4a4b);--calendar-hover-bg: rgba(255, 157, 65, .1);--calendar-focus-ring: var(--calendar-accent-orange)}.datepicker-dropdown{display:flex;flex-direction:column;width:100%}.datepicker-trigger{min-width:44px;min-height:44px;padding:10px;background:transparent;border:1px solid var(--calendar-border);border-radius:8px;color:var(--calendar-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;touch-action:manipulation}.datepicker-trigger:hover{background:var(--calendar-hover-bg);border-color:var(--calendar-primary)}.datepicker-trigger:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.datepicker-trigger.active{background:var(--calendar-primary);color:#fff;border-color:var(--calendar-primary)}.datepicker-panel{width:100%;max-width:100%;overflow-x:hidden;background:var(--calendar-surface);border:1px solid var(--calendar-border);border-radius:12px;box-shadow:0 4px 12px #0000004d;padding:16px;margin-top:8px;z-index:100}@media (max-width: 768px){.datepicker-panel{border-radius:8px;padding:12px;max-height:calc(100dvh - 200px - env(safe-area-inset-top));overflow-y:auto}}[data-theme=dark] .datepicker-panel{box-shadow:0 4px 12px #00000080}.month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px;position:relative}.month-year-button{flex:1;background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s ease}.month-year-button:hover{background:var(--calendar-hover-bg)}.month-year-button:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.month-year-display{text-align:center;font-size:16px;font-weight:600;color:var(--calendar-text-primary);margin:0}.month-nav-button{min-width:36px;min-height:36px;padding:8px;background:transparent;border:none;border-radius:6px;color:var(--calendar-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.month-nav-button:hover{background:var(--calendar-hover-bg)}.month-nav-button:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.month-nav-button:active{transform:scale(.95)}.month-grid-container{margin-bottom:12px}.day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.day-header{text-align:center;font-size:12px;font-weight:500;color:var(--calendar-text-secondary);text-transform:uppercase;padding:4px}.day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day-cell{position:relative;min-width:44px;min-height:44px;padding:8px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .15s ease;touch-action:manipulation}.day-number{font-size:14px;font-weight:400;color:var(--calendar-text-primary);line-height:1}.day-cell.current-month .day-number{color:var(--calendar-text-primary)}.day-cell.other-month .day-number{color:var(--calendar-text-muted);opacity:.5}.day-cell:hover{background:var(--calendar-hover-bg);border-color:var(--calendar-border)}.day-cell:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px;z-index:1}.day-cell.today{border-color:var(--calendar-accent-blue);border-width:2px}.day-cell.today .day-number{font-weight:600;color:var(--calendar-accent-blue)}.day-cell.selected{background:var(--calendar-primary);border-color:var(--calendar-primary)}.day-cell.selected .day-number{color:#fff;font-weight:600}.day-cell:active{transform:scale(.95)}.entry-dots{display:flex;align-items:center;justify-content:center;gap:2px;min-height:4px}.entry-dots .dot{width:4px;height:4px;border-radius:50%;background:var(--calendar-accent-green)}.day-cell.selected .entry-dots .dot{background:#fff}.day-cell.other-month .entry-dots .dot{opacity:.5}.today-button{width:100%;padding:10px 16px;background:transparent;border:1px solid var(--calendar-border);border-radius:8px;color:var(--calendar-accent-blue);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.today-button:hover:not(:disabled){background:var(--calendar-accent-blue);color:#fff;border-color:var(--calendar-accent-blue)}.today-button:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.today-button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.day-cell{min-width:48px;min-height:48px}.day-number{font-size:15px}}@media (prefers-contrast: high){.datepicker-trigger,.month-nav-button,.day-cell,.today-button{border-width:2px}.day-cell:focus-visible{outline-width:3px;outline-offset:1px}.day-cell.selected{outline:3px solid ButtonText}}@media (prefers-reduced-motion: reduce){.datepicker-trigger,.month-nav-button,.day-cell,.today-button{transition:none}.day-cell:active,.month-nav-button:active{transform:none}}.quick-jump-picker{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--calendar-surface);border:1px solid var(--calendar-border);border-radius:12px;box-shadow:0 8px 24px #0006;padding:16px;min-width:260px;z-index:200}[data-theme=dark] .quick-jump-picker{box-shadow:0 8px 24px #0009}.quick-jump-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quick-jump-header h3{font-size:16px;font-weight:600;color:var(--calendar-text-primary);margin:0}.quick-jump-close{background:transparent;border:none;color:var(--calendar-text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s ease}.quick-jump-close:hover{background:var(--calendar-hover-bg);color:var(--calendar-text-primary)}.quick-jump-close:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.quick-jump-content{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.quick-jump-section{display:flex;flex-direction:column;gap:6px}.quick-jump-label{font-size:13px;font-weight:500;color:var(--calendar-text-secondary)}.quick-jump-select{padding:8px 12px;background:var(--calendar-surface-light);border:1px solid var(--calendar-border);border-radius:6px;color:var(--calendar-text-primary);font-size:14px;cursor:pointer;transition:border-color .2s ease}.quick-jump-select:hover{border-color:var(--calendar-primary)}.quick-jump-select:focus{outline:2px solid var(--calendar-focus-ring);outline-offset:0;border-color:var(--calendar-primary)}[data-theme=dark] .quick-jump-select{background:var(--calendar-surface-lighter)}.quick-jump-actions{display:flex;gap:8px;justify-content:flex-end}.quick-jump-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.quick-jump-button--secondary{background:transparent;border-color:var(--calendar-border);color:var(--calendar-text-primary)}.quick-jump-button--secondary:hover{background:var(--calendar-hover-bg)}.quick-jump-button--primary{background:var(--calendar-primary);color:#fff;border-color:var(--calendar-primary)}.quick-jump-button--primary:hover{opacity:.9}.quick-jump-button:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}[data-theme=dark] .datepicker-trigger.active{background:var(--calendar-primary);color:#fff}[data-theme=dark] .day-cell:hover{background:var(--calendar-hover-bg)}[data-theme=dark] .day-cell.selected{background:var(--calendar-primary);color:#fff}[data-theme=dark] .today-button:hover:not(:disabled){background:var(--calendar-accent-blue);color:#fff}.entries-panel{width:100%;max-width:100%;overflow-x:hidden;background:var(--calendar-surface);border:1px solid var(--calendar-border);border-radius:12px;box-shadow:0 2px 8px #0003;padding:16px;margin-top:8px;position:relative;z-index:101}.entries-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.entries-panel-title{font-size:14px;font-weight:600;color:var(--calendar-text-primary);margin:0}.entries-panel-count{font-size:12px;font-weight:500;color:var(--calendar-text-secondary);background:var(--calendar-surface-light);padding:4px 8px;border-radius:12px}.entries-panel-loading{display:flex;flex-direction:column;gap:8px}.entries-panel-skeleton{height:60px;background:linear-gradient(90deg,var(--calendar-surface-light) 0%,var(--calendar-surface-lighter) 50%,var(--calendar-surface-light) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.entries-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:8px}.entries-panel-empty-icon{color:var(--calendar-text-secondary);opacity:.5;margin-bottom:8px}.entries-panel-empty-text{font-size:14px;font-weight:500;color:var(--calendar-text-primary);margin:0}.entries-panel-empty-subtext{font-size:12px;color:var(--calendar-text-secondary);margin:0}.entries-panel-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.entries-panel-item{background:var(--calendar-surface-light);border:1px solid var(--calendar-border);border-radius:8px;padding:12px;cursor:pointer;transition:all .15s ease}.entries-panel-item:hover{background:var(--calendar-surface-lighter);border-color:var(--calendar-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.entries-panel-item:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.entries-panel-item:active{transform:translateY(0)}.entries-panel-item--selected{background:var(--calendar-surface-lighter);border-color:var(--calendar-primary);box-shadow:0 0 0 2px #ff9d4133}.entries-panel-item--selected:hover{box-shadow:0 0 0 2px #ff9d414d,0 2px 4px #0003}.entries-panel-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;pointer-events:none}.entries-panel-item-name{font-size:14px;font-weight:500;color:var(--calendar-text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.entries-panel-item-time{font-size:12px;pointer-events:none;color:var(--calendar-text-secondary);flex-shrink:0}.entries-panel-item--create{border-style:dashed;border-color:var(--calendar-primary);background:transparent}.entries-panel-item--create:hover{background:var(--calendar-hover-bg);border-style:dashed;border-color:var(--calendar-primary)}.entries-panel-item--create:focus-visible{outline:2px solid var(--calendar-focus-ring);outline-offset:2px}.entries-panel-item-name--create{display:flex;align-items:center;gap:8px;color:var(--calendar-primary);font-weight:600;white-space:normal}.entries-panel-item-notes{font-size:12px;color:var(--calendar-text-secondary);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.entries-panel{border-radius:8px;padding:12px}.entries-panel-list{max-height:250px}}.analytics-card{background:var(--site-surface-color, #ffffff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:1.6rem;display:flex;flex-direction:column;gap:1.2rem}.analytics-card--summary{padding:1.2rem}.analytics-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.analytics-card__header h2{margin:0;font-size:1.6rem;color:var(--site-text-color, #0f172a)}.analytics-card__subtitle{margin:.2rem 0 0;color:var(--color-grey-7, #64748b);font-size:1.3rem}.analytics-legend{display:flex;gap:1.2rem;font-size:1.2rem;color:var(--color-grey-6, #6b7280)}.analytics-legend__item{display:flex;align-items:center;gap:.6rem}.analytics-legend__swatch{width:1.4rem;height:1.4rem;border-radius:50%}.analytics-legend__swatch--primary{background:var(--productive-color, #2563eb)}.analytics-legend__swatch--muted{background:var(--muted-color, #94a3b8)}.analytics-chart{display:flex;flex-direction:column;gap:.6rem}.analytics-chart__svg{width:100%;height:180px}.analytics-chart__labels{display:flex;justify-content:space-between;font-size:1.2rem;color:var(--color-grey-6, #6b7280)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.2rem}.analytics-mini-card{border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:1.2rem;display:flex;flex-direction:column;gap:.6rem;background:var(--site-background-color, #f8fafc)}.analytics-mini-card__header{display:flex;justify-content:space-between;align-items:center}.analytics-mini-card__header h3{margin:0;font-size:1.4rem}.analytics-mini-card__subtitle{margin:0;font-size:1.2rem;color:var(--color-grey-7, #64748b)}.analytics-mini-card__sparkline{width:100%;height:80px}.analytics-chip{background:var(--productive-color, #2563eb);color:#fff;font-size:1.1rem;padding:.2rem .8rem;border-radius:999px}.analytics-empty{color:var(--color-grey-7, #64748b);margin:0}.analytics-card--summary .analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.analytics-summary__label{margin:0;font-size:1.2rem;color:var(--color-grey-6, #6b7280)}.analytics-summary__value{margin:.2rem 0 0;font-weight:600;font-size:1.6rem}.analytics-heatmap{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.4rem}.analytics-heatmap__column{display:grid;gap:.4rem}.analytics-heatmap__cell{width:18px;height:18px;border-radius:4px}.analytics-exportform{display:flex;flex-direction:column;gap:1rem}.analytics-exportform__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.analytics-field{display:flex;flex-direction:column;gap:.4rem;font-size:1.2rem}.analytics-field span{color:var(--color-grey-7, #64748b)}.analytics-field input,.analytics-field select{border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:.6rem .8rem;font-size:1.4rem;background:#fff}.analytics-checkbox{display:inline-flex;align-items:center;gap:.6rem;font-size:1.3rem;color:var(--color-grey-7, #64748b)}.analytics-checkbox input{width:1.6rem;height:1.6rem}.analytics-error{color:var(--error-color, #dc2626);font-size:1.3rem;margin:0}.analytics-exportform__actions{display:flex;justify-content:flex-end}.analytics-export-list{display:flex;flex-direction:column;gap:.8rem}.analytics-export-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.analytics-export-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:.8rem 1rem}.analytics-export-item__title{margin:0;font-weight:600;color:var(--site-text-color, #0f172a)}.analytics-export-item__meta{margin:.3rem 0 0;font-size:1.2rem;color:var(--color-grey-6, #6b7280)}.analytics-export-item__actions{display:flex;align-items:center;gap:.6rem}@media (max-width: 768px){.analytics-card{padding:1.2rem}.analytics-chart__svg{height:150px}}._loading_jcbjw_1,._error_jcbjw_2,._noImpact_jcbjw_3{padding:2rem;text-align:center}._loading_jcbjw_1 p,._error_jcbjw_2 p{font-size:1.6rem;color:var(--site-text-sub-color)}._error_jcbjw_2 p{color:var(--site-warning-color, #f59e0b)}._infoText_jcbjw_18{font-size:1.6rem;color:var(--site-text-color);margin-bottom:1rem}._subText_jcbjw_24{font-size:1.4rem;color:var(--site-text-sub-color)}._impactSummary_jcbjw_29{display:flex;flex-direction:column;gap:2rem;max-height:60vh;overflow-y:auto;padding:.5rem}._warningBox_jcbjw_38{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:.8rem;padding:1.5rem}._warningTitle_jcbjw_45{font-size:1.8rem;font-weight:600;color:var(--site-text-color);margin:0 0 1rem}._warningText_jcbjw_52{font-size:1.6rem;color:var(--site-text-color);margin:0;line-height:1.5}._warningText_jcbjw_52 strong{color:var(--site-warning-color, #f59e0b);font-weight:600}._detailsSection_jcbjw_64{display:flex;flex-direction:column;gap:1rem}._detailsTitle_jcbjw_70{font-size:1.6rem;font-weight:600;color:var(--site-text-color);margin:0}._entriesList_jcbjw_77{display:flex;flex-direction:column;gap:.8rem;max-height:30rem;overflow-y:auto;border:1px solid var(--site-border-color);border-radius:.8rem;padding:1rem;background-color:var(--site-bg-secondary, rgba(0, 0, 0, .05))}._entryItem_jcbjw_89{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;background-color:var(--site-bg-color);border-radius:.6rem;border:1px solid var(--site-border-color);font-size:1.4rem}._entryDate_jcbjw_100{font-weight:500;color:var(--site-text-color);white-space:nowrap;min-width:11rem}._entryName_jcbjw_107{flex:1;color:var(--site-text-sub-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._answerCount_jcbjw_115{font-weight:500;color:var(--site-accent-color, #3b82f6);white-space:nowrap}._moreEntries_jcbjw_121{text-align:center;font-style:italic;color:var(--site-text-sub-color);font-size:1.4rem;padding:.5rem}._migrationNote_jcbjw_129{background-color:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.8rem;padding:1.5rem}._noteText_jcbjw_136{font-size:1.4rem;color:var(--site-text-color);margin:0;line-height:1.6}._noteText_jcbjw_136 strong{font-weight:600}.app-launcher__viewport{min-height:100vh;width:100%;background-color:var(--site-background-color, #0b0b0b);display:flex}.app-launcher{--chip-size: clamp(118px, 18vw, 148px);--launcher-mobile-offset: 0px;min-height:100vh;width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);padding:clamp(3rem,5vw,5.5rem) clamp(1.75rem,5vw,3.5rem) calc(clamp(4rem,7vw,6.5rem) + var(--launcher-mobile-offset));background-color:var(--site-background-color, #0b0b0b);background-image:radial-gradient(120% 120% at 12% 8%,rgba(255,255,255,.08),transparent 60%),radial-gradient(140% 140% at 85% 0%,rgba(255,255,255,.06),transparent 65%);display:flex;flex-direction:column;align-items:center;gap:clamp(2rem,4vw,3rem);color:var(--site-text-color, rgba(255, 255, 255, .92));box-sizing:border-box}.app-launcher__header{width:min(100%,960px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.app-launcher__logo{width:clamp(160px,24vw,220px);height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}.app-launcher__subtitle{font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.app-launcher__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--chip-size),1fr));gap:clamp(1.35rem,3vw,2.25rem);width:100%;max-width:clamp(560px,72vw,980px);justify-items:center;align-items:stretch}.app-launcher__item{position:relative;display:block;width:100%;max-width:var(--chip-size);aspect-ratio:1;padding:1.5px;border-radius:26px;text-decoration:none;color:inherit;background:linear-gradient(140deg,#ffffff47,#ffffff1f 32%,#fff0 70%);box-shadow:0 22px 36px #00000052;transition:transform .25s ease,box-shadow .25s ease;outline:none}.app-launcher__chip{height:100%;width:100%;border-radius:inherit;position:relative;overflow:hidden}.app-launcher__chip-surface{position:relative;z-index:1;height:100%;width:100%;border-radius:inherit;padding:clamp(1.1rem,4vw,1.5rem) clamp(.85rem,3vw,1.3rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.8rem,2.5vw,1.15rem);background:#0c0c0cd1;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,inset 0 0 0 .5px #ffffff0a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.app-launcher__chip-surface:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff47,#fff0 45%);opacity:.38;pointer-events:none}.app-launcher__icon-ring{position:relative;display:grid;place-items:center;z-index:1}.app-launcher__icon-glow{position:absolute;inset:-18px;border-radius:999px;background:conic-gradient(from 180deg at 50% 50%,var(--app-tint),transparent 58%);filter:blur(16px);opacity:.4;transition:opacity .25s ease,filter .25s ease,transform .25s ease}.app-launcher__icon-ring-inner{position:relative;display:grid;place-items:center;width:clamp(46px,6vw,54px);height:clamp(46px,6vw,54px);border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px #ffffff0a}.app-launcher__icon{transition:transform .25s ease}.app-launcher__label{position:relative;z-index:1;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe0;text-align:center}.app-launcher__focus-ring{pointer-events:none;position:absolute;inset:-5px;border-radius:30px;border:3px solid transparent;transition:opacity .2s ease,border-color .2s ease;opacity:0}.app-launcher__item:hover,.app-launcher__item:focus-visible{box-shadow:0 28px 52px #00000061}.app-launcher__item:hover .app-launcher__chip-surface,.app-launcher__item:focus-visible .app-launcher__chip-surface{background:#101010e6;border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 .5px #ffffff0d}.app-launcher__item:hover .app-launcher__icon,.app-launcher__item:focus-visible .app-launcher__icon{transform:scale(1.05)}.app-launcher__item:hover .app-launcher__icon-glow,.app-launcher__item:focus-visible .app-launcher__icon-glow{opacity:.75;filter:blur(18px) saturate(135%);transform:scale(1.05)}.app-launcher__item:focus-visible .app-launcher__focus-ring{border-color:#ffffff52;opacity:1}.app-launcher__item:active{box-shadow:0 16px 28px #00000047}@media (max-width: 1024px){.app-launcher{width:calc(100% - var(--sidebar-width));padding:clamp(2.5rem,6vw,4rem) clamp(1.5rem,6vw,3rem) calc(clamp(3.5rem,7vw,5.5rem) + var(--launcher-mobile-offset))}.app-launcher__grid{max-width:clamp(520px,86vw,820px)}}@media (max-width: 768px){.app-launcher{width:100%;margin-left:0;--launcher-mobile-offset: calc(var(--mobile-nav-height) + 1.5rem);padding:2.25rem 1.25rem calc(3.75rem + var(--launcher-mobile-offset))}.app-launcher__grid{--chip-size: clamp(120px, 45vw, 140px);gap:clamp(1.1rem,5vw,1.8rem)}.app-launcher__subtitle{font-size:.88rem}}@media (max-width: 480px){.app-launcher__grid{grid-template-columns:repeat(2,minmax(0,1fr));--chip-size: clamp(132px, 44vw, 150px);gap:1.1rem}.app-launcher__subtitle{letter-spacing:.06em}}@media (prefers-reduced-motion: reduce){.app-launcher__item,.app-launcher__icon,.app-launcher__icon-glow{transition:none}.app-launcher__item:active{box-shadow:0 22px 36px #00000052}}.clippy-page__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.clippy-page__header-content h1{font-size:clamp(2.4rem,4vw,3.6rem);font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.clippy-page__header-content p{font-size:1.6rem;color:var(--text-secondary);margin:0}.clippy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.clippy-card{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;padding:2rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.clippy-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #ff9d4126;transform:translateY(-2px)}.clippy-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.clippy-card__meta{flex:1}.clippy-card__date{font-size:1.2rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.clippy-card__actions{display:flex;gap:.5rem}.clippy-card__action-btn{background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;border-radius:.4rem;font-size:1.6rem}.clippy-card__action-btn:hover{color:var(--text-primary);background:var(--surface-light)}.clippy-card__action-btn--delete:hover{color:var(--error);background:#eb4d4b1a}.clippy-card__content{display:flex;flex-direction:column;gap:1.2rem}.clippy-card__field{display:flex;flex-direction:column;gap:.5rem}.clippy-card__field-label{font-size:1.2rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.clippy-card__field-value{font-size:1.4rem;color:var(--text-primary);word-break:break-word;line-height:1.6}.clippy-card__field-value--mono{font-family:Monaco,Courier New,monospace;background:var(--surface-light);padding:.8rem;border-radius:.6rem;font-size:1.3rem}.clippy-card__field-value--url{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.clippy-card__field-value--url:hover{text-decoration:underline}.clippy-card__field-value--truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clippy-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem;background:var(--surface);border-radius:1.6rem;border:2px dashed var(--border)}.clippy-empty__icon{font-size:6rem;margin-bottom:2rem;opacity:.5}.clippy-empty h2{margin:1rem 0;color:var(--text-primary);font-size:2rem;font-weight:600}.clippy-empty p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.6rem}.clippy-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.clippy-detail__header-left{display:flex;align-items:flex-start;gap:2rem}.clippy-detail__header-content h1{font-size:clamp(2rem,3vw,2.8rem);font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.clippy-detail__header-content p{font-size:1.3rem;color:var(--text-secondary);margin:0}.clippy-detail__actions{display:flex;gap:1rem;flex-wrap:wrap}.clippy-editor{display:flex;flex-direction:column;gap:2rem}.clippy-editor__card{background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;padding:2.4rem;transition:all .3s ease}.clippy-editor__card:focus-within{border-color:var(--primary);box-shadow:0 4px 12px #ff9d411a}.clippy-editor__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--divider)}.clippy-editor__card-title{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:1rem}.clippy-editor__card-icon{font-size:2rem}.clippy-editor__card-actions{display:flex;gap:.8rem}.clippy-editor__card-body{display:flex;flex-direction:column;gap:1.5rem}.clippy-editor .form__input,.clippy-editor .form__textarea{background-color:var(--surface-light);border:1px solid var(--border);border-radius:.8rem;padding:1.2rem 1.6rem;font-size:1.5rem;color:var(--text-primary);transition:all .2s ease;width:100%}.clippy-editor .form__input:focus,.clippy-editor .form__textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff9d411a;background-color:var(--surface)}.clippy-editor .form__textarea{resize:vertical;min-height:120px;font-family:Monaco,Courier New,monospace;line-height:1.6}.clippy-editor .form__label{display:block;font-size:1.3rem;font-weight:600;color:var(--text-secondary);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}.clippy-save-bar{position:sticky;bottom:2rem;background:var(--surface);border:1px solid var(--border);border-radius:1.2rem;padding:1.5rem 2.4rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 20px #0003;z-index:10}.clippy-save-bar__info{font-size:1.4rem;color:var(--text-secondary)}.clippy-save-bar__info--unsaved{color:var(--warning);font-weight:600}.clippy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.clippy-loading__spinner{width:48px;height:48px;border:4px solid var(--surface-light);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}@keyframes spin{to{transform:rotate(360deg)}}.clippy-loading__text{font-size:1.6rem;color:var(--text-secondary)}@media (max-width: 768px){.clippy-grid{grid-template-columns:1fr}.clippy-page__header,.clippy-detail__header{flex-direction:column}.clippy-detail__header-left{flex-direction:column;gap:1rem}.clippy-editor__card{padding:1.6rem}.clippy-save-bar{flex-direction:column;gap:1rem;padding:1.2rem 1.6rem}}.clippy-share-dialog{display:flex;flex-direction:column}.clippy-share-dialog__content{display:flex;flex-direction:column;gap:1.5rem}.clippy-share-dialog__description{font-size:1.4rem;color:var(--text-secondary);margin:0;line-height:1.5}.clippy-share-dialog__url-container{display:flex;gap:.8rem;align-items:stretch}.clippy-share-dialog__url-input{flex:1;font-family:Monaco,Courier New,monospace;font-size:1.3rem}.clippy-share-dialog__revoke-section{padding-top:1rem;border-top:1px solid var(--site-text-sub-color)}.clippy-share-dialog__loading{display:flex;align-items:center;justify-content:center;padding:2rem 0}@font-face{font-family:Conigen;src:url(/assets/Conigen-Black-DZer9sPb.woff2) format("woff2"),url(/assets/Conigen-Black-4dIyrWq6.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-BlackItalic-B0zfDDAg.woff2) format("woff2"),url(/assets/Conigen-BlackItalic-C7mUumFI.woff) format("woff");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-Bold-rNxr45Lx.woff2) format("woff2"),url(/assets/Conigen-Bold-CdLuw19P.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-BoldItalic-DYmgutoP.woff2) format("woff2"),url(/assets/Conigen-BoldItalic-Czfq--iy.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-SemiBold-CMBnWa4u.woff2) format("woff2"),url(/assets/Conigen-SemiBold-Eu2DDdaP.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-SemiBoldItalic-BL_kuAQE.woff2) format("woff2"),url(/assets/Conigen-SemiBoldItalic-BqkmXX5O.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-ExtraBoldItalic-4TrRLeIp.woff2) format("woff2"),url(/assets/Conigen-ExtraBoldItalic-L13a_WZJ.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-ExtraBold-DwP4CzfE.woff2) format("woff2"),url(/assets/Conigen-ExtraBold-LOt1vIYq.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-Medium-zALYSgj0.woff2) format("woff2"),url(/assets/Conigen-Medium-BRo-8G62.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-RegularItalic-DCJXMyG2.woff2) format("woff2"),url(/assets/Conigen-RegularItalic-CverkrSX.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-Regular-BTMiD3qT.woff2) format("woff2"),url(/assets/Conigen-Regular-CxPzKtPh.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Conigen;src:url(/assets/Conigen-MediumItalic-BkHSXI_4.woff2) format("woff2"),url(/assets/Conigen-MediumItalic-yV--3-Fn.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}:root{--sidebar-width: 260px;--thin-border-full: 1px solid var(--site-text-sub-color);--thing-border-transparent: 1px solid transparent;--thick-border-full: 3px solid var(--site-text-sub-color);--thick-border-transparent: 3px solid transparent;--productive-color: #ff9d41;--productive-under-color: rgba(255, 123, 0, .491);--productive-over-color: #ff7b00;--break-color: #41a3ff;--break-over-color: #0084ff;--error-color: #eb4d4b;--error-under-color: rgba(235, 77, 75, .491);--success-color: #1d8e25;--site-background-color: #1e1e1e;--site-sub-background-color: #252526;--side-hover-color: rgba(55, 55, 61, .5);--site-text-color: #f2f2f2;--site-text-sub-color: #f7f7f777;--question-card-bg: #252526;--transition-fade: all .3s cubic-bezier(.37, -.05, .71, 1)}.form__input-group{position:relative;display:flex;align-items:center;width:100%}.form__input-group .form__input{padding-right:4.5rem;width:100%}.form__input-toggle{position:absolute;right:1rem;background:none;border:none;padding:.5rem;cursor:pointer;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;z-index:1}.form__input-toggle:hover{opacity:.7}.form__input-toggle:focus{outline:2px solid var(--site-primary-color);outline-offset:2px;border-radius:.4rem}@media (prefers-color-scheme: dark){.form__input-toggle{filter:grayscale(.2)}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=time],input[type=search],input[type=url],input[type=tel],textarea,select,.form__input{font-size:16px}.form__label-hint{display:inline-block;margin-left:.25rem;font-weight:400;font-size:.85rem;color:var(--site-text-sub-color)}.form__help{display:block;margin-top:.25rem;font-size:.8rem;color:var(--site-text-sub-color);line-height:1.4}@media (max-width: 768px){.form__input-group .form__input{padding-right:4rem}.form__input-toggle{font-size:1.8rem;right:.8rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=time],input[type=search],input[type=url],input[type=tel],input[type=checkbox],input[type=radio],textarea,select,.form__input{font-size:16px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--breakpoint-xs: 375px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}html{font-size:clamp(55%,2vw + 1rem,62.5%)}.container{width:100%;padding:0 1.5rem;margin:0 auto}.safe-area-padding{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.touch-target{min-height:44px;min-width:44px}.responsive-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mobile-only{display:block}.tablet-up,.desktop-only{display:none}.text-responsive{font-size:clamp(1.4rem,2vw,1.6rem);line-height:1.6}.heading-responsive{font-size:clamp(2.4rem,5vw,3.6rem)}.padding-responsive{padding:clamp(1rem,3vw,3rem)}.margin-responsive{margin:clamp(1rem,3vw,3rem)}@media screen and (max-width: 768px){.main{margin-left:0;padding-bottom:7rem;min-height:calc(100vh - 7rem)}.main--login{display:flex;justify-content:center;align-items:center;padding:2rem 1.5rem;min-height:100vh}.mobile-nav{display:block}.form-container{width:100%;max-width:100%;padding:2rem;margin:0;border-radius:0}.authentication-form{width:100%;max-width:100%;margin-top:2rem;padding:3rem 2rem;border-radius:1.5rem;box-sizing:border-box}.form--login .form__group{width:100%;display:flex;flex-direction:column;align-items:stretch}.form__group a.forgot-password{float:none;display:block;text-align:center;margin-top:1rem}.form--login .form__group:last-child{text-align:center;gap:.5rem}.form--login .btn{width:100%;margin-bottom:0}.modal__content{width:100%;max-width:100%;margin:0;border-radius:2rem 2rem 0 0;position:fixed;bottom:0;left:0;right:0}.card{border-radius:1.2rem;padding:1.5rem}.projects__list{grid-template-columns:1fr;padding:1.5rem}.heading-primary{font-size:2.8rem}.heading-secondary{font-size:2.2rem}.btn{width:100%;padding:1.4rem;font-size:1.6rem}.desktop-only,.tablet-up{display:none!important}}@media screen and (min-width: 768px) and (max-width: 1024px){.container{max-width:768px;padding:0 2rem}.main{margin-left:var(--sidebar-width)}.tablet-up{display:block}.mobile-only{display:none!important}.projects__list{grid-template-columns:repeat(2,1fr)}.modal__content{max-width:600px}}@media screen and (min-width: 1024px){.container{max-width:1024px;padding:0 3rem}.desktop-only,.tablet-up{display:block}.mobile-only{display:none!important}.projects__list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1280px){.container{max-width:1280px}.projects__list{grid-template-columns:repeat(4,1fr)}}@media screen and (max-height: 500px) and (orientation: landscape){.mobile-nav__items{padding:.5rem 0}.mobile-nav__item{padding:.5rem .3rem;min-height:40px}.mobile-nav__icon{font-size:2rem}.mobile-nav__text{font-size:.9rem}.main{padding-bottom:6rem}.form-container{max-height:90vh;overflow-y:auto}}@media (min-resolution: 192dpi){*{border-width:.5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.sidebar,.mobile-nav,.btn,.modal{display:none!important}.main{margin:0;padding:0}}.btn--sm{font-size:1.3rem;padding:.6rem 1rem}.btn--md{font-size:1.5rem;padding:.9rem 1.4rem}.btn--lg{font-size:1.7rem;padding:1.2rem 1.8rem}.btn--block{width:100%}.btn--outline{background:transparent;border:2px solid var(--site-text-sub-color);color:var(--site-text-color)}.btn--outline:hover:not(:disabled){background:var(--side-hover-color)}.btn--text{background:transparent;color:var(--primary)}.btn--text:hover:not(:disabled){opacity:.9;text-decoration:underline}.btn__icon{display:inline-flex;align-items:center}.btn__icon--left{margin-right:.6rem}.btn__icon--right{margin-left:.6rem}.btn__label>.btn__icon:first-child{margin-right:.6rem}.btn .btn__label>svg:first-child{margin-right:.6rem}.btn--loading{opacity:.7;cursor:progress}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.2rem;color:var(--text-primary)}.card--elevated{box-shadow:0 6px 18px #0000002e}.card--interactive{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;cursor:pointer}.card--interactive:hover{transform:translateY(-1px);box-shadow:0 10px 24px #00000038;border-color:var(--primary)}.badge{display:inline-block;font-size:1.2rem;padding:.2rem .6rem;border-radius:9999px;background:var(--primary);color:#fff}.badge--muted{background:var(--surface-light);color:var(--text-secondary)}:root{--text-primary: #f2f2f2;--text-secondary: #b8b8b8;--surface: #2a2a2b;--surface-light: #3c3c3d;--surface-lighter: #4a4a4b;--background: #323233;--border: #4a4a4b;--success: #22c55e;--success-dark: #16a34a;--warning: #fbbf24;--error: var(--error-color);--error-dark: #dc2626;--primary: var(--productive-color);--primary-light: var(--productive-under-color);--primary-dark: var(--productive-over-color);--mobile-nav-base-height: 70px;--mobile-nav-height: calc(var(--mobile-nav-base-height) + env(safe-area-inset-bottom, 0px));--mobile-nav-pwa-extra: 2rem;--mobile-nav-pwa-height: calc(var(--mobile-nav-height) + var(--mobile-nav-pwa-extra));--fab-gap-from-nav: 1rem;--fab-mobile-bottom: calc(var(--mobile-nav-height) + var(--fab-gap-from-nav));--fab-mobile-pwa-bottom: calc(var(--mobile-nav-pwa-height) + var(--fab-gap-from-nav))}::-moz-selection{background-color:var(--productive-color);color:var(--site-text-color)}::selection{background-color:var(--productive-color);color:var(--site-text-color)}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box}body{font-size:1.6rem;line-height:1.6;font-weight:400;font-family:Conigen,sans-serif;color:#777;min-height:100vh;display:flex;flex-direction:column;background-color:var(--site-background-color)}@media (display-mode: standalone){body{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}}.main{background-color:var(--site-background-color);flex:1;position:relative;margin-left:var(--sidebar-width);padding-top:2rem}.main.main--login{margin-left:0}.heading-primary{font-size:3rem;text-transform:uppercase;font-weight:700;background-color:var(--productive-color);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.1rem;line-height:1.3;display:inline-block}.heading-secondary{font-size:2.25rem;text-transform:uppercase;font-weight:700;background-color:var(--productive-color);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.1rem;line-height:1.3;display:inline-block}.ma-bt-md{margin-bottom:3rem!important}.ma-bt-lg{margin-bottom:3.5rem!important}.btn,.btn:link,.btn:visited{font-size:20px;padding:10px;background-color:var(--site-sub-background-color);border:0;border-radius:5px;text-transform:uppercase;display:inline-block;text-decoration:none;font-weight:400;backface-visibility:hidden;border:none;cursor:pointer;vertical-align:middle}.btn--primary{background-color:var(--productive-color);color:#fff}.btn--primary:hover{background-color:var(--productive-over-color)}.btn--primary:disabled{background-color:var(--productive-under-color);cursor:not-allowed}.btn--secondary{background-color:var(--surface);color:var(--text-primary)}.btn--secondary:hover{background-color:var(--surface-light)}.btn--danger{background-color:var(--error);color:#fff}.btn--danger:hover{background-color:var(--error-dark)}.authentication-form{margin:0 auto;margin-top:5rem;max-width:55rem;background-color:#323233;padding:5rem 7rem;border-radius:5px}.form__input{display:block;font-family:inherit;font-size:1.5rem;color:inherit;padding:.5rem;border:none;width:100%;background-color:#3c3c3c;color:#f2f2f2;border-top:3px solid transparent;border-bottom:3px solid transparent;transition:all .3s;border-radius:4px;box-sizing:border-box}.form__input:focus{outline:none;border-bottom:3px solid var(--productive-color)}.form__input:focus:invalid{border-bottom:3px solid var(--error-color)}.form__input::-webkit-input-placeholder{color:#bbb}.form__group:not(:last-child){margin-bottom:2.5rem}.form__group span{margin-bottom:1rem;font-size:1.5rem;font-weight:500;color:#f2f2f2;margin-right:5px}.form__group a{font-size:1.5rem;font-weight:700;color:#ff9d41;text-decoration:none;transition:all .3s}.form__group a.forgot-password{float:right}.form__label{display:block;color:#f2f2f2;font-size:1.6rem;font-weight:700;margin-bottom:.75rem}
