.domain-circle{cursor:pointer;outline:none}.domain-circle:focus-visible .domain-circle__main{stroke-width:4}.domain-circle__hitarea{cursor:pointer}.domain-circle__glow{opacity:0;filter:blur(20px);transition:opacity var(--duration-normal) var(--ease-out)}.domain-circle:hover .domain-circle__glow,.domain-circle:focus-visible .domain-circle__glow{opacity:.3}.domain-circle__ring-bg{opacity:.3}.domain-circle__ring{transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.domain-circle__main{transition:stroke-width var(--duration-fast) var(--ease-out),filter var(--duration-normal) var(--ease-out)}.domain-circle:hover .domain-circle__main{stroke-width:4;filter:brightness(1.05)}.domain-circle__icon{pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform var(--duration-normal) var(--ease-out)}.domain-circle__title{font-family:var(--font-display);font-size:15px;font-weight:600;pointer-events:none;-webkit-user-select:none;user-select:none}.domain-circle__count{font-family:var(--font-body);font-size:12px;font-weight:500;pointer-events:none;-webkit-user-select:none;user-select:none}.node{cursor:pointer}.node:focus-visible{outline:none}.node:focus-visible .node__circle{stroke-width:3}.node__hitarea{cursor:pointer}.node__glow{opacity:0;filter:blur(16px);pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.node:hover .node__glow,.node:focus-visible .node__glow{opacity:.4}.node__circle{transition:stroke-width var(--duration-fast) var(--ease-out),fill var(--duration-normal) var(--ease-out),filter var(--duration-normal) var(--ease-out)}.node:hover .node__circle,.node:focus-visible .node__circle{stroke-width:3;filter:brightness(1.08)}.node__status{pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);animation:fadeIn var(--duration-normal) var(--ease-out)}.node__icon{pointer-events:none;-webkit-user-select:none;user-select:none}.node__title{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.01em;pointer-events:none;opacity:.8;transition:opacity var(--duration-normal) var(--ease-out)}.node:hover .node__title{opacity:1}.node--aware .node__circle{opacity:.9}.node--in-progress .node__circle{animation:pulse 3s infinite var(--ease-in-out)}.node--sorted .node__circle{opacity:.7}.node--not-relevant .node__circle{opacity:.4}.node--not-relevant .node__title{opacity:.5}.node--less-relevant{opacity:.4}.node--less-relevant:hover{opacity:.7}.node--essential .node__essential-ring{animation:essentialPulse 2s ease-in-out infinite}@keyframes essentialPulse{0%,to{opacity:.5;stroke-width:2}50%{opacity:.9;stroke-width:3}}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.7}}.domain-detail{position:fixed;top:0;right:0;bottom:0;left:0;padding-top:70px;background:var(--color-bg);display:flex;flex-direction:column;overflow-y:auto;animation:fadeIn var(--duration-normal) var(--ease-out)}.domain-detail__header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.domain-detail__back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.domain-detail__back:hover{background:var(--color-bg-subtle);border-color:var(--color-line);color:var(--color-text-primary)}.domain-detail__back svg{flex-shrink:0}.domain-detail__title-area{display:flex;align-items:center;gap:var(--space-4);flex:1}.domain-detail__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:var(--radius-xl);flex-shrink:0}.domain-detail__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;margin:0;line-height:1.2}.domain-detail__progress{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:var(--space-1) 0 0 0}.domain-detail__description{text-align:center;max-width:600px;margin:var(--space-4) auto var(--space-2);padding:0 var(--space-6);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.domain-detail__filter-info{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--color-bg-warm);border-bottom:1px solid var(--color-border-subtle);flex-wrap:wrap}.domain-detail__filter-text{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.domain-detail__filter-icon{font-size:var(--text-base)}.domain-detail__filter-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.domain-detail__filter-toggle:hover{background:var(--color-bg-subtle);border-color:var(--color-line)}.domain-detail__filter-toggle svg{transition:transform var(--duration-fast) var(--ease-out)}.domain-detail__canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4);min-height:400px}.domain-detail__svg{width:100%;height:100%;max-width:800px;max-height:500px}.domain-detail__hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.domain-detail__hidden-section{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle);padding:var(--space-6);animation:slideDown var(--duration-normal) var(--ease-out)}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.domain-detail__hidden-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-1)}.domain-detail__hidden-subtitle{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--color-text-tertiary)}.domain-detail__hidden-list{display:flex;flex-direction:column;gap:var(--space-2);max-width:600px;margin:0 auto}.domain-detail__hidden-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease-out)}.domain-detail__hidden-item:hover{border-color:var(--color-line)}.domain-detail__hidden-item-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.domain-detail__hidden-item-icon{font-size:var(--text-xl);flex-shrink:0}.domain-detail__hidden-item-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.domain-detail__hidden-item-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.domain-detail__hidden-item-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.domain-detail__hidden-item-add{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--domain-health-soft);border:1px solid var(--domain-health);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--domain-health-text);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.domain-detail__hidden-item-add:hover{background:var(--domain-health);color:#fff;transform:scale(1.02)}.domain-detail__hidden-item-add svg{flex-shrink:0}.domain-detail__legend{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle);flex-shrink:0}.domain-detail__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary)}.domain-detail__legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-border)}.domain-detail__legend-dot--unexplored{background:var(--color-bg);border-color:var(--color-border)}.domain-detail__legend-dot--aware{background:var(--status-aware);border-color:var(--status-aware)}.domain-detail__legend-dot--in-progress{background:var(--status-inprogress);border-color:var(--status-inprogress)}.domain-detail__legend-dot--sorted{background:var(--status-sorted);border-color:var(--status-sorted)}@media (max-width: 768px){.domain-detail{padding-top:60px}.domain-detail__header{flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-4)}.domain-detail__title{font-size:var(--text-xl)}.domain-detail__description{font-size:var(--text-sm);padding:0 var(--space-4)}.domain-detail__filter-info{flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.domain-detail__hidden-section{padding:var(--space-4)}.domain-detail__hidden-item{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.domain-detail__hidden-item-add{width:100%;justify-content:center}.domain-detail__legend{flex-wrap:wrap;gap:var(--space-4)}}.goal-of-day{position:absolute;bottom:var(--space-8);right:var(--space-8);z-index:var(--z-elevated);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);cursor:pointer;text-align:left;max-width:280px;opacity:0;animation:fadeInUp var(--duration-slower) var(--ease-out) forwards;animation-delay:1s;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.goal-of-day:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.goal-of-day--complete{cursor:default;flex-direction:row;align-items:center;gap:var(--space-3)}.goal-of-day--complete:hover{transform:none;box-shadow:var(--shadow-lg)}.goal-of-day__badge{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--domain-finances-text)}.goal-of-day__badge svg{color:var(--domain-finances)}.goal-of-day__main{display:flex;align-items:center;gap:var(--space-3)}.goal-of-day__icon{font-size:var(--text-2xl)}.goal-of-day__node-icon{font-size:var(--text-2xl);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-warm);border-radius:var(--radius-lg);flex-shrink:0}.goal-of-day__content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.goal-of-day__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary)}.goal-of-day__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-of-day__domain{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary)}.goal-of-day__arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.goal-of-day:hover .goal-of-day__arrow{transform:translate(3px)}@media (max-width: 768px){.goal-of-day{bottom:var(--space-20);right:var(--space-4);left:var(--space-4);max-width:none}}@media (max-width: 480px){.goal-of-day{bottom:var(--space-16);padding:var(--space-3)}.goal-of-day__node-icon{width:36px;height:36px;font-size:var(--text-xl)}.goal-of-day__title{font-size:var(--text-sm)}}.map-canvas{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;cursor:grab;background:radial-gradient(ellipse at 30% 20%,rgba(184,201,184,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(191,201,196,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,var(--color-bg-warm) 0%,var(--color-bg) 100%)}.map-canvas:active{cursor:grabbing}.map-canvas__svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;transform-origin:0 0;transition:none}.map-canvas__header{position:absolute;top:80px;left:var(--space-6);z-index:var(--z-elevated);pointer-events:none}.map-canvas__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:300;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-1);opacity:0;animation:fadeInUp var(--duration-slower) var(--ease-out) forwards;animation-delay:.2s}.map-canvas__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-tertiary);font-weight:400;opacity:0;animation:fadeInUp var(--duration-slower) var(--ease-out) forwards;animation-delay:.4s}.map-canvas__controls{position:absolute;bottom:var(--space-8);left:var(--space-8);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-elevated);opacity:0;animation:fadeIn var(--duration-slower) var(--ease-out) forwards;animation-delay:.6s}.map-canvas__control-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-text-secondary);box-shadow:var(--shadow-md);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.map-canvas__control-btn:hover{background:var(--color-bg-subtle);border-color:var(--color-line);color:var(--color-text-primary)}.map-canvas__control-btn:active{transform:scale(.95)}.map-canvas__hint{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:var(--z-elevated);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-elevated);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle);opacity:0;animation:fadeInUp var(--duration-slower) var(--ease-out) forwards;animation-delay:.8s}.map-canvas__hint svg{color:var(--domain-health);flex-shrink:0}.map-canvas__connections path{stroke-dashoffset:0;animation:dashFlow 20s linear infinite}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:40}}@media (max-width: 768px){.map-canvas__header{top:70px;left:var(--space-4)}.map-canvas__title{font-size:var(--text-2xl)}.map-canvas__subtitle{font-size:var(--text-sm)}.map-canvas__controls{bottom:var(--space-6);left:var(--space-4)}.map-canvas__hint{bottom:var(--space-6);font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}}@media (prefers-reduced-motion: reduce){.map-canvas__connections path{animation:none}}.detail-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a3633;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;justify-content:flex-end;animation:fadeIn var(--duration-normal) var(--ease-out)}.detail-panel{width:100%;max-width:480px;height:100%;background:var(--color-bg-elevated);box-shadow:var(--shadow-xl);overflow-y:auto;animation:slideIn var(--duration-slow) var(--ease-out)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.detail-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);position:sticky;top:0;background:var(--color-bg-elevated);z-index:1}.detail-panel__tags{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.detail-panel__domain-tag{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;letter-spacing:.03em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.detail-panel__relevance-tag{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-text-secondary)}.detail-panel__relevance-tag--essential{background:var(--domain-health-soft);color:var(--domain-health-text)}.detail-panel__relevance-tag--important{background:var(--domain-work-soft);color:var(--domain-work-text)}.detail-panel__relevance-tag--good-to-know{background:var(--domain-digital-soft);color:var(--domain-digital-text)}.detail-panel__relevance-tag--not-yet,.detail-panel__relevance-tag--less-relevant{background:var(--color-bg-subtle);color:var(--color-text-muted)}.detail-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.detail-panel__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.detail-panel__content{padding:var(--space-6);padding-top:var(--space-8)}.detail-panel__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:var(--space-3)}.detail-panel__title-icon{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.detail-panel__description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.detail-panel__sections{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10)}.detail-panel__section{padding:var(--space-5);background:var(--color-bg-warm);border-radius:var(--radius-lg)}.detail-panel__section--highlight{background:linear-gradient(135deg,var(--color-bg-warm) 0%,var(--color-bg-subtle) 100%);border:1px solid var(--color-border-subtle)}.detail-panel__section-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.detail-panel__section-icon{font-size:var(--text-sm)}.detail-panel__section-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.detail-panel__status{margin-bottom:var(--space-6)}.detail-panel__status-label{display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.detail-panel__status-selector{position:relative}.detail-panel__status-button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.detail-panel__status-button:hover{border-color:var(--color-line);background:var(--color-bg-subtle)}.detail-panel__status-indicator{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.detail-panel__status-text{flex:1;text-align:left;font-size:var(--text-base);color:var(--color-text-primary)}.detail-panel__status-chevron{color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}.detail-panel__status-button[aria-expanded=true] .detail-panel__status-chevron{transform:rotate(180deg)}.detail-panel__status-menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:fadeInUp var(--duration-normal) var(--ease-out)}.detail-panel__status-option{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.detail-panel__status-option:hover{background:var(--color-bg-subtle)}.detail-panel__status-option--active{background:var(--color-bg-warm)}.detail-panel__status-option-content{display:flex;flex-direction:column;gap:var(--space-1)}.detail-panel__status-option-label{font-size:var(--text-base);color:var(--color-text-primary)}.detail-panel__status-option-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}.detail-panel__status-xp{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--domain-health-text);background:var(--domain-health-soft);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.detail-panel__notes{margin-bottom:var(--space-6)}.detail-panel__notes-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.detail-panel__notes-xp-hint{font-size:var(--text-xs);font-weight:500;color:var(--domain-health-text);text-transform:none;letter-spacing:normal}.detail-panel__relevance{margin-bottom:var(--space-6)}.detail-panel__relevance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)}.detail-panel__relevance-label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary)}.detail-panel__relevance-quick{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.detail-panel__relevance-quick--hide{background:var(--color-bg-warm);border:1px solid var(--color-border);color:var(--color-text-secondary)}.detail-panel__relevance-quick--hide:hover{background:var(--color-bg-subtle);border-color:var(--color-line);transform:scale(1.02)}.detail-panel__relevance-quick--show{background:var(--domain-health-soft);border:1px solid var(--domain-health);color:var(--domain-health-text)}.detail-panel__relevance-quick--show:hover{background:var(--domain-health);color:#fff;transform:scale(1.02)}.detail-panel__relevance-quick svg{flex-shrink:0}.detail-panel__relevance-reset{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-transform:none;letter-spacing:normal;text-decoration:underline;margin-top:var(--space-2);transition:color var(--duration-fast) var(--ease-out)}.detail-panel__relevance-reset:hover{color:var(--color-text-secondary)}.detail-panel__relevance-selector{position:relative}.detail-panel__relevance-button{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.detail-panel__relevance-button:hover{border-color:var(--color-line);background:var(--color-bg-subtle)}.detail-panel__relevance-emoji{font-size:var(--text-lg)}.detail-panel__relevance-text{flex:1;text-align:left;font-size:var(--text-base);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.detail-panel__relevance-custom{font-size:var(--text-xs);color:var(--domain-work-text);background:var(--domain-work-soft);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.detail-panel__relevance-chevron{color:var(--color-text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}.detail-panel__relevance-button[aria-expanded=true] .detail-panel__relevance-chevron{transform:rotate(180deg)}.detail-panel__relevance-menu{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:fadeInUp var(--duration-normal) var(--ease-out)}.detail-panel__relevance-menu-header{padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.detail-panel__relevance-menu-header span:first-child{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.detail-panel__relevance-default{font-size:var(--text-xs);color:var(--color-text-muted)}.detail-panel__relevance-option{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out)}.detail-panel__relevance-option:hover{background:var(--color-bg-subtle)}.detail-panel__relevance-option--active{background:var(--color-bg-warm)}.detail-panel__relevance-option-emoji{font-size:var(--text-lg);width:28px;text-align:center}.detail-panel__relevance-option-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.detail-panel__relevance-option-label{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.detail-panel__relevance-option-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}.detail-panel__notes-input{width:100%;padding:var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary);resize:vertical;min-height:100px;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.detail-panel__notes-input::placeholder{color:var(--color-text-muted)}.detail-panel__notes-input:focus{outline:none;border-color:var(--color-line);box-shadow:0 0 0 3px var(--color-border-subtle)}@media (max-width: 600px){.detail-panel-overlay{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.detail-panel{max-width:100%;height:100%;height:100dvh;display:flex;flex-direction:column}.detail-panel__header{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));flex-shrink:0}.detail-panel__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-4);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,20px))}.detail-panel__title{font-size:var(--text-xl);flex-wrap:wrap}.detail-panel__title-icon{font-size:var(--text-xl);margin-bottom:var(--space-2)}.detail-panel__description{font-size:var(--text-base);margin-bottom:var(--space-6)}.detail-panel__sections{gap:var(--space-4);margin-bottom:var(--space-6)}.detail-panel__section{padding:var(--space-4)}.detail-panel__section-text{font-size:var(--text-sm)}.detail-panel__status-button,.detail-panel__relevance-button{padding:var(--space-3)}.detail-panel__notes-input{min-height:80px;padding:var(--space-3)}.detail-panel__status-menu,.detail-panel__relevance-menu{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:60vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,20px)}.detail-panel__status-option,.detail-panel__relevance-option{padding:var(--space-4) var(--space-5)}.detail-panel__relevance-quick span:not(svg){display:none}.detail-panel__relevance-quick{padding:var(--space-2)}}@media (max-width: 380px){.detail-panel__header{padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px))}.detail-panel__content{padding:var(--space-3)}.detail-panel__title{font-size:var(--text-lg)}.detail-panel__domain-tag,.detail-panel__relevance-tag{font-size:.65rem;padding:var(--space-1) var(--space-2)}.detail-panel__close{width:32px;height:32px}}@media (max-height: 500px) and (orientation: landscape){.detail-panel__content{padding-top:var(--space-2)}.detail-panel__sections{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.detail-panel__section--highlight{grid-column:1 / -1}}.life-stage-selector{width:100%;max-width:500px}.life-stage-selector__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-2)}.life-stage-selector__subtitle{font-size:var(--text-base);color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-6)}.life-stage-selector__options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.life-stage-selector__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.life-stage-selector__option:hover{border-color:var(--color-line);background:var(--color-bg-warm)}.life-stage-selector__option--selected{border-color:var(--domain-health);background:var(--domain-health-soft)}.life-stage-selector__option:active{transform:scale(.98)}.life-stage-selector__emoji{font-size:var(--text-2xl);width:40px;text-align:center}.life-stage-selector__info{display:flex;flex-direction:column;min-width:80px}.life-stage-selector__label{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.life-stage-selector__age{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-tertiary)}.life-stage-selector__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:auto}@media (max-width: 480px){.life-stage-selector__title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.life-stage-selector__subtitle{font-size:var(--text-sm);margin-bottom:var(--space-4)}.life-stage-selector__options{gap:var(--space-2);margin-bottom:var(--space-4)}.life-stage-selector__option{padding:var(--space-3);gap:var(--space-2)}.life-stage-selector__emoji{font-size:var(--text-xl);width:32px}.life-stage-selector__label{font-size:var(--text-sm)}.life-stage-selector__age{font-size:var(--text-xs)}.life-stage-selector__desc{display:none}}@media (max-height: 600px){.life-stage-selector__options{gap:var(--space-1)}.life-stage-selector__option{padding:var(--space-2) var(--space-3)}}.welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;height:100dvh;background:#f7f5f2eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.welcome-overlay--visible{opacity:1}.welcome-content{max-width:420px;width:100%;text-align:center;padding:var(--space-8) var(--space-6);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,20px));margin:auto;transform:translateY(20px);opacity:0;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out);transition-delay:.15s}.welcome-overlay--visible .welcome-content{transform:translateY(0);opacity:1}.welcome-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-6);color:var(--color-text-secondary)}.welcome-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:300;color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.welcome-description{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.welcome-instructions{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8);text-align:left}.welcome-instruction{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.welcome-instruction-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary)}.welcome-instruction-icon--xp{background:linear-gradient(135deg,var(--domain-health-soft) 0%,var(--domain-digital-soft) 100%);color:var(--domain-health-text);font-size:var(--text-lg)}.welcome-instruction-icon--trophy{background:var(--domain-finances-soft);font-size:var(--text-lg)}.welcome-instruction-icon--age{background:var(--domain-work-soft);font-size:var(--text-lg)}.welcome-instruction-text{display:flex;flex-direction:column;gap:var(--space-1)}.welcome-instruction-text strong{font-weight:500;color:var(--color-text-primary)}.welcome-instruction-text span{font-size:var(--text-sm);color:var(--color-text-tertiary)}.welcome-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);background:var(--color-text-primary);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.welcome-button:hover{opacity:.9;transform:scale(1.02)}.welcome-button:active{transform:scale(.98)}.welcome-hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width: 480px){.welcome-content{padding:var(--space-4) var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,24px))}.welcome-icon{width:60px;height:60px;margin-bottom:var(--space-4)}.welcome-icon svg{width:36px;height:36px}.welcome-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.welcome-description{font-size:var(--text-sm);margin-bottom:var(--space-4)}.welcome-instructions{gap:var(--space-2);margin-bottom:var(--space-4)}.welcome-instruction{padding:var(--space-3);gap:var(--space-3)}.welcome-instruction-icon{width:32px;height:32px}.welcome-instruction-text strong{font-size:var(--text-sm)}.welcome-instruction-text span{font-size:var(--text-xs)}.welcome-button{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}}@media (max-height: 600px){.welcome-content{padding-top:var(--space-3)}.welcome-icon{width:48px;height:48px;margin-bottom:var(--space-3)}.welcome-instructions{gap:var(--space-2);margin-bottom:var(--space-3)}.welcome-instruction{padding:var(--space-2)}}.life-stage-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a3680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out)}.life-stage-modal{background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--duration-normal) var(--ease-out)}.life-stage-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.life-stage-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-text-primary);margin:0}.life-stage-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.life-stage-modal__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.life-stage-modal__description{padding:var(--space-4) var(--space-6);margin:0;font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}.life-stage-modal .life-stage-selector{padding:0 var(--space-4) var(--space-4)}.life-stage-modal .life-stage-selector__title{display:none}.life-stage-modal__actions{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-subtle)}.life-stage-modal__cancel{flex:1;padding:var(--space-3) var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.life-stage-modal__cancel:hover{background:var(--color-bg-subtle);border-color:var(--color-line)}.life-stage-modal__confirm{flex:1;padding:var(--space-3) var(--space-4);background:var(--domain-health);border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:#fff;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.life-stage-modal__confirm:hover:not(:disabled){background:var(--domain-health-text);transform:scale(1.02)}.life-stage-modal__confirm:disabled{opacity:.5;cursor:not-allowed}.xp-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);opacity:0;animation:fadeInDown var(--duration-slower) var(--ease-out) forwards;animation-delay:.4s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.xp-bar__life-stage{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-right:var(--space-4);background:var(--color-bg-warm);border:none;border-right:1px solid var(--color-border-subtle);border-radius:var(--radius-md) 0 0 var(--radius-md);margin:calc(var(--space-3) * -1);margin-right:var(--space-3);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.xp-bar__life-stage:hover{background:var(--color-bg-subtle)}.xp-bar__life-stage-emoji{font-size:var(--text-lg)}.xp-bar__life-stage-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.xp-bar__level{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--color-border-subtle)}.xp-bar__level-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--domain-health) 0%,var(--domain-digital) 100%);color:#fff;font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;border-radius:var(--radius-md)}.xp-bar__level-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);max-width:100px;white-space:nowrap}.xp-bar__progress-container{display:flex;flex-direction:column;gap:var(--space-1);min-width:150px}.xp-bar__progress-track{height:8px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden}.xp-bar__progress-fill{height:100%;background:linear-gradient(90deg,var(--domain-health) 0%,var(--domain-digital) 100%);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.xp-bar__xp-text{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-tertiary)}.xp-bar__stats-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.xp-bar__stats-btn:hover{transform:scale(1.05)}.xp-bar__stats-score{position:relative;width:40px;height:40px}.xp-bar__stats-ring{width:100%;height:100%}.xp-bar__stats-ring circle:first-child{opacity:.3}.xp-bar__stats-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.xp-bar__achievements-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-warm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.xp-bar__achievements-btn:hover{background:var(--color-bg-subtle);transform:scale(1.02)}.xp-bar__achievements-icon{font-size:var(--text-lg)}.xp-bar__achievements-count{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.xp-bar__settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-tertiary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.xp-bar__settings-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}@media (max-width: 768px){.xp-bar{justify-content:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.xp-bar__level-title{display:none}.xp-bar__progress-container{flex:1;min-width:80px;max-width:120px}.xp-bar__life-stage-label{display:none}.xp-bar__life-stage{padding:var(--space-2);margin:calc(var(--space-2) * -1);margin-right:var(--space-2)}}@media (max-width: 640px){.xp-bar{gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg)}.xp-bar__progress-container{display:none}.xp-bar__level{border-right:none;padding-right:0}.xp-bar__level-number{width:28px;height:28px;font-size:var(--text-base)}.xp-bar__life-stage{padding:var(--space-2);margin:calc(var(--space-2) * -1);margin-right:var(--space-1)}.xp-bar__life-stage-emoji{font-size:var(--text-base)}.xp-bar__stats-score{width:32px;height:32px}.xp-bar__stats-number{font-size:var(--text-xs)}.xp-bar__achievements-btn{padding:var(--space-2)}.xp-bar__achievements-icon{font-size:var(--text-base)}.xp-bar__achievements-count{display:none}.xp-bar__settings-btn{width:32px;height:32px}.xp-bar__settings-btn svg{width:16px;height:16px}}@media (max-width: 380px){.xp-bar{padding:var(--space-1) var(--space-2);gap:0}.xp-bar__level-number{width:24px;height:24px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.xp-bar__life-stage{padding:var(--space-1);margin:calc(var(--space-1) * -1);margin-right:var(--space-1)}.xp-bar__life-stage-emoji{font-size:var(--text-sm)}.xp-bar__achievements-btn{padding:var(--space-1);border:none;background:transparent}.xp-bar__achievements-icon{font-size:var(--text-sm)}.xp-bar__settings-btn{width:28px;height:28px}}.xp-notification{position:fixed;top:100px;right:var(--space-6);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--domain-health);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 20px #b8c9b84d;z-index:var(--z-tooltip);opacity:0;transform:translate(100%);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);pointer-events:none}.xp-notification--visible{opacity:1;transform:translate(0)}.xp-notification__amount{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--domain-health-text)}.xp-notification__reason{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.achievement-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-warm) 100%);border:2px solid var(--domain-finances);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),0 0 40px #c9c5b866,inset 0 1px #ffffff80;z-index:var(--z-tooltip);opacity:0;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);pointer-events:none}.achievement-notification--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.achievement-notification__icon{font-size:48px;animation:bounce .6s var(--ease-out)}.achievement-notification__content{display:flex;flex-direction:column;gap:var(--space-1)}.achievement-notification__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--domain-finances-text)}.achievement-notification__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--color-text-primary)}.achievement-notification__bonus{font-family:var(--font-body);font-size:var(--text-sm);color:var(--domain-health-text)}.levelup-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);background:linear-gradient(135deg,var(--domain-work-soft) 0%,var(--domain-digital-soft) 100%);border:3px solid var(--domain-work);border-radius:50%;width:240px;height:240px;box-shadow:var(--shadow-xl),0 0 60px #c2b8c980;z-index:var(--z-tooltip);opacity:0;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);pointer-events:none;overflow:hidden}.levelup-notification--visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.levelup-notification__glow{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent,var(--domain-health-soft),transparent,var(--domain-work-soft),transparent,var(--domain-digital-soft),transparent);animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.levelup-notification__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:1;background:var(--color-bg-elevated);padding:var(--space-6);border-radius:50%;width:180px;height:180px;justify-content:center}.levelup-notification__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--domain-work-text)}.levelup-notification__level{font-family:var(--font-display);font-size:48px;font-weight:300;color:var(--color-text-primary);line-height:1}.levelup-notification__title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}@media (max-width: 480px){.xp-notification{right:var(--space-4);left:var(--space-4);justify-content:center}.achievement-notification{width:calc(100% - var(--space-8));max-width:320px}.levelup-notification{width:200px;height:200px}.levelup-notification__content{width:150px;height:150px}.levelup-notification__level{font-size:36px}}.achievements-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a364d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn var(--duration-normal) var(--ease-out)}.achievements-panel{width:100%;max-width:600px;max-height:80vh;background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--duration-normal) var(--ease-out)}.achievements-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.achievements-panel__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--color-text-primary)}.achievements-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.achievements-panel__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.achievements-panel__stats{display:flex;justify-content:center;gap:var(--space-8);padding:var(--space-6);background:linear-gradient(135deg,var(--domain-work-soft) 0%,var(--domain-digital-soft) 100%)}.achievements-panel__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.achievements-panel__stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;color:var(--color-text-primary)}.achievements-panel__stat-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.achievements-panel__progress,.achievements-panel__list{padding:var(--space-5) var(--space-6)}.achievements-panel__section-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.achievements-panel__levels{display:flex;flex-wrap:wrap;gap:var(--space-2)}.achievements-panel__level{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius-md);opacity:.5;transition:opacity var(--duration-fast) var(--ease-out)}.achievements-panel__level--unlocked{opacity:1}.achievements-panel__level--current{background:linear-gradient(135deg,var(--domain-health-soft) 0%,var(--domain-digital-soft) 100%);border:1px solid var(--domain-health)}.achievements-panel__level-num{font-family:var(--font-display);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);width:20px}.achievements-panel__level-title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.achievements-panel__level-xp{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.achievements-panel__list{overflow-y:auto;flex:1}.achievements-panel__grid{display:flex;flex-direction:column;gap:var(--space-2)}.achievements-panel__achievement{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-lg);opacity:.5;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.achievements-panel__achievement--unlocked{opacity:1;background:var(--color-bg-warm)}.achievements-panel__achievement-icon{font-size:var(--text-2xl);width:40px;text-align:center}.achievements-panel__achievement-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.achievements-panel__achievement-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary)}.achievements-panel__achievement-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-tertiary)}.achievements-panel__achievement-xp{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--domain-health-text)}@media (max-width: 600px){.achievements-panel{max-height:90vh}.achievements-panel__stats{gap:var(--space-6)}.achievements-panel__stat-value{font-size:var(--text-2xl)}.achievements-panel__level{flex:1 1 calc(50% - var(--space-2))}.achievements-panel__level-title{display:none}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a364d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn var(--duration-normal) var(--ease-out)}.settings-panel{width:100%;max-width:480px;max-height:85vh;background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--duration-normal) var(--ease-out)}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.settings-panel__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--color-text-primary)}.settings-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.settings-panel__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.settings-panel__content{padding:var(--space-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-section__title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.settings-section__title--danger{color:var(--color-danger-text)}.settings-section__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.settings-section--danger{padding:var(--space-5);background:var(--color-danger-soft);border:1px solid var(--color-danger-border);border-radius:var(--radius-lg);margin-top:var(--space-4)}.settings-progress{display:flex;gap:var(--space-4)}.settings-progress__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-warm);border-radius:var(--radius-lg)}.settings-progress__value{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text-primary)}.settings-progress__label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.settings-button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.settings-button:hover{background:var(--color-bg-subtle);border-color:var(--color-line)}.settings-button__hint{font-size:var(--text-sm);color:var(--color-text-tertiary)}.settings-button--primary{background:var(--color-text-primary);color:var(--color-bg);border-color:var(--color-text-primary);justify-content:center}.settings-button--primary:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}.settings-button--danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger);justify-content:center}.settings-button--danger:hover:not(:disabled){background:var(--color-danger-text);border-color:var(--color-danger-text)}.settings-button--danger:disabled{background:var(--color-text-muted);border-color:var(--color-text-muted);cursor:not-allowed}.settings-button--secondary{background:var(--color-bg-warm);color:var(--color-text-primary);border:1px solid var(--color-border);justify-content:center}.settings-button--secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-line)}.settings-backup-buttons{display:flex;gap:var(--space-3)}.settings-backup-buttons .settings-button{flex:1}.settings-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.settings-import-status{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-align:center}.settings-import-status--success{background:var(--status-sorted);color:var(--domain-health-text)}.settings-import-status--error{background:var(--color-danger-soft);color:var(--color-danger-text)}.settings-reset-confirm{display:flex;flex-direction:column;gap:var(--space-5)}.settings-reset-warning{text-align:center}.settings-reset-warning__icon{font-size:48px;margin-bottom:var(--space-3)}.settings-reset-warning__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--color-danger-text);margin-bottom:var(--space-3)}.settings-reset-warning__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.settings-reset-warning__list{list-style:none;padding:0;margin:0;text-align:left;background:var(--color-bg-elevated);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.settings-reset-warning__list li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle)}.settings-reset-warning__list li:last-child{border-bottom:none}.settings-reset-warning__list strong{color:var(--color-text-primary)}.settings-reset-input{display:flex;flex-direction:column;gap:var(--space-2)}.settings-reset-input__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.settings-reset-input__field{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);text-align:center;transition:border-color var(--duration-fast) var(--ease-out)}.settings-reset-input__field:focus{outline:none;border-color:var(--color-danger)}.settings-reset-input__field::placeholder{color:var(--color-text-muted)}.settings-reset-actions{display:flex;gap:var(--space-3)}.settings-reset-actions .settings-button{flex:1;justify-content:center}.settings-theme-toggle{display:flex;gap:var(--space-2);background:var(--color-bg-subtle);padding:var(--space-1);border-radius:var(--radius-lg)}.settings-theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.settings-theme-option:hover{background:var(--color-bg-warm)}.settings-theme-option--active{background:var(--color-bg-elevated);box-shadow:var(--shadow-sm)}.settings-theme-option__icon{font-size:var(--text-xl)}.settings-theme-option__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary)}.settings-theme-option--active .settings-theme-option__label{color:var(--color-text-primary)}.settings-legal-links{display:flex;flex-direction:column;gap:var(--space-2)}.settings-legal-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.settings-legal-link:hover{background:var(--color-bg-subtle);border-color:var(--color-line);color:var(--color-text-primary)}.settings-legal-link svg{flex-shrink:0;color:var(--color-text-muted)}.settings-legal-link:hover svg{color:var(--color-text-tertiary)}@media (max-width: 480px){.settings-progress,.settings-reset-actions{flex-direction:column}}.search-bar{position:relative}.search-bar__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-tertiary);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.search-bar__trigger:hover{background:var(--color-bg-subtle);border-color:var(--color-line);color:var(--color-text-secondary)}.search-bar__trigger-text{min-width:100px;text-align:left}.search-bar__shortcut{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}.search-bar__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a3666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn var(--duration-fast) var(--ease-out)}.search-bar__modal{width:100%;max-width:520px;background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:slideDown var(--duration-normal) var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-bar__input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.search-bar__input-icon{color:var(--color-text-muted);flex-shrink:0}.search-bar__input{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-primary);outline:none}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__clear,.search-bar__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-tertiary);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.search-bar__clear:hover,.search-bar__close:hover{background:var(--color-bg-warm);color:var(--color-text-secondary)}.search-bar__results{max-height:360px;overflow-y:auto}.search-bar__no-results{padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.search-bar__result{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:none;background:transparent;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.search-bar__result:hover{background:var(--color-bg-subtle)}.search-bar__result:focus{outline:none;background:var(--color-bg-warm)}.search-bar__result-icon{font-size:var(--text-xl);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-warm);border-radius:var(--radius-lg);flex-shrink:0}.search-bar__result-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.search-bar__result-title{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-bar__result-domain{font-size:var(--text-sm);color:var(--color-text-tertiary)}.search-bar__hints{padding:var(--space-6)}.search-bar__hint{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-sm)}.search-bar__hint-icon{font-size:var(--text-base)}.search-bar__footer{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle)}.search-bar__footer--desktop{display:flex}.search-bar__footer--mobile{display:none;justify-content:center}.search-bar__footer-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.search-bar__footer-hint kbd{font-family:var(--font-body);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.search-bar__cancel-btn{width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.search-bar__cancel-btn:hover{color:var(--color-text-primary)}@media (max-width: 768px){.search-bar__shortcut{display:none}.search-bar__trigger-text{min-width:60px}}@media (max-width: 640px){.search-bar__trigger{padding:var(--space-2);border-radius:var(--radius-md)}.search-bar__trigger-text{display:none}.search-bar__modal-overlay{padding-top:var(--space-3);padding-left:var(--space-3);padding-right:var(--space-3);padding-bottom:env(safe-area-inset-bottom,var(--space-3))}.search-bar__modal{max-width:100%;border-radius:var(--radius-lg)}.search-bar__input-wrapper{padding:var(--space-3) var(--space-4)}.search-bar__input{font-size:var(--text-base)}.search-bar__footer--desktop{display:none}.search-bar__footer--mobile{display:flex}.search-bar__close{width:32px;height:32px}}@media (max-width: 380px){.search-bar__trigger{padding:var(--space-1) var(--space-2)}.search-bar__trigger svg{width:16px;height:16px}}.legal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a3680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out)}.legal-page{background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:640px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp var(--duration-normal) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.legal-page__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.legal-page__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;color:var(--color-text-primary);margin:0}.legal-page__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.legal-page__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.legal-page__content{padding:var(--space-6);overflow-y:auto;flex:1}.legal-page__updated{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-6) 0}.legal-page__section{margin-bottom:var(--space-6)}.legal-page__section:last-child{margin-bottom:0}.legal-page__section h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);margin:0 0 var(--space-3) 0}.legal-page__section p{font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.legal-page__section p:last-child{margin-bottom:0}.legal-page__section ul{margin:0 0 var(--space-3) 0;padding-left:var(--space-5)}.legal-page__section li{font-size:var(--text-base);line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.legal-page__section li:last-child{margin-bottom:0}.legal-page__section a{color:var(--domain-digital-text);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-fast) var(--ease-out)}.legal-page__section a:hover{color:var(--domain-digital)}.legal-page__section strong{color:var(--color-text-primary);font-weight:600}@media (max-width: 640px){.legal-page{max-height:95vh;border-radius:var(--radius-xl)}.legal-page__header{padding:var(--space-4)}.legal-page__title{font-size:var(--text-xl)}.legal-page__content{padding:var(--space-4)}.legal-page__section h2{font-size:var(--text-base)}.legal-page__section p,.legal-page__section li{font-size:var(--text-sm)}}.offline-indicator{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-tooltip);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);animation:slideUp var(--duration-normal) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.offline-indicator--offline{background:var(--color-text-primary);color:var(--color-bg)}.offline-indicator--online{background:var(--status-sorted);color:var(--domain-health-text)}.offline-indicator__content{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500}.offline-indicator__dismiss{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:#fff3;border-radius:var(--radius-full);cursor:pointer;color:inherit;transition:background var(--duration-fast) var(--ease-out)}.offline-indicator__dismiss:hover{background:#ffffff4d}@media (max-width: 480px){.offline-indicator{left:var(--space-3);right:var(--space-3);bottom:var(--space-4);transform:none;border-radius:var(--radius-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.offline-indicator__content span{font-size:var(--text-xs)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-tooltip);overflow:hidden}.confetti__particle{position:absolute;top:-20px;width:10px;height:14px;border-radius:2px;animation:confettiFall linear forwards;will-change:transform}.confetti__particle:nth-child(3n){width:8px;height:8px;border-radius:50%}.confetti__particle:nth-child(5n){width:6px;height:16px;border-radius:0}.confetti__particle:nth-child(7n){width:12px;height:6px}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}25%{transform:translateY(25vh) rotate(180deg) translate(20px)}50%{transform:translateY(50vh) rotate(360deg) translate(-20px)}75%{transform:translateY(75vh) rotate(540deg) translate(10px);opacity:1}to{transform:translateY(100vh) rotate(720deg) translate(-10px);opacity:0}}@media (prefers-reduced-motion: reduce){.confetti__particle{animation:none;opacity:0}}.life-score{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.life-score__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.life-score__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--color-text-primary)}.life-score__share{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.life-score__share:hover{background:var(--color-bg-subtle);border-color:var(--color-line);color:var(--color-text-primary)}.life-score__main{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.life-score__ring{position:relative;width:120px;height:120px;flex-shrink:0}.life-score__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.life-score__ring-bg{stroke:var(--color-bg-subtle)}.life-score__ring-progress{stroke:var(--domain-health);transition:stroke-dasharray var(--duration-slow) var(--ease-out)}.life-score__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.life-score__number{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:300;color:var(--color-text-primary);line-height:1}.life-score__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-muted)}.life-score__info{display:flex;flex-direction:column;gap:var(--space-1)}.life-score__level{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text-primary)}.life-score__next{font-size:var(--text-sm);color:var(--color-text-tertiary)}.life-score__breakdown{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-5)}.life-score__breakdown-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.life-score__categories{display:flex;flex-direction:column;gap:var(--space-3)}.life-score__category{display:flex;flex-direction:column;gap:var(--space-1)}.life-score__category-header{display:flex;justify-content:space-between;align-items:center}.life-score__category-name{font-size:var(--text-sm);color:var(--color-text-secondary)}.life-score__category-score{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.life-score__category-bar{height:6px;background:var(--color-bg-subtle);border-radius:var(--radius-full);overflow:hidden}.life-score__category-fill{height:100%;background:linear-gradient(90deg,var(--domain-health) 0%,var(--domain-digital) 100%);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.life-score--compact{background:transparent;padding:0;box-shadow:none}.life-score__ring--compact{width:44px;height:44px}.life-score__number--compact{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}@media (max-width: 480px){.life-score{padding:var(--space-4)}.life-score__main{flex-direction:column;text-align:center;gap:var(--space-4)}.life-score__ring{width:100px;height:100px}.life-score__number{font-size:var(--text-3xl)}}.quick-wins{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}.quick-wins__header{margin-bottom:var(--space-4)}.quick-wins__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--domain-finances-soft) 0%,var(--domain-work-soft) 100%);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--domain-finances-text);margin-bottom:var(--space-2)}.quick-wins__badge svg{color:var(--domain-finances)}.quick-wins__subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary)}.quick-wins__list{display:flex;flex-direction:column;gap:var(--space-2)}.quick-wins__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out)}.quick-wins__item:hover{background:var(--color-bg-subtle);border-color:var(--color-line);transform:translate(4px)}.quick-wins__item-icon{font-size:var(--text-xl);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-md);flex-shrink:0}.quick-wins__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.quick-wins__item-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-wins__item-domain{font-size:var(--text-xs);color:var(--color-text-muted)}.quick-wins__item-arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.quick-wins__item:hover .quick-wins__item-arrow{transform:translate(2px);color:var(--color-text-tertiary)}@media (max-width: 480px){.quick-wins{padding:var(--space-4)}.quick-wins__item{padding:var(--space-3)}.quick-wins__item-icon{width:32px;height:32px;font-size:var(--text-lg)}}.stats-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn var(--duration-normal) var(--ease-out)}.stats-panel{width:100%;max-width:440px;max-height:90vh;background:var(--color-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--duration-normal) var(--ease-out)}.stats-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.stats-panel__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text-primary)}.stats-panel__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.stats-panel__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.stats-panel__content{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width: 480px){.stats-panel-overlay{padding:0;align-items:flex-end}.stats-panel{max-width:100%;max-height:85vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.stats-panel__content{padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}}.share-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-normal) var(--ease-out)}.share-card-modal{width:100%;max-width:500px;background:var(--color-bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:scaleIn var(--duration-normal) var(--ease-out)}.share-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.share-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text-primary)}.share-card__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--ease-out)}.share-card__close:hover{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.share-card__preview{padding:var(--space-6);background:var(--color-bg-subtle)}.share-card__card{position:relative;aspect-ratio:3 / 2;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-warm) 100%);border-radius:var(--radius-xl);padding:var(--space-5);overflow:hidden;box-shadow:var(--shadow-lg)}.share-card__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.share-card__card-circle{position:absolute;border-radius:50%;opacity:.6}.share-card__card-circle--1{width:80px;height:80px;background:var(--domain-health-soft);top:10%;right:5%}.share-card__card-circle--2{width:60px;height:60px;background:var(--domain-family-soft);top:35%;right:15%}.share-card__card-circle--3{width:70px;height:70px;background:var(--domain-legal-soft);bottom:15%;left:5%}.share-card__card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:300;color:var(--color-text-primary);margin-bottom:var(--space-4);position:relative}.share-card__card-main{display:flex;gap:var(--space-5);position:relative}.share-card__card-score{position:relative;width:100px;height:100px;flex-shrink:0}.share-card__card-ring{width:100%;height:100%}.share-card__card-score-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.share-card__card-number{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:300;color:var(--color-text-primary);line-height:1}.share-card__card-label{font-size:var(--text-xs);color:var(--color-text-muted)}.share-card__card-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.share-card__card-level{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--color-text-primary)}.share-card__card-stage{font-size:var(--text-sm);color:var(--color-text-secondary)}.share-card__card-cats{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.share-card__card-cat{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-tertiary)}.share-card__card-url{position:absolute;bottom:var(--space-4);right:var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted)}.share-card__actions{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-subtle)}.share-card__action{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.share-card__action:hover{background:var(--color-bg-subtle);border-color:var(--color-line)}.share-card__action:disabled{opacity:.6;cursor:not-allowed}.share-card__action--primary{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg)}.share-card__action--primary:hover{background:var(--color-text-secondary);border-color:var(--color-text-secondary)}@media (max-width: 480px){.share-card__preview,.share-card__card{padding:var(--space-4)}.share-card__card-main{gap:var(--space-3)}.share-card__card-score{width:80px;height:80px}.share-card__card-number{font-size:var(--text-xl)}.share-card__actions{flex-direction:column;padding:var(--space-4)}}.milestone-celebration{position:fixed;top:0;right:0;bottom:0;left:0;background:#3d3a36cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-tooltip);display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.milestone-celebration--visible{opacity:1}.milestone-celebration__card{position:relative;background:var(--color-bg-elevated);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);text-align:center;max-width:380px;width:100%;box-shadow:var(--shadow-xl);transform:scale(.9) translateY(20px);transition:transform var(--duration-slow) var(--ease-out)}.milestone-celebration--visible .milestone-celebration__card{transform:scale(1) translateY(0)}.milestone-celebration__emoji{font-size:64px;margin-bottom:var(--space-4);animation:bounce 1s var(--ease-out) infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.milestone-celebration__content{margin-bottom:var(--space-6)}.milestone-celebration__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-2)}.milestone-celebration__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.milestone-celebration__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.milestone-celebration__sparkle{position:absolute;font-size:var(--text-xl);color:var(--domain-finances);opacity:0;animation:sparkle 2s var(--ease-out) infinite}.milestone-celebration__sparkle:nth-child(1){top:15%;left:10%;animation-delay:0s}.milestone-celebration__sparkle:nth-child(2){top:20%;right:15%;animation-delay:.5s}.milestone-celebration__sparkle:nth-child(3){bottom:25%;left:20%;animation-delay:1s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.milestone-celebration__dismiss{padding:var(--space-3) var(--space-8);background:var(--color-text-primary);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.milestone-celebration__dismiss:hover{background:var(--color-text-secondary);transform:scale(1.02)}@media (max-width: 480px){.milestone-celebration{padding:var(--space-4)}.milestone-celebration__card{padding:var(--space-8) var(--space-5)}.milestone-celebration__emoji{font-size:48px}.milestone-celebration__title{font-size:var(--text-xl)}}.app{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:1000;pointer-events:none;animation:reveal 1.2s var(--ease-out) forwards;animation-delay:.1s}@keyframes reveal{0%{opacity:1}to{opacity:0;visibility:hidden}}.app__top-bar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);z-index:var(--z-fixed);pointer-events:none}.app__top-bar>*{pointer-events:auto;flex-shrink:0}@media (max-width: 768px){.app__top-bar{padding:var(--space-2) var(--space-3);gap:var(--space-3)}}@media (max-width: 640px){.app__top-bar{padding:var(--space-2);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px));gap:var(--space-2)}}@media (max-width: 380px){.app__top-bar{padding:var(--space-1);padding-top:calc(var(--space-1) + env(safe-area-inset-top,0px));gap:var(--space-1)}}:root{--color-bg: #f7f5f2;--color-bg-warm: #f3f0eb;--color-bg-elevated: #ffffff;--color-bg-subtle: #edeae5;--color-text-primary: #3d3a36;--color-text-secondary: #6b6660;--color-text-tertiary: #9a948c;--color-text-muted: #bfb9b0;--color-border: #e2ddd6;--color-border-subtle: #ebe7e1;--color-line: #d4cfc8;--domain-health: #b8c9b8;--domain-health-soft: #dce6dc;--domain-health-text: #5a6b5a;--domain-family: #c9bfb8;--domain-family-soft: #e6e0dc;--domain-family-text: #6b5f58;--domain-legal: #b8c2c9;--domain-legal-soft: #dce2e6;--domain-legal-text: #5a636b;--domain-finances: #c9c5b8;--domain-finances-soft: #e6e4dc;--domain-finances-text: #6b6758;--domain-work: #c2b8c9;--domain-work-soft: #e2dce6;--domain-work-text: #635a6b;--domain-housing: #c9b8bc;--domain-housing-soft: #e6dce0;--domain-housing-text: #6b585e;--domain-transport: #b8c5c9;--domain-transport-soft: #dce4e6;--domain-transport-text: #586367;--domain-digital: #bfc9c4;--domain-digital-soft: #e0e6e3;--domain-digital-text: #5f6b65;--domain-identity: #c9c0b8;--domain-identity-soft: #e6e1dc;--domain-identity-text: #6b6158;--domain-endoflife: #c4c4c9;--domain-endoflife-soft: #e3e3e6;--domain-endoflife-text: #64646b;--domain-education: #b8bfc9;--domain-education-soft: #dce0e6;--domain-education-text: #5a5f6b;--domain-social: #c9c4b8;--domain-social-soft: #e6e3dc;--domain-social-text: #6b6658;--domain-safety: #c9b8b8;--domain-safety-soft: #e6dcdc;--domain-safety-text: #6b5a5a;--domain-moving: #b8c9c4;--domain-moving-soft: #dce6e3;--domain-moving-text: #5a6b65;--status-aware: #d4cfc8;--status-inprogress: #c9d4c9;--status-sorted: #b8c9b8;--status-notrelevant: #e8e4df;--color-danger: #d94545;--color-danger-soft: #fdf6f6;--color-danger-border: #f0dede;--color-danger-text: #b85c5c;--shadow-sm: 0 1px 2px rgba(61, 58, 54, .04);--shadow-md: 0 4px 12px rgba(61, 58, 54, .06);--shadow-lg: 0 8px 24px rgba(61, 58, 54, .08);--shadow-xl: 0 16px 48px rgba(61, 58, 54, .1);--shadow-glow: 0 0 40px rgba(61, 58, 54, .06);--color-overlay: rgba(61, 58, 54, .5);--color-overlay-light: rgba(61, 58, 54, .3);--font-display: "Fraunces", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--z-base: 0;--z-elevated: 10;--z-fixed: 50;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300}[data-theme=dark]{--color-bg: #1a1918;--color-bg-warm: #222120;--color-bg-elevated: #2a2928;--color-bg-subtle: #333231;--color-text-primary: #e8e6e3;--color-text-secondary: #b5b2ad;--color-text-tertiary: #8a8782;--color-text-muted: #5f5c58;--color-border: #3d3b39;--color-border-subtle: #2f2e2c;--color-line: #4a4846;--domain-health: #8fb88f;--domain-health-soft: #2d3a2d;--domain-health-text: #b8d4b8;--domain-family: #c4a898;--domain-family-soft: #3a322d;--domain-family-text: #d4c4b8;--domain-legal: #8fa8c4;--domain-legal-soft: #2d3340;--domain-legal-text: #b8cce0;--domain-finances: #c4b898;--domain-finances-soft: #3a362d;--domain-finances-text: #d4ccb8;--domain-work: #b498c4;--domain-work-soft: #362d3a;--domain-work-text: #d0b8e0;--domain-housing: #c49898;--domain-housing-soft: #3a2d2d;--domain-housing-text: #e0b8b8;--domain-transport: #98b8c4;--domain-transport-soft: #2d363a;--domain-transport-text: #b8d4e0;--domain-digital: #98c4b8;--domain-digital-soft: #2d3a36;--domain-digital-text: #b8e0d4;--domain-identity: #c4b098;--domain-identity-soft: #3a342d;--domain-identity-text: #e0d4b8;--domain-endoflife: #a8a8b4;--domain-endoflife-soft: #32323a;--domain-endoflife-text: #d0d0e0;--domain-education: #8a92a0;--domain-education-soft: #2d3038;--domain-education-text: #b8c0d0;--domain-social: #a09a8a;--domain-social-soft: #38352d;--domain-social-text: #d0cab8;--domain-safety: #a08a8a;--domain-safety-soft: #382d2d;--domain-safety-text: #d0b8b8;--domain-moving: #8aa09a;--domain-moving-soft: #2d3835;--domain-moving-text: #b8d0ca;--status-aware: #5a5854;--status-inprogress: #4a5a4a;--status-sorted: #5a7a5a;--status-notrelevant: #3a3836;--color-danger: #e85c5c;--color-danger-soft: #3a2828;--color-danger-border: #5a3838;--color-danger-text: #e8a0a0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(0, 0, 0, .3);--color-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){[data-theme=system]{--color-bg: #1a1918;--color-bg-warm: #222120;--color-bg-elevated: #2a2928;--color-bg-subtle: #333231;--color-text-primary: #e8e6e3;--color-text-secondary: #b5b2ad;--color-text-tertiary: #8a8782;--color-text-muted: #5f5c58;--color-border: #3d3b39;--color-border-subtle: #2f2e2c;--color-line: #4a4846;--domain-health: #8fb88f;--domain-health-soft: #2d3a2d;--domain-health-text: #b8d4b8;--domain-family: #c4a898;--domain-family-soft: #3a322d;--domain-family-text: #d4c4b8;--domain-legal: #8fa8c4;--domain-legal-soft: #2d3340;--domain-legal-text: #b8cce0;--domain-finances: #c4b898;--domain-finances-soft: #3a362d;--domain-finances-text: #d4ccb8;--domain-work: #b498c4;--domain-work-soft: #362d3a;--domain-work-text: #d0b8e0;--domain-housing: #c49898;--domain-housing-soft: #3a2d2d;--domain-housing-text: #e0b8b8;--domain-transport: #98b8c4;--domain-transport-soft: #2d363a;--domain-transport-text: #b8d4e0;--domain-digital: #98c4b8;--domain-digital-soft: #2d3a36;--domain-digital-text: #b8e0d4;--domain-identity: #c4b098;--domain-identity-soft: #3a342d;--domain-identity-text: #e0d4b8;--domain-endoflife: #a8a8b4;--domain-endoflife-soft: #32323a;--domain-endoflife-text: #d0d0e0;--domain-education: #8a92a0;--domain-education-soft: #2d3038;--domain-education-text: #b8c0d0;--domain-social: #a09a8a;--domain-social-soft: #38352d;--domain-social-text: #d0cab8;--domain-safety: #a08a8a;--domain-safety-soft: #382d2d;--domain-safety-text: #d0b8b8;--domain-moving: #8aa09a;--domain-moving-soft: #2d3835;--domain-moving-text: #b8d0ca;--status-aware: #5a5854;--status-inprogress: #4a5a4a;--status-sorted: #5a7a5a;--status-notrelevant: #3a3836;--color-danger: #e85c5c;--color-danger-soft: #3a2828;--color-danger-border: #5a3838;--color-danger-text: #e8a0a0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(0, 0, 0, .3);--color-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);color:var(--color-text-primary);background-color:var(--color-bg);overflow:hidden;min-height:100vh;min-height:100dvh;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}#root{min-height:100vh;min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-4xl);font-weight:300}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}small{font-size:var(--text-sm);color:var(--color-text-tertiary)}:focus-visible{outline:2px solid var(--color-text-muted);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-line)}::selection{background:var(--domain-health-soft);color:var(--color-text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}