/* LifeTracker 1.2.23 — calm premium visual system. */
:root{
  --premium-bg:#f3efe6;
  --premium-bg-deep:#ebe5d9;
  --premium-surface:#fffdf8;
  --premium-surface-muted:#f8f4ec;
  --premium-ink:#1f2923;
  --premium-muted:#737970;
  --premium-line:#ded8cb;
  --premium-line-strong:#cfc7b8;
  --premium-accent:var(--lt-accent,var(--green,#587b63));
  --premium-accent-soft:color-mix(in srgb,var(--premium-accent) 12%,#fffdf8);
  --premium-accent-deep:color-mix(in srgb,var(--premium-accent) 78%,#17231b);
  --premium-danger:#bd5d50;
  --premium-warning:#c78a3c;
  --premium-radius:18px;
  --premium-radius-sm:12px;
  --premium-shadow:0 18px 48px rgba(45,39,29,.075),0 2px 8px rgba(45,39,29,.035);
  --premium-shadow-hover:0 22px 52px rgba(45,39,29,.11),0 5px 14px rgba(45,39,29,.05);
  --premium-focus:0 0 0 3px color-mix(in srgb,var(--premium-accent) 22%,transparent);
}

*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--premium-accent) 38%,transparent) transparent}
body{
  color:var(--premium-ink);
  background:
    radial-gradient(circle at 92% 3%,color-mix(in srgb,var(--premium-accent) 8%,transparent),transparent 28rem),
    linear-gradient(145deg,var(--premium-bg) 0%,#f8f5ee 55%,var(--premium-bg-deep) 100%);
  font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
  letter-spacing:-.008em;
}

.app-shell{background:transparent}
.sidebar{
  background:color-mix(in srgb,var(--premium-surface) 94%,transparent)!important;
  border-right:1px solid var(--premium-line)!important;
  box-shadow:10px 0 35px rgba(58,49,36,.045)!important;
  backdrop-filter:blur(18px);
}
.brand{padding-bottom:20px!important;border-bottom:1px solid var(--premium-line)!important}
.brand-mark{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:var(--premium-accent-deep)!important;
  box-shadow:0 8px 20px color-mix(in srgb,var(--premium-accent) 24%,transparent)!important;
}
.brand-title{font-size:17px!important;font-weight:750!important;letter-spacing:-.025em!important}
.brand-subtitle{color:var(--premium-muted)!important;font-size:11px!important;margin-top:3px!important}
.nav{gap:6px!important;margin-top:18px!important}
.nav button{
  min-height:46px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:13px!important;
  color:var(--premium-muted)!important;background:transparent!important;font-weight:650!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.nav button span{width:27px!important;font-size:17px!important;filter:saturate(.78)}
.nav button:hover{color:var(--premium-ink)!important;background:var(--premium-surface-muted)!important;border-color:var(--premium-line)!important;transform:translateX(2px)}
.nav button.active{
  color:#fff!important;background:var(--premium-accent-deep)!important;border-color:transparent!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--premium-accent) 24%,transparent)!important;
}
.side-card{
  background:var(--premium-surface)!important;border:1px solid var(--premium-line)!important;border-radius:var(--premium-radius)!important;
  box-shadow:none!important;padding:14px!important;
}
.sidebar-bottom{gap:8px!important}
.tasks-settings,.pin-support{
  min-height:44px!important;border-radius:13px!important;border:1px solid var(--premium-line)!important;
  background:var(--premium-surface)!important;color:var(--premium-ink)!important;box-shadow:none!important;font-weight:700!important;
}
.tasks-settings:hover,.pin-support:hover{border-color:var(--premium-line-strong)!important;background:var(--premium-accent-soft)!important}

.main{padding:34px 40px 48px!important}
.topbar{margin-bottom:27px!important;align-items:flex-end!important}
.eyebrow{
  color:var(--premium-accent-deep)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
.topbar h1,#pageTitle{font-size:clamp(30px,3vw,44px)!important;line-height:1.04!important;letter-spacing:-.045em!important;margin-top:7px!important;color:var(--premium-ink)!important}
.view{gap:18px!important}

/* One coherent family of surfaces. */
.card,.panel,.today-card,.month-card,.analytics-card,.goal-card,.work-card,
.task-card,.task-group,.calendar-card,.finance-card,.summary-card,
.settings-panel-v129,.settings-feature-v129,.settings-about-v129,
.settings-dashboard-v129>button,.settings-shortcuts-v129 article,
.tasks-v40-grid>section,.tasks-v40-grid>article,.task-settings-summary{
  background:var(--premium-surface)!important;
  border:1px solid var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;
  box-shadow:var(--premium-shadow)!important;
}
.card:hover,.today-card:hover,.month-card:hover,.goal-card:hover,.finance-card:hover,
.settings-dashboard-v129>button:hover{
  border-color:var(--premium-line-strong)!important;
  box-shadow:var(--premium-shadow-hover)!important;
}
.card,.panel,.today-card,.month-card,.analytics-card,.goal-card,.work-card,.finance-card{padding:22px!important}

h1,h2,h3,h4,strong,b{color:var(--premium-ink)}
h2{letter-spacing:-.03em}
h3{letter-spacing:-.02em}
.muted,small,.subtitle,.card-subtitle,.hint{color:var(--premium-muted)!important}
.eyebrow,.kicker,.section-kicker{color:var(--premium-accent-deep)!important}
hr{border:0;border-top:1px solid var(--premium-line)}

button,input,select,textarea{font:inherit}
button{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
button:active{transform:translateY(1px)}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;box-shadow:var(--premium-focus)!important}
button.primary,.primary{
  min-height:42px!important;border:1px solid transparent!important;border-radius:12px!important;
  background:var(--premium-accent-deep)!important;color:#fff!important;font-weight:750!important;
  box-shadow:0 8px 18px color-mix(in srgb,var(--premium-accent) 20%,transparent)!important;
}
button.primary:hover,.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}
button.ghost,.ghost,.icon-btn{
  border:1px solid var(--premium-line)!important;border-radius:12px!important;background:var(--premium-surface)!important;color:var(--premium-ink)!important;
}
button.danger,.danger{border-color:color-mix(in srgb,var(--premium-danger) 28%,var(--premium-line))!important;color:var(--premium-danger)!important}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),select,textarea{
  min-height:42px!important;border:1px solid var(--premium-line-strong)!important;border-radius:11px!important;
  background:var(--premium-surface)!important;color:var(--premium-ink)!important;padding:9px 12px!important;box-shadow:inset 0 1px 2px rgba(44,38,29,.025)!important;
}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--premium-accent) 40%,var(--premium-line-strong))!important}
input:focus,select:focus,textarea:focus{border-color:var(--premium-accent)!important}
input[type="checkbox"]{accent-color:var(--premium-accent)}
input[type="range"]{accent-color:var(--premium-accent)}

