.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);white-space:nowrap;border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:1;text-decoration:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-default);outline:none;border:none;background:none;height:var(--button-height-md);padding-inline:var(--button-padding-x-md)}.btn:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:var(--state-disabled-opacity)}.btn svg{width:var(--button-icon-size);height:var(--button-icon-size);flex-shrink:0;pointer-events:none}.btn-sm{height:var(--button-height-sm);padding-inline:var(--button-padding-x-sm)}.btn-lg{height:var(--button-height-lg);padding-inline:var(--button-padding-x-lg)}.btn-lg svg{width:var(--button-icon-size-lg);height:var(--button-icon-size-lg)}.btn-icon{width:var(--button-height-md);height:var(--button-height-md);padding:0}.btn-icon.btn-sm{width:var(--button-height-sm);height:var(--button-height-sm)}.btn-primary{background:linear-gradient(to right,hsl(var(--interactive-primary)),hsl(var(--interactive-primary-gradient-end)));color:hsl(var(--text-on-emphasis));box-shadow:var(--shadow-lg);border:2px solid hsl(var(--color-neutral-0)/.2)}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-xl)}.btn-primary:active{opacity:.8;box-shadow:var(--shadow-lg)}.btn-accent{background:linear-gradient(to right,hsl(var(--interactive-accent)),hsl(var(--interactive-accent-gradient-end)));color:hsl(var(--text-on-emphasis));box-shadow:var(--shadow-lg);border:2px solid hsl(var(--color-neutral-0)/.2)}.btn-accent:hover{opacity:.9;box-shadow:var(--shadow-xl)}.btn-accent:active{opacity:.8;box-shadow:var(--shadow-lg)}.btn-destructive{background-color:hsl(var(--interactive-destructive));color:hsl(var(--text-on-emphasis));box-shadow:var(--shadow-md)}.btn-destructive:hover{background-color:hsl(var(--interactive-destructive-hover));box-shadow:var(--shadow-lg)}.btn-destructive:active{background-color:hsl(var(--color-red-600));box-shadow:var(--shadow-md)}.btn-outline{background-color:hsl(var(--surface-base));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-default));box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:hsl(var(--interactive-accent)/.5);background:linear-gradient(to right,hsl(var(--interactive-accent)/.05),hsl(var(--interactive-accent)/.15),hsl(var(--interactive-accent)/.05));box-shadow:var(--shadow-lg)}.btn-outline:active{border-color:hsl(var(--interactive-accent)/.7);background:linear-gradient(to right,hsl(var(--interactive-accent)/.1),hsl(var(--interactive-accent)/.2),hsl(var(--interactive-accent)/.1));box-shadow:var(--shadow-md)}.btn-secondary{background-color:hsl(var(--color-neutral-700));color:hsl(var(--text-on-emphasis));box-shadow:var(--shadow-md)}.btn-secondary:hover{background:linear-gradient(to right,hsl(var(--color-neutral-700)),hsl(var(--interactive-accent)/.1),hsl(var(--color-neutral-700)));box-shadow:var(--shadow-lg)}.btn-secondary:active{background-color:hsl(var(--color-neutral-600));box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:hsl(var(--text-primary))}.btn-ghost:hover{background:linear-gradient(to right,hsl(var(--interactive-accent)),hsl(var(--interactive-accent-gradient-end)));color:hsl(var(--text-on-emphasis));box-shadow:var(--shadow-md)}.btn-ghost:active{opacity:.9;box-shadow:var(--shadow-sm)}.btn-link{background-color:transparent;color:hsl(var(--interactive-primary));text-decoration:underline;text-underline-offset:4px;height:auto;padding:0}.btn-link:hover{text-decoration:underline}.card{background-color:hsl(var(--surface-raised));border:var(--card-border-width) solid hsl(var(--border-default));border-radius:var(--card-radius);color:hsl(var(--text-primary))}.card-header{display:flex;flex-direction:column;gap:var(--card-header-gap);padding:var(--card-padding)}@media (min-width:40rem){.card-header{padding:var(--card-padding-lg)}}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}@media (min-width:40rem){.card-title{font-size:var(--font-size-xl)}}.card-description{font-size:var(--font-size-sm);color:hsl(var(--text-secondary))}.card-content{padding:var(--card-padding);padding-top:0}@media (min-width:40rem){.card-content{padding:var(--card-padding-lg);padding-top:0}}.card-footer{display:flex;align-items:center;padding:var(--card-padding);padding-top:0}@media (min-width:40rem){.card-footer{padding:var(--card-padding-lg);padding-top:0}}.card-borderless{background-color:transparent;border:none;border-radius:0}.card-borderless .card-content,.card-borderless .card-footer,.card-borderless .card-header{padding-inline:0}.input{display:flex;width:100%;height:var(--input-height);padding-inline:var(--input-padding-x);padding-block:var(--input-padding-y);font-size:var(--input-font-size);line-height:var(--line-height-normal);color:hsl(var(--text-primary));background-color:hsl(var(--input-background));border:var(--input-border-width) solid hsl(var(--border-default));border-radius:var(--input-radius);transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.input::placeholder{color:hsl(var(--text-muted))}.input:focus{outline:none;border-color:hsl(var(--focus-ring));box-shadow:0 0 0 2px hsl(var(--focus-ring)/.2)}.input:disabled{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.input-sm{height:var(--input-height-sm)}.textarea{display:flex;width:100%;min-height:calc(var(--input-height) * 2);padding:var(--input-padding-x);font-size:var(--input-font-size);line-height:var(--line-height-relaxed);color:hsl(var(--text-primary));background-color:hsl(var(--input-background));border:var(--input-border-width) solid hsl(var(--border-default));border-radius:var(--input-radius);resize:vertical;transition:border-color var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.textarea::placeholder{color:hsl(var(--text-muted))}.textarea:focus{outline:none;border-color:hsl(var(--focus-ring));box-shadow:0 0 0 2px hsl(var(--focus-ring)/.2)}.textarea:disabled{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.textarea-no-resize{resize:none}.label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:hsl(var(--text-primary))}.label:has(+:disabled),.label[data-disabled=true]{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.badge{display:inline-flex;align-items:center;padding-inline:var(--badge-padding-x);padding-block:var(--badge-padding-y);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:1;border-radius:var(--badge-radius);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-default)}.badge-default{background-color:hsl(var(--interactive-primary));color:hsl(var(--text-on-emphasis))}.badge-secondary{background-color:hsl(var(--color-neutral-700));color:hsl(var(--text-primary))}.badge-outline{background-color:transparent;color:hsl(var(--text-primary));border:1px solid hsl(var(--border-default))}.badge-destructive{background-color:hsl(var(--interactive-destructive))}.badge-destructive,.badge-success{color:hsl(var(--text-on-emphasis))}.badge-success{background-color:hsl(var(--interactive-success))}.separator{flex-shrink:0;background-color:hsl(var(--border-default))}.separator-horizontal{height:var(--separator-thickness);width:100%}.separator-vertical{width:var(--separator-thickness);height:100%}.skeleton{background:linear-gradient(90deg,hsl(var(--color-neutral-800)) 0,hsl(var(--color-neutral-700)) 50%,hsl(var(--color-neutral-800)) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--skeleton-radius)}.checkbox{width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;border-radius:var(--checkbox-radius);border:1px solid hsl(var(--interactive-primary));background-color:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-default);display:flex;align-items:center;justify-content:center}.checkbox:hover{border-color:hsl(var(--interactive-primary-hover))}.checkbox:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.checkbox[data-state=checked]{background-color:hsl(var(--interactive-primary));border-color:hsl(var(--interactive-primary))}.checkbox[data-state=checked] svg{color:hsl(var(--text-on-emphasis))}.checkbox:disabled{cursor:not-allowed;opacity:var(--state-disabled-opacity)}.tabs-list{padding:var(--tabs-padding);background-color:hsl(var(--color-neutral-850));border-radius:var(--tabs-radius)}.tabs-list,.tabs-trigger{display:inline-flex;align-items:center;justify-content:center}.tabs-trigger{gap:var(--space-1-5);padding-inline:var(--tabs-trigger-padding-x);padding-block:var(--tabs-trigger-padding-y);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--text-secondary));background-color:transparent;border:none;border-radius:var(--tabs-trigger-radius);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-default)}.tabs-trigger:hover{color:hsl(var(--text-primary))}.tabs-trigger:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.tabs-trigger[data-state=active]{background-color:hsl(var(--surface-base));color:hsl(var(--text-primary));box-shadow:var(--shadow-sm)}.tabs-trigger:disabled{pointer-events:none;opacity:var(--state-disabled-opacity)}.tabs-content{margin-top:var(--space-4)}.tabs-content:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.popover-content{z-index:var(--z-popover);padding:var(--popover-padding);background-color:hsl(var(--surface-overlay));border:1px solid hsl(var(--border-default));border-radius:var(--popover-radius);box-shadow:var(--shadow-lg);outline:none}.popover-content[data-state=open]{animation:fade-in var(--duration-fast) var(--ease-out)}.dialog-overlay{position:fixed;inset:0;z-index:var(--z-modal);background-color:hsl(var(--color-neutral-1000)/.8)}.dialog-overlay[data-state=open]{animation:fade-in var(--duration-fast) var(--ease-out)}.dialog-content{position:fixed;left:50%;top:50%;z-index:var(--z-modal);width:100%;max-width:var(--dialog-max-width);max-height:calc(100vh - var(--space-8));transform:translate(-50%,-50%);padding:var(--dialog-padding);background-color:hsl(var(--surface-raised));border:1px solid hsl(var(--border-default));border-radius:var(--dialog-radius);box-shadow:var(--shadow-xl);overflow-y:auto}.dialog-content[data-state=open]{animation:dialog-slide-up var(--duration-normal) var(--ease-out)}.dialog-header{display:flex;flex-direction:column;gap:var(--space-1-5);text-align:center}@media (min-width:40rem){.dialog-header{text-align:left}}.dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.dialog-description{font-size:var(--font-size-sm);color:hsl(var(--text-secondary))}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--space-2);margin-top:var(--space-6)}@media (min-width:40rem){.dialog-footer{flex-direction:row;justify-content:flex-end}}.dialog-close{position:absolute;right:var(--space-4);top:var(--space-4);padding:var(--space-1);border-radius:var(--radius-sm);opacity:.7;transition:opacity var(--duration-fast) var(--ease-default)}.dialog-close:hover{opacity:1}.alert-dialog-overlay{position:fixed;inset:0;z-index:var(--z-modal);background-color:hsl(var(--color-neutral-1000)/.8)}.alert-dialog-content{position:fixed;left:50%;top:50%;z-index:var(--z-modal);width:100%;max-width:var(--dialog-max-width);transform:translate(-50%,-50%);padding:var(--dialog-padding);background-color:hsl(var(--surface-raised));border:1px solid hsl(var(--border-default));border-radius:var(--dialog-radius);box-shadow:var(--shadow-xl)}.alert-dialog-header{display:flex;flex-direction:column;gap:var(--space-2)}.alert-dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.alert-dialog-description{font-size:var(--font-size-sm);color:hsl(var(--text-secondary))}.alert-dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--space-2);margin-top:var(--space-6)}@media (min-width:40rem){.alert-dialog-footer{flex-direction:row;justify-content:flex-end}}.tooltip-content{z-index:var(--z-toast);padding-inline:var(--tooltip-padding-x);padding-block:var(--tooltip-padding-y);font-size:var(--tooltip-font-size);line-height:var(--line-height-tight);color:hsl(var(--text-primary));background-color:hsl(var(--surface-overlay));border:1px solid hsl(var(--border-default));border-radius:var(--tooltip-radius);box-shadow:var(--shadow-md);overflow:hidden}.tooltip-content[data-state=delayed-open][data-side=top]{animation:slide-down var(--duration-fast) var(--ease-out)}.tooltip-content[data-state=delayed-open][data-side=bottom]{animation:slide-up var(--duration-fast) var(--ease-out)}.calendar{padding:var(--space-3)}.calendar-months{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:40rem){.calendar-months{flex-direction:row}}.calendar-month{display:flex;flex-direction:column;gap:var(--space-4)}.calendar-caption{display:flex;justify-content:center;align-items:center;position:relative;padding-block:var(--space-1)}.calendar-caption-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.calendar-nav{display:flex;align-items:center;gap:var(--space-1)}.calendar-nav-button{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);background-color:transparent;border:none;border-radius:var(--radius-md);opacity:.5;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.calendar-nav-button:hover{opacity:1}.calendar-nav-button:disabled{opacity:.25}.calendar-nav-button-previous{position:absolute;left:var(--space-1)}.calendar-nav-button-next{position:absolute;right:var(--space-1)}.calendar-head-row{display:flex}.calendar-head-cell{width:var(--space-9);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:hsl(var(--text-muted));text-align:center}.calendar-row{display:flex;width:100%;margin-top:var(--space-2)}.calendar-cell{position:relative;padding:0;text-align:center;font-size:var(--font-size-sm)}.calendar-cell,.calendar-day{width:var(--space-9);height:var(--space-9)}.calendar-day{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-normal);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.calendar-day:hover{background-color:hsl(var(--interactive-accent)/.1)}.calendar-day:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}.calendar-day[data-selected=true]{background-color:hsl(var(--interactive-primary));color:hsl(var(--text-on-emphasis))}.calendar-day[data-today=true]{background-color:hsl(var(--interactive-accent)/.2);font-weight:var(--font-weight-semibold)}.calendar-day:disabled,.calendar-day[data-outside=true]{color:hsl(var(--text-muted));opacity:.5}.calendar-day:disabled{cursor:not-allowed}.calendar-day-selected{color:hsl(var(--text-on-emphasis))!important}.calendar-day-selected,.calendar-day-selected:hover{background-color:hsl(var(--interactive-primary))!important}.calendar-day-today{background-color:hsl(var(--interactive-accent)/.2);font-weight:var(--font-weight-semibold)}.calendar-day-disabled,.calendar-day-outside{color:hsl(var(--text-muted));opacity:.5}.calendar-day-disabled{cursor:not-allowed}.calendar-day-range-middle{background-color:hsl(var(--interactive-accent)/.1)}.toast-viewport{position:fixed;bottom:0;right:0;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-height:100vh;width:100%;max-width:420px;padding:var(--space-4);margin:0;list-style:none;outline:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background-color:hsl(var(--surface-raised));border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto}.toast[data-state=open]{animation:slide-up var(--duration-slow) var(--ease-out)}.toast[data-state=closed]{animation:fade-in var(--duration-fast) var(--ease-in) reverse}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.toast-description{font-size:var(--font-size-sm);color:hsl(var(--text-secondary));opacity:.9}.toast-action{flex-shrink:0}.toast-close{position:absolute;right:var(--space-2);top:var(--space-2);padding:var(--space-1);border-radius:var(--radius-md);opacity:0;transition:opacity var(--duration-fast) var(--ease-default)}.toast:hover .toast-close{opacity:1}.toast-destructive{background-color:hsl(var(--interactive-destructive));border-color:hsl(var(--interactive-destructive));color:hsl(var(--text-on-emphasis))}.toast-destructive .toast-description{color:hsl(var(--text-on-emphasis)/.9)}.dropdown-content{z-index:var(--z-popover);min-width:8rem;overflow:hidden;padding:var(--space-1);background-color:hsl(var(--surface-overlay));border:1px solid hsl(var(--border-default));border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.dropdown-content[data-state=open]{animation:fade-in var(--duration-fast) var(--ease-out)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);font-size:var(--font-size-sm);color:hsl(var(--text-primary));background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;outline:none;transition:background-color var(--duration-fast) var(--ease-default);width:100%;text-align:left}.dropdown-item:focus,.dropdown-item:hover{background-color:hsl(var(--interactive-accent)/.1)}.dropdown-item:disabled{pointer-events:none;opacity:var(--state-disabled-opacity)}.dropdown-item[data-highlighted]{background-color:hsl(var(--interactive-accent)/.1)}.dropdown-separator{height:1px;margin:var(--space-1) calc(-1 * var(--space-1));background-color:hsl(var(--border-default))}.dropdown-label{padding:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:hsl(var(--text-secondary))}.avatar{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-10);height:var(--space-10);overflow:hidden;border-radius:var(--radius-full);background-color:hsl(var(--color-neutral-700))}.avatar-sm{width:var(--space-8);height:var(--space-8)}.avatar-lg{width:var(--space-12);height:var(--space-12)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-fallback{display:flex;width:100%;height:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--text-primary));background-color:hsl(var(--color-neutral-700))}.avatar-fallback,.icon{align-items:center;justify-content:center}.icon{display:inline-flex;flex-shrink:0}.icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.icon-xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}.form-stack{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:40rem){.form-stack{gap:var(--space-5)}}.form-stack-inset{padding-top:var(--space-2)}@media (min-width:40rem){.form-stack-inset{padding-top:var(--space-4)}}.form-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-label{display:block;font-size:var(--font-size-sm);color:hsl(var(--text-muted))}.form-label-hint{font-size:var(--font-size-xs);color:hsl(var(--text-muted))}.form-label-strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.textarea-tall{resize:none;min-height:120px}@media (min-width:40rem){.textarea-tall{min-height:200px}}.textarea-medium{resize:none;min-height:80px}@media (min-width:40rem){.textarea-medium{min-height:100px}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}@media (min-width:40rem){.form-grid{gap:var(--space-4)}}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-2)}.form-actions .btn{width:100%}@media (min-width:40rem){.form-actions .btn{width:auto}}.add-goal-btn{align-self:flex-start;width:auto}.input-with-icon{position:relative}.input-with-icon .input{padding-left:var(--space-10)}.input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:var(--icon-size-md);height:var(--icon-size-md);color:hsl(var(--text-muted));pointer-events:none}.checkbox-field{display:flex;align-items:center;gap:var(--space-2)}.checkbox-field .label{cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.inline-controls{display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-1);animation:fade-in var(--duration-normal) var(--ease-out)}.inline-controls-label{font-size:var(--font-size-sm);color:hsl(var(--text-muted))}.date-picker-btn{width:140px;justify-content:flex-start;text-align:left;font-weight:var(--font-weight-normal)}.time-input{width:100px;height:var(--button-height-sm)}.popover-calendar{width:auto;padding:0}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--icon-size-md);height:var(--icon-size-md);margin:0;padding:0}.section-title svg{flex-shrink:0;width:var(--icon-size-md);height:var(--icon-size-md);color:hsl(var(--interactive-primary))}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}@media (min-width:40rem){.chip-list{gap:var(--space-2)}}.badge-clickable{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default)}.badge-clickable:hover{background-color:hsl(var(--interactive-primary)/.2)}.update-list{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width:40rem){.update-list{gap:var(--space-3)}}.update-item{position:relative;cursor:pointer;border:1px solid hsl(var(--border-default));border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-default)}.update-item:hover{border-color:hsl(var(--interactive-primary)/.5)}.update-item-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);padding-right:var(--space-20)}.update-item-time{font-size:var(--font-size-sm);color:hsl(var(--text-muted))}.update-item-content{padding:var(--space-1) var(--space-3) var(--space-3)}.update-item-text{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2)}.update-item-text svg{flex-shrink:0;margin-top:.125rem;color:hsl(var(--interactive-primary))}.update-item-meta{display:flex;align-items:flex-end}.update-item-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1-5)}@media (min-width:40rem){.update-item-tags{gap:var(--space-2)}}.update-item-tags svg{width:var(--icon-size-md);height:var(--icon-size-md);color:hsl(var(--text-muted))}.update-item-ticket{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;padding-left:var(--space-4);flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--interactive-accent));text-decoration:none}.update-item-ticket:hover{text-decoration:underline}.update-item-ticket svg{width:.875rem;height:.875rem}.update-item-actions{position:absolute;top:var(--space-1);right:var(--space-1);z-index:10;display:flex;align-items:center}.update-item-action{display:inline-flex;align-items:center;justify-content:center;width:var(--space-7);height:var(--space-7);padding:0;background:none;border:none;border-radius:var(--radius-sm);opacity:0;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.update-item:hover .update-item-action{opacity:1}.update-item-action svg{width:var(--icon-size-md);height:var(--icon-size-md)}.update-item-action-edit{color:hsl(var(--text-muted))}.update-item-action-edit:hover{color:hsl(var(--text-primary));background-color:hsl(var(--surface-raised)/.5)}.update-item-action-delete{color:hsl(var(--interactive-destructive)/.7)}.update-item-action-delete:hover{color:hsl(var(--interactive-destructive));background-color:hsl(var(--interactive-destructive)/.1)}.goal-list{display:flex;flex-direction:column;gap:var(--space-1)}.goal-item{display:flex;align-items:center;gap:var(--space-2)}.goal-item-drag{width:var(--icon-size-md);height:var(--icon-size-md);color:hsl(var(--text-muted)/.5);cursor:grab}.goal-item-input{flex:1}.goal-item-input.completed{color:hsl(var(--text-muted));text-decoration:line-through}.page-header{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:40rem){.page-header{gap:var(--space-4)}}.page-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}@media (min-width:40rem){.page-title{font-size:var(--font-size-2xl)}}.page-title svg{width:1.5rem;height:1.5rem;color:hsl(var(--interactive-primary))}@media (min-width:40rem){.page-title svg{width:1.75rem;height:1.75rem}}.page-description{font-size:var(--font-size-sm);color:hsl(var(--text-muted));margin-top:var(--space-1)}.empty-state{padding:var(--space-6);text-align:center;color:hsl(var(--text-muted))}@media (min-width:40rem){.empty-state{padding:var(--space-8)}}.empty-state-text{color:hsl(var(--text-muted))}.date-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}@media (min-width:40rem){.date-nav{padding:var(--space-4);border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg);background-color:hsl(var(--surface-raised))}}.date-nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}@media (min-width:40rem){.date-nav-title{font-size:var(--font-size-2xl)}}.date-nav-controls{display:flex;align-items:center;gap:var(--space-1)}@media (min-width:40rem){.date-nav-controls{gap:var(--space-2)}}.date-nav-btn{flex-shrink:0;width:var(--button-height-sm);height:var(--button-height-sm)}.dashboard-content{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:40rem){.dashboard-content{gap:var(--space-6)}}@media (min-width:64rem){.dashboard-content{gap:var(--space-8)}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width:64rem){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-column{display:flex;flex-direction:column;gap:var(--space-8)}.mobile-tabs-container{display:block}@media (min-width:64rem){.mobile-tabs-container{display:none}}.mobile-tabs{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-tabs-list{display:flex;width:100%;background-color:hsl(var(--color-neutral-850));border-radius:var(--radius-lg);padding:var(--space-1)}.mobile-tab-trigger{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:hsl(var(--text-secondary));background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-default)}.mobile-tab-trigger svg{width:var(--icon-size-md);height:var(--icon-size-md)}.mobile-tab-trigger:hover{color:hsl(var(--text-primary))}.mobile-tab-trigger[data-state=active]{background-color:hsl(var(--surface-base));color:hsl(var(--text-primary));box-shadow:var(--shadow-sm)}.mobile-tabs .tabs-content.mobile-tab-content{margin-top:0}.mobile-tabs .tabs-content.mobile-tab-content[data-state=active]{display:flex;flex-direction:column;gap:var(--space-6)}.desktop-grid{display:none}@media (min-width:64rem){.desktop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}.history-card{width:100%}.history-card-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:var(--space-3)}.history-card-nav-btn{flex-shrink:0}.history-card-title{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.history-card-title svg{width:1.25rem;height:1.25rem;color:hsl(var(--interactive-primary))}@media (min-width:40rem){.history-card-title svg{width:1.5rem;height:1.5rem}}.history-card-date-short{display:inline}.history-card-date-long{display:none}@media (min-width:40rem){.history-card-date-short{display:none}.history-card-date-long{display:inline}}.history-card-content{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:40rem){.history-card-content{gap:var(--space-4)}}.history-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.history-section-title svg{width:1.125rem;height:1.125rem;color:hsl(var(--interactive-accent))}.history-section-text{color:hsl(var(--text-primary)/.8);white-space:pre-wrap}.history-updates-list{list-style-type:disc;list-style-position:inside;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);color:hsl(var(--text-primary)/.8)}.history-updates-list li{font-size:var(--font-size-sm)}.history-card-footer{font-size:var(--font-size-xs);color:hsl(var(--text-muted))}.edit-form{gap:var(--space-4)}.edit-form,.edit-form-timestamp{display:flex;flex-direction:column}.edit-form-timestamp{gap:var(--space-3);padding:var(--space-3);background-color:hsl(var(--surface-base));border-radius:var(--radius-md)}.skeleton-date-nav{height:100px;border-radius:var(--radius-lg)}@media (min-width:40rem){.skeleton-date-nav{height:120px}}.skeleton-card-tall{height:300px;border-radius:var(--radius-lg)}@media (min-width:40rem){.skeleton-card-tall{height:400px}}.skeleton-card-medium{height:200px;border-radius:var(--radius-lg)}@media (min-width:40rem){.skeleton-card-medium{height:250px}}.skeleton-card-short{height:120px;border-radius:var(--radius-lg)}@media (min-width:40rem){.skeleton-card-short{height:150px}}.history-page{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:40rem){.history-page{gap:var(--space-6)}}.history-header{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:40rem){.history-header{gap:var(--space-4);padding:var(--space-6);border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg);background-color:hsl(var(--surface-raised))}}.history-actions{display:flex;flex-direction:column;gap:var(--space-2)}.history-actions .btn{width:100%}@media (min-width:40rem){.history-actions .btn{width:auto}}.history-import-row{display:flex;align-items:center;gap:var(--space-2)}.history-import-row .input{flex:1;min-width:0;height:var(--button-height-sm)}.history-list{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:40rem){.history-list{gap:var(--space-6)}}.history-empty{text-align:center;padding:var(--space-6);color:hsl(var(--text-muted))}@media (min-width:40rem){.history-empty{padding:var(--space-8);border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg);background-color:hsl(var(--surface-raised))}}.history-skeleton{width:100%}.history-skeleton-header{height:1.75rem;width:50%;border-radius:var(--radius-md)}.history-skeleton-content{display:flex;flex-direction:column;gap:var(--space-6)}.history-skeleton-section{display:flex;flex-direction:column;gap:var(--space-2)}.history-skeleton-title{height:1.25rem;width:6rem;border-radius:var(--radius-md)}.history-skeleton-line{height:1rem;border-radius:var(--radius-md)}.history-skeleton-line-full{width:100%}.history-skeleton-line-large{width:83.333%}.history-skeleton-line-medium{width:66.666%}.history-skeleton-line-small{width:33.333%}.settings-page{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:40rem){.settings-page{gap:var(--space-6)}}.settings-header{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:40rem){.settings-header{gap:var(--space-4);padding:var(--space-6);border:1px solid hsl(var(--border-default));border-radius:var(--radius-lg);background-color:hsl(var(--surface-raised))}}.settings-stack{display:flex;flex-direction:column;gap:var(--space-6)}.settings-account-info{display:flex;align-items:center;justify-content:space-between}.settings-account-name{font-weight:var(--font-weight-medium)}.settings-account-email{font-size:var(--font-size-sm);color:hsl(var(--text-muted))}.settings-button-row{display:flex;gap:var(--space-2)}.settings-feature-row{display:flex;align-items:center;justify-content:space-between}.settings-feature-info{display:flex;flex-direction:column;gap:var(--space-0-5)}.settings-feature-label{font-weight:var(--font-weight-medium)}.settings-feature-description{font-size:var(--font-size-sm);color:hsl(var(--text-muted))}.settings-disabled-card{opacity:.6}.settings-coming-soon-badge{margin-left:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);padding:var(--space-0-5) var(--space-2);background-color:hsl(var(--color-neutral-800));color:hsl(var(--text-muted));border-radius:var(--radius-sm)}.settings-danger-zone{border-top:1px solid hsl(var(--border-default));padding-top:var(--space-4)}.settings-danger-note{font-size:var(--font-size-xs);color:hsl(var(--text-muted));margin-top:var(--space-2)}.settings-import-controls{display:flex;align-items:center;gap:var(--space-2)}.settings-import-controls .input{flex:1;min-width:0;height:var(--button-height-sm)}@media (max-width:40rem){.settings-feature-row{gap:var(--space-3)}.settings-feature-row,.settings-import-controls{flex-direction:column;align-items:stretch}}.auth-dialog-content{max-width:28rem}.auth-dialog-title{font-size:var(--font-size-xl)}.auth-dialog-description{font-size:var(--font-size-base);padding-top:var(--space-2)}.auth-buttons{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4)}.auth-button{width:100%;justify-content:flex-start;gap:var(--space-3);height:3rem}.auth-button-disabled{opacity:.5;cursor:not-allowed}.auth-button-icon{width:1.25rem;height:1.25rem}.auth-coming-soon-tag{margin-left:auto;font-size:var(--font-size-xs);color:hsl(var(--text-muted))}.auth-error{font-size:var(--font-size-sm);color:hsl(var(--interactive-destructive))}.auth-error,.auth-note{margin-top:var(--space-4)}.auth-note{font-size:var(--font-size-xs);color:hsl(var(--text-muted));padding-top:var(--space-4);border-top:1px solid hsl(var(--border-default))}.header-sync-btn{gap:var(--space-2);color:hsl(var(--text-on-emphasis)/.8)}.header-sync-btn:hover{color:hsl(var(--text-on-emphasis));background-color:hsl(var(--text-on-emphasis)/.1)}.header-sync-text{display:none}@media (min-width:40rem){.header-sync-text{display:inline}}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-default)}.user-menu-trigger:hover{opacity:.8}.user-menu-trigger:focus{outline:none}.user-menu-trigger:focus-visible{outline:2px solid hsl(var(--text-on-emphasis)/.5);outline-offset:2px}.user-menu-avatar{border:2px solid hsl(var(--text-on-emphasis)/.2)}.user-menu-avatar-fallback{background-color:hsl(var(--text-on-emphasis)/.2);color:hsl(var(--text-on-emphasis));font-size:var(--font-size-xs)}.user-menu-info{display:flex;flex-direction:column;gap:var(--space-1)}.user-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1}.user-menu-email{line-height:1}.menu-item-pending,.user-menu-email{font-size:var(--font-size-xs);color:hsl(var(--text-muted))}.menu-item-pending{margin-left:auto}.menu-item-destructive,.menu-item-destructive:focus,.menu-item-destructive:hover{color:hsl(var(--interactive-destructive))}.auth-status-container{display:flex;align-items:center}.auth-status-skeleton{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:hsl(var(--text-on-emphasis)/.15);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-status-trigger{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:opacity var(--duration-normal) var(--ease-default)}.auth-status-trigger:hover{opacity:.8}.auth-status-trigger:focus{outline:none}.auth-status-trigger:focus-visible{outline:2px solid hsl(var(--interactive-primary)/.5);outline-offset:2px}.auth-status-trigger-signed-out{color:hsl(var(--text-muted))}.auth-status-trigger-signed-out:hover{color:hsl(var(--text-primary));background-color:hsl(var(--surface-hover))}.auth-status-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.auth-status-avatar-container{position:relative;display:flex}.auth-status-avatar{border:2px solid hsl(var(--border-default))}.auth-status-avatar-fallback{background-color:hsl(var(--interactive-primary)/.1);color:hsl(var(--interactive-primary));font-size:var(--font-size-xs)}.auth-status-badge{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;justify-content:center;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background-color:hsl(var(--surface-raised));box-shadow:0 0 0 2px hsl(var(--surface-raised))}.auth-status-badge-icon{width:.625rem;height:.625rem}.auth-status-badge-syncing{color:hsl(var(--text-muted))}.auth-status-badge-syncing .auth-status-badge-icon{animation:spin 1s linear infinite}.auth-status-badge-success{color:hsl(var(--color-green-500))}.auth-status-badge-warning{color:hsl(var(--color-amber-500))}.auth-status-badge-error{color:hsl(var(--color-red-500))}.sync-indicator{display:flex;align-items:center}.sync-indicator svg{width:var(--icon-size-md);height:var(--icon-size-md)}.sync-indicator-syncing{color:hsl(var(--text-on-emphasis)/.7)}.sync-indicator-syncing svg{animation:spin 1s linear infinite}.sync-indicator-offline{color:hsl(var(--color-amber-300))}.sync-indicator-error{color:hsl(var(--color-red-400))}.sync-indicator-pending{color:hsl(var(--color-amber-300))}.sync-indicator-success{color:hsl(var(--color-green-400))}.sync-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs)}.sync-badge svg{width:.75rem;height:.75rem}.sync-badge-syncing{color:hsl(var(--text-muted))}.sync-badge-syncing svg{animation:spin 1s linear infinite}.sync-badge-offline{color:hsl(var(--color-amber-400))}.sync-badge-error{color:hsl(var(--color-red-400))}.sync-badge-success{color:hsl(var(--color-green-400))}.sync-tooltip-time{font-size:var(--font-size-xs);color:hsl(var(--text-muted))}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:hsl(var(--surface-base))}.app-main{flex:1 1 0%;display:flex;flex-direction:column;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--spacing-page-x);padding-block:var(--spacing-page-y)}.app-footer{padding-block:var(--space-4);text-align:center;font-size:var(--font-size-sm);color:hsl(var(--text-muted))}.header{position:sticky;top:0;z-index:var(--z-sticky);padding:var(--space-3) var(--spacing-page-x)}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--header-padding-x);padding-block:var(--header-padding-y);background-color:hsl(var(--surface-raised));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-emphasis));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.header-brand{display:flex;align-items:center;gap:var(--space-1-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;color:hsl(var(--text-muted));transition:color var(--duration-normal) var(--ease-default)}.header-brand:hover{color:hsl(var(--text-primary))}.header-brand-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}@media (min-width:40rem){.header-actions{gap:var(--space-4)}}.nav-links{display:flex;align-items:center;gap:var(--space-2)}@media (min-width:40rem){.nav-links{gap:var(--space-4)}}.nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:hsl(var(--text-muted));text-decoration:none;border-radius:var(--radius-full);transition:all var(--duration-normal) var(--ease-default)}.nav-link:hover{background-color:hsl(var(--surface-hover));color:hsl(var(--text-primary))}.nav-link[data-active=true]{background-color:hsl(var(--interactive-primary)/.1);color:hsl(var(--interactive-primary))}.nav-link-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}@media (min-width:40rem){.nav-link-icon{width:var(--icon-size-md);height:var(--icon-size-md)}}.page-section{display:flex;flex-direction:column;gap:var(--spacing-section)}.page-section-header{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width:40rem){.page-section-header{flex-direction:row;align-items:center;justify-content:space-between}}.page-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);display:flex;align-items:center;gap:var(--space-2)}.page-section-title-icon{color:hsl(var(--interactive-primary))}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 0%;width:100%;padding-block:var(--space-20)}.page-loader-spinner{width:var(--space-8);height:var(--space-8);color:hsl(var(--interactive-primary));animation:spin 1s linear infinite}.page-loader-text{margin-top:var(--space-4);font-size:var(--font-size-lg);color:hsl(var(--text-secondary))}