@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #0a0a0f;--color-bg-elevated: #12121a;--color-surface: #1a1a26;--color-surface-2: #242436;--color-surface-3: #2e2e44;--color-border: #2a2a3e;--color-border-subtle: #1e1e30;--color-text: #e8e8f0;--color-text-secondary: #8888a8;--color-text-muted: #5c5c78;--color-accent: #6c5ce7;--color-accent-glow: rgba(108, 92, 231, .15);--color-accent-hover: #7d6ef0;--color-success: #00d2a0;--color-success-glow: rgba(0, 210, 160, .12);--color-warning: #ffa726;--color-warning-glow: rgba(255, 167, 38, .12);--color-danger: #ff5252;--color-danger-glow: rgba(255, 82, 82, .12);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(108, 92, 231, .08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.app-layout{min-height:100vh;display:flex;flex-direction:column}.nav-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:#0a0a0fd9;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border-bottom:1px solid var(--color-border-subtle)}.nav-bar__left{display:flex;gap:var(--space-xs)}.nav-bar__center{flex:1;display:flex;justify-content:center;padding:0 var(--space-md)}.nav-bar__right{display:flex;align-items:center}.nav-link{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;background:none;color:var(--color-text-secondary);font-family:var(--font);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.nav-link:hover{color:var(--color-text);background:var(--color-surface)}.nav-link--active{color:var(--color-accent);background:var(--color-accent-glow)}.nav-link__icon{font-size:1rem}.nav-score{display:flex;align-items:center;gap:.5rem}.nav-score__value{font-size:.8rem;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.nav-score__bar{width:60px;height:4px;background:var(--color-surface-2);border-radius:99px;overflow:hidden}.nav-score__fill{height:100%;background:var(--color-accent);border-radius:99px;transition:width .6s cubic-bezier(.22,1,.36,1)}.main-content{flex:1;width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg)}.page{display:flex;flex-direction:column;gap:var(--space-md)}.hero-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-glow)}.hero-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-lg)}.hero-card__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.hero-card__desc{color:var(--color-text-secondary);font-size:.875rem;margin-top:.25rem}.hero-card__score{display:flex;align-items:baseline;gap:2px}.hero-card__score-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-accent),var(--color-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.hero-card__score-unit{font-size:1.2rem;font-weight:600;color:var(--color-text-secondary)}.alert-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.alert-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.alert-card--focus{background:var(--color-accent-glow);border-color:#6c5ce740}.alert-card--warning{background:var(--color-warning-glow);border-color:#ffa72640}.alert-card--danger{background:var(--color-danger-glow);border-color:#ff525240}.alert-card__icon{font-size:1.25rem;flex-shrink:0}.alert-card div{flex:1}.alert-card strong{font-size:.875rem;font-weight:600;display:block}.alert-card p{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.alert-card__arrow{color:var(--color-text-muted);font-size:1.1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-md)}.section-header h2{font-size:1rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.badge{font-size:.7rem;font-weight:700;background:var(--color-surface-2);color:var(--color-text-secondary);padding:2px 8px;border-radius:99px;font-variant-numeric:tabular-nums}.dim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.dim-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:var(--space-sm)}.dim-card:hover{border-color:var(--color-accent);background:var(--color-bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.dim-card--compact{padding:var(--space-md)}.dim-card__header{display:flex;align-items:center;justify-content:space-between}.dim-card__name{font-size:.95rem;font-weight:600}.dim-card__weight{font-size:.7rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-glow);padding:2px 6px;border-radius:var(--radius-sm)}.dim-card__meta{font-size:.75rem;color:var(--color-text-muted)}.items-list{display:flex;flex-direction:column;gap:var(--space-sm)}.item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.item-card--risky{border-color:#ff525266}.item-card__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:background .15s ease}.item-card__header:hover{background:var(--color-bg-elevated)}.item-check{width:22px;height:22px;flex-shrink:0;border:2px solid var(--color-surface-3);border-radius:6px;background:none;color:transparent;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.item-check:hover{border-color:var(--color-accent)}.item-check--done{background:var(--color-success);border-color:var(--color-success);color:#fff}.item-card__info{flex:1;min-width:0}.item-card__title{display:block;font-size:.9rem;font-weight:500}.item-card__title--done{text-decoration:line-through;opacity:.5}.item-card__meta{font-size:.75rem;color:var(--color-text-muted)}.item-card__chevron{color:var(--color-text-muted);font-size:.8rem;transition:transform .2s ease}.item-card__chevron--open{transform:rotate(180deg)}.item-card__body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}.task-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);transition:background .15s ease}.task-row:hover{background:var(--color-surface-2)}.task-row--standalone{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md)}.task-row--overdue{background:var(--color-danger-glow)}.task-status{width:20px;height:20px;flex-shrink:0;border:none;background:none;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;padding:0}.task-status:hover{transform:scale(1.2)}.task-status--todo{color:var(--color-text-muted)}.task-status--doing{color:var(--color-accent)}.task-status--done{color:var(--color-success)}.task-row__title{flex:1;font-size:.85rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row__title--done{text-decoration:line-through;opacity:.4}.task-row__due{font-size:.7rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.task-row__due--overdue{color:var(--color-danger);font-weight:600}.task-row__estimate{font-size:.7rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.input{width:100%;padding:.6rem .875rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font);font-size:.875rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.input--sm{padding:.4rem .65rem;font-size:.8rem}.input-label{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.range-input{flex:1;accent-color:var(--color-accent);cursor:pointer}.inline-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.inline-form--compact{padding:var(--space-sm);flex-direction:row;align-items:center}.inline-form__row{display:flex;align-items:center;gap:var(--space-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);box-shadow:0 4px 15px #6c5ce74d}.btn--ghost{background:none;color:var(--color-text-secondary)}.btn--ghost:hover{color:var(--color-text);background:var(--color-surface)}.btn--sm{padding:.35rem .7rem;font-size:.78rem}.btn--icon{background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:.2rem;transition:color .15s ease;font-family:var(--font);line-height:1}.btn--icon:hover{color:var(--color-danger)}.btn--danger{color:var(--color-danger)!important}.btn--danger:hover{background:var(--color-danger-glow)!important}.breadcrumb{align-self:flex-start;margin-bottom:var(--space-xs)}.empty-hint{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:var(--space-xl) 0}.daily-greeting{margin-bottom:var(--space-sm)}.daily-greeting h1{font-size:1.5rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastTimer{0%{width:100%}to{width:0%}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .35s ease}.reorder-btns{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.reorder-btn{width:22px;height:16px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-surface-2);color:var(--color-text-muted);font-size:.6rem;font-family:var(--font);cursor:pointer;border-radius:3px;transition:all .15s ease;padding:0;line-height:1}.reorder-btn:hover:not(:disabled){background:var(--color-accent);color:#fff}.reorder-btn:disabled{opacity:.2;cursor:default}.reorder-btns--sm{flex-direction:row;gap:2px}.reorder-btn--sm{width:18px;height:14px;font-size:.55rem}.item-order{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--color-text-muted);background:var(--color-surface-2);border-radius:6px;font-variant-numeric:tabular-nums}.item-card--blocked{opacity:.55;border-style:dashed}.item-card--blocked .item-card__header:hover{background:transparent}.badge--blocked{background:var(--color-warning-glow);color:var(--color-warning);padding:1px 6px;border-radius:99px;font-size:.65rem;font-weight:600;margin-right:.4rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s ease}.project-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.project-card__name{font-size:1.05rem;font-weight:700}.project-card__desc{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.project-card__score{display:flex;align-items:baseline;gap:1px;flex-shrink:0}.project-card__score-value{font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-card__score-unit{font-size:.8rem;font-weight:700;color:var(--color-text-muted)}.project-card__meta{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);font-size:.75rem;color:var(--color-text-muted)}.project-card__active{color:var(--color-accent);font-weight:600}.nav-bar__project-name{font-size:.75rem;color:var(--color-text-muted);margin-right:var(--space-sm);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row__project{font-size:.65rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-glow);padding:1px 6px;border-radius:99px;flex-shrink:0}.dragging{opacity:.4}.drag-over{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px var(--color-accent-glow)}.toast-container{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:300;display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none}.toast{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-xl);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-lg);animation:slideUp .3s ease;pointer-events:all;min-width:280px}.toast__message{flex:1;font-size:.85rem}.toast__undo{background:none;border:none;color:var(--color-accent);font-weight:700;font-size:.85rem;cursor:pointer;font-family:var(--font);padding:2px 8px;border-radius:var(--radius-sm);transition:background .15s}.toast__undo:hover{background:var(--color-accent-glow)}.toast__timer{width:100%;height:2px;background:var(--color-surface-2);border-radius:99px;overflow:hidden;position:absolute;bottom:0;left:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.toast__timer-fill{height:100%;background:var(--color-accent);transition:width linear}.search-wrapper{position:relative}.search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 12px 6px 28px;font-size:.8rem;color:var(--color-text-primary);font-family:var(--font);width:180px;transition:all .2s ease}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;border-color:var(--color-accent);width:260px}.search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--color-text-muted);pointer-events:none}.search-shortcut{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.6rem;color:var(--color-text-muted);background:var(--color-surface-2);padding:1px 5px;border-radius:3px;pointer-events:none}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;z-index:100}.search-result{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background .1s;border-bottom:1px solid var(--color-border)}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--color-surface)}.search-result__icon{font-size:.75rem;flex-shrink:0}.search-result__info{flex:1;min-width:0}.search-result__title{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result__context{font-size:.7rem;color:var(--color-text-muted)}.search-no-results{padding:var(--space-md);text-align:center;font-size:.8rem;color:var(--color-text-muted)}.sparkline-container{margin-top:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.sparkline-label{font-size:.7rem;color:var(--color-text-muted);flex-shrink:0}.inline-edit{cursor:text;border-bottom:1px dashed transparent;transition:border-color .2s ease;padding:1px 2px;border-radius:2px}.inline-edit:hover{border-bottom-color:var(--color-text-muted)}.inline-edit-input{background:var(--color-surface-2);border:1px solid var(--color-accent);color:var(--color-text);font-family:var(--font);font-size:inherit;padding:2px 6px;border-radius:var(--radius-sm);outline:none;width:100%;box-shadow:0 0 0 2px var(--color-accent-glow)}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.confirm-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:420px;width:100%;box-shadow:var(--shadow-lg)}.confirm-modal__title{font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm)}.confirm-modal__message{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.confirm-modal__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.daily-filters{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.daily-filters__group{display:flex;align-items:center;gap:var(--space-xs)}.daily-filters__label{font-size:.8rem;color:var(--color-text-muted);font-weight:500;white-space:nowrap}.daily-filters__select{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font);font-size:.85rem;padding:.35rem .6rem;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:border-color .2s ease}.daily-filters__select:focus{border-color:var(--color-accent)}.daily-filters__toggle{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;margin-left:auto}.daily-filters__toggle input[type=checkbox]{accent-color:var(--color-accent)}.task-row__date-input{background:transparent;border:1px solid transparent;color:var(--color-text-secondary);font-family:var(--font);font-size:.75rem;padding:2px 4px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s ease,background .2s ease;flex-shrink:0}.task-row__date-input:hover,.task-row__date-input:focus{border-color:var(--color-border);background:var(--color-surface-2);outline:none}.task-row__date-input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.input--date{max-width:140px}.ring-progress{flex-shrink:0}.ring-progress__text{font-size:12px;font-weight:700;fill:var(--color-text);font-family:var(--font)}.status-badge{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:transform .15s ease,background .15s ease}.status-badge:hover{background:var(--color-surface-2)}.status-badge:active,.status-badge--animated:active{transform:scale(1.3)}.status-badge svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.status-badge:active svg{transform:scale(1.2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-text-muted);gap:var(--space-md)}.empty-state--sm{padding:var(--space-lg) var(--space-md)}.empty-state__icon{color:var(--color-text-muted);opacity:.5}.empty-state p{font-size:.9rem;line-height:1.5;max-width:280px}.daily-section{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.daily-section:last-child{border-bottom:none;margin-bottom:0}.project-layout{display:grid;grid-template-columns:360px 1fr;gap:var(--space-lg);margin-top:var(--space-lg);min-height:400px}.dim-sidebar{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-md);position:sticky;top:var(--space-md);align-self:flex-start;max-height:calc(100vh - 2rem);overflow-y:auto}.dim-sidebar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.dim-sidebar__header h3{font-size:.95rem;font-weight:600;color:var(--color-text)}.dim-sidebar__form{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle)}.dim-sidebar__list{display:flex;flex-direction:column;gap:2px}.dim-sidebar__item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;font-family:var(--font);color:var(--color-text);width:100%;transition:background .15s ease,border-color .15s ease}.dim-sidebar__item:hover{background:var(--color-surface-2)}.dim-sidebar__item--active{background:var(--color-surface-2);border-color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent)}.dim-sidebar__item-info{display:flex;flex-direction:column;gap:1px;overflow:hidden;min-width:0}.dim-sidebar__item-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dim-sidebar__item-meta{font-size:.7rem;color:var(--color-text-muted)}.dim-content{min-width:0}.dim-panel{animation:fadeIn .2s ease}.dim-panel__header{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.dim-panel__title-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dim-panel__title{font-size:1.15rem;font-weight:700;color:var(--color-text)}.dim-panel__score{margin-left:auto;font-size:.85rem;font-weight:600;color:var(--color-accent)}.dim-panel__actions{display:flex;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap}.dim-panel__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);margin-top:var(--space-md)}.dim-panel__section-header h3{font-size:.95rem;font-weight:600;color:var(--color-text)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--card{height:120px;border-radius:var(--radius-lg)}.skeleton--line{height:14px;margin-bottom:var(--space-xs)}.skeleton--line-short{height:14px;width:60%;margin-bottom:var(--space-xs)}.skeleton--circle{width:48px;height:48px;border-radius:50%}@media(max-width:600px){.main-content{padding:var(--space-md)}.hero-card{padding:var(--space-lg)}.hero-card__score-value{font-size:2rem}.dim-grid{grid-template-columns:1fr}.nav-link__text{display:none}.nav-bar{padding:var(--space-sm) var(--space-md)}.project-layout{grid-template-columns:1fr}.dim-sidebar{position:static;max-height:none}}.progress-bar{display:flex;align-items:center;gap:.75rem;width:100%}.progress-bar__track{flex:1;height:8px;background:var(--color-surface-2);border-radius:99px;overflow:hidden}.progress-bar--sm .progress-bar__track{height:4px}.progress-bar--lg .progress-bar__track{height:14px}.progress-bar__fill{height:100%;border-radius:99px;min-width:0}.progress-bar__fill--animated{transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-bar__label{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);min-width:3ch;text-align:right}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .2s ease}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border)}.modal__header h2{font-size:1.1rem;font-weight:700}.modal__body{padding:var(--space-lg) var(--space-xl);overflow-y:auto;flex:1}.modal__section-title{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.template-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.template-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}.template-card:hover,.template-card--expanded{border-color:var(--color-accent)}.template-card__header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer}.template-card__icon{font-size:1.25rem;flex-shrink:0}.template-card__info{flex:1;display:flex;flex-direction:column}.template-card__info strong{font-size:.9rem}.template-card__meta{font-size:.75rem;color:var(--color-text-muted)}.template-card__weight{font-size:.7rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-glow);padding:2px 6px;border-radius:var(--radius-sm)}.template-card__body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.template-item{display:flex;flex-direction:column;gap:2px}.template-item__title{font-size:.82rem;font-weight:500;margin-bottom:2px}.template-task{font-size:.75rem;color:var(--color-text-secondary);padding-left:1.25rem;display:flex;align-items:center;gap:var(--space-sm)}.template-task__est{font-size:.65rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.template-card__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}