.badge,.chip,.pill,.tag{
  border:1px solid color-mix(in srgb,var(--premium-accent) 20%,var(--premium-line))!important;
  background:var(--premium-accent-soft)!important;color:var(--premium-accent-deep)!important;border-radius:999px!important;
}
.progress,.progress-track{background:var(--premium-bg-deep)!important;border-radius:999px!important;overflow:hidden!important}
.progress>*,.progress-fill{background:var(--premium-accent)!important;border-radius:inherit!important}

/* Settings: quieter hierarchy and stable geometry. */
.settings-app-v129{gap:24px!important;max-width:1480px!important;margin:0 auto!important}
.settings-sidebar-v129{
  width:236px!important;min-width:236px!important;background:var(--premium-surface)!important;
  border:1px solid var(--premium-line)!important;border-radius:22px!important;box-shadow:var(--premium-shadow)!important;padding:14px!important;
}
.settings-brand-v129{padding:8px 8px 16px!important;border-bottom:1px solid var(--premium-line)!important}
.settings-brand-v129>span,.settings-head-icon-v129{
  background:var(--premium-accent-soft)!important;border:1px solid color-mix(in srgb,var(--premium-accent) 18%,var(--premium-line))!important;
  border-radius:13px!important;box-shadow:none!important;
}
.settings-sidebar-v129 nav{gap:4px!important;padding:12px 0!important}
.settings-sidebar-v129 nav button{
  min-height:42px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--premium-muted)!important;
}
.settings-sidebar-v129 nav button:hover{background:var(--premium-surface-muted)!important;color:var(--premium-ink)!important}
.settings-sidebar-v129 nav button.active{background:var(--premium-accent-deep)!important;color:#fff!important;box-shadow:0 8px 20px color-mix(in srgb,var(--premium-accent) 20%,transparent)!important}
.settings-saved-v129{margin-top:auto!important;border-top:1px solid var(--premium-line)!important;background:transparent!important}
.settings-main-v129{min-width:0!important;padding:2px 4px 40px!important}
.settings-head-v129{margin:0 0 22px!important;padding:4px 2px!important;gap:15px!important}
.settings-head-v129 h2{font-size:32px!important;margin:3px 0!important}
.settings-head-v129 p{color:var(--premium-muted)!important;max-width:680px!important}
.settings-panel-v129{padding:8px!important;margin-bottom:14px!important;box-shadow:none!important}
.settings-panel-v129>h3{padding:14px 15px 11px!important;margin:0!important;border-bottom:1px solid var(--premium-line)!important}
.setting-row-v129{
  min-height:68px!important;margin:0!important;padding:12px 14px!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--premium-line) 72%,transparent)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.setting-row-v129:last-child{border-bottom:0!important}
.setting-row-v129:hover{background:var(--premium-surface-muted)!important}
.setting-row-v129>i{width:36px!important;height:36px!important;border-radius:11px!important;background:var(--premium-accent-soft)!important}
.setting-row-v129 span b{font-size:14px!important}.setting-row-v129 span small{margin-top:3px!important;line-height:1.35!important}
.settings-dashboard-v129{gap:12px!important}
.settings-dashboard-v129>button{min-height:82px!important;padding:16px!important;box-shadow:none!important;text-align:left!important}
.settings-dashboard-v129>button i{background:var(--premium-accent-soft)!important;border-radius:12px!important}
.settings-tip-v129{border:0!important;border-radius:var(--premium-radius)!important;background:var(--premium-accent-deep)!important;color:#fff!important;box-shadow:var(--premium-shadow)!important}
.settings-tip-v129 b,.settings-tip-v129 p{color:#fff!important}.settings-tip-v129 p{opacity:.75}
.settings-tip-v129 button{background:#fff!important;color:var(--premium-accent-deep)!important;border:0!important;border-radius:11px!important}
.settings-legacy-v129 .settings-tabs-v497{display:none!important}

/* Dialogs, lists and feedback. */
.modal{border:1px solid var(--premium-line)!important;border-radius:22px!important;background:var(--premium-surface)!important;box-shadow:0 30px 90px rgba(25,22,17,.24)!important}
.modal::backdrop{background:rgba(28,28,24,.34)!important;backdrop-filter:blur(7px)}
.modal-head{border-bottom:1px solid var(--premium-line)!important;padding-bottom:15px!important}
.modal-actions{border-top:1px solid var(--premium-line)!important;padding-top:15px!important}
.toast{border:1px solid color-mix(in srgb,var(--premium-accent) 25%,var(--premium-line))!important;border-radius:13px!important;background:var(--premium-surface)!important;color:var(--premium-ink)!important;box-shadow:var(--premium-shadow-hover)!important}
table{border-collapse:separate!important;border-spacing:0!important;background:var(--premium-surface)!important;border:1px solid var(--premium-line)!important;border-radius:14px!important;overflow:hidden!important}
th{background:var(--premium-surface-muted)!important;color:var(--premium-muted)!important;font-size:11px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
th,td{border-bottom:1px solid var(--premium-line)!important;padding:12px 14px!important}
tr:last-child td{border-bottom:0!important}

body[data-lt-theme="dark"]{
  --premium-bg:#151a17;--premium-bg-deep:#101411;--premium-surface:#1d2420;--premium-surface-muted:#242c27;
  --premium-ink:#edf1ec;--premium-muted:#a7afa9;--premium-line:#343d37;--premium-line-strong:#465149;
  --premium-shadow:0 18px 48px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.14);
  --premium-shadow-hover:0 22px 52px rgba(0,0,0,.28),0 5px 14px rgba(0,0,0,.17);
}
body[data-lt-theme="dark"] .sidebar{background:color-mix(in srgb,var(--premium-surface) 93%,transparent)!important}

@media(max-width:980px){
  .main{padding:25px 24px 40px!important}.settings-app-v129{gap:14px!important}.settings-sidebar-v129{width:205px!important;min-width:205px!important}
}
@media(max-width:760px){
  .main{padding:20px 16px 32px!important}.topbar h1,#pageTitle{font-size:30px!important}
  .settings-app-v129{display:block!important}.settings-sidebar-v129{width:100%!important;min-width:0!important;margin-bottom:16px!important;position:static!important}
  .settings-sidebar-v129 nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.settings-saved-v129{display:none!important}
}

body.lt-reduce-motion-v129 *,body.lt-reduce-motion-v129 *::before,body.lt-reduce-motion-v129 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}