:root{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f5f5f7;--color-text: #1d1d1f;--color-border: #e3e3e8;--color-muted: #6e6e73;--color-hover: #ececf0;--color-accent: #5a4a86;--color-on-accent: #fff;--color-shadow: rgba(0, 0, 0, .1);--color-surface: #fff;--color-surface-secondary: #f5f5f7;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-separator: rgba(60, 60, 67, .12);--color-fill: rgba(120, 120, 128, .1);--color-fill-secondary: rgba(120, 120, 128, .16);--color-accent-tint: color-mix(in srgb, var(--color-accent) 12%, transparent);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-card: 0 0 0 .5px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);--shadow-popover: 0 0 0 1px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .14);--shadow-modal: 0 0 0 1px rgba(0, 0, 0, .04), 0 24px 60px rgba(0, 0, 0, .28);--font-size-large-title: 26px;--font-size-title2: 20px;--font-size-title3: 16px;--font-size-body: 14px;--font-size-footnote: 12px;--font-size-caption: 11px}:host{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root.theme-dark{--color-bg: #1c1c1e;--color-text: #f5f5f7;--color-border: #3a3a3c;--color-muted: #a1a1a6;--color-hover: #3a3a3c;--color-accent: #9a86d4;--color-on-accent: #1c1c1e;--color-shadow: rgba(0, 0, 0, .5);--color-surface: #2c2c2e;--color-surface-secondary: #3a3a3c;--color-text-secondary: #a1a1a6;--color-text-tertiary: #7c7c80;--color-separator: rgba(84, 84, 88, .5);--color-fill: rgba(120, 120, 128, .2);--color-fill-secondary: rgba(120, 120, 128, .28);--shadow-card: 0 0 0 .5px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);--shadow-popover: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px rgba(0, 0, 0, .55);--shadow-modal: 0 0 0 1px rgba(255, 255, 255, .06), 0 24px 60px rgba(0, 0, 0, .7)}.ui-btn,.ui-icon-btn{--_accent: var(--panel-accent, var(--color-accent, #4c8bf5));--_text: var(--panel-text, var(--color-text, #1a1a1a));--_border: var(--panel-border, var(--color-border, #e0e0e0));--_hover: var(--panel-hover, var(--color-hover, #f0f0f0));--_fill: var(--color-fill, var(--panel-hover, #f0f0f0))}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md, 8px);font-family:inherit;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,filter .15s ease,opacity .15s ease}.ui-btn:focus-visible,.ui-icon-btn:focus-visible{outline:2px solid var(--_accent);outline-offset:2px}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--md{padding:9px 14px;font-size:14px}.ui-btn--sm{padding:6px 10px;font-size:13px}.ui-btn--lg{padding:14px 24px;font-size:16px}.ui-btn--full{width:100%}.ui-btn--primary{background:var(--_accent);color:#fff}.ui-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.ui-btn--primary:active:not(:disabled){filter:brightness(.95)}.ui-btn--secondary{background:var(--_fill);color:var(--_text)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-fill-secondary, var(--_hover))}.ui-btn--ghost{background:transparent;color:var(--_text)}.ui-btn--ghost:hover:not(:disabled){background:var(--_fill)}.ui-btn--onaccent{background:var(--color-surface, #fff);color:var(--_accent)}.ui-btn--onaccent:hover:not(:disabled){filter:brightness(.95)}.ui-icon-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--_text);cursor:pointer;padding:0;transition:background .15s ease}.ui-icon-btn--md{width:32px;height:32px}.ui-icon-btn--sm{width:28px;height:28px}.ui-icon-btn--ghost:hover:not(:disabled){background:var(--_fill)}.ui-icon-btn--solid{background:var(--_accent);color:#fff}.ui-theme-selector{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:0;border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-text, #1a1a1a);cursor:pointer;transition:background .15s ease}.ui-theme-selector:hover{background:var(--color-fill, rgba(120, 120, 128, .1))}.ui-theme-selector svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ui-theme-selector:focus-visible{outline:2px solid var(--color-accent, #4c8bf5);outline-offset:2px}.ui-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ui-icon-btn--loading{color:var(--_accent);cursor:progress}.ui-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.ui-field label{font-size:12px;color:var(--panel-muted, var(--color-muted, #666))}.ui-field input{padding:8px 10px;border:1px solid var(--panel-border, var(--color-border, #e0e0e0));border-radius:var(--radius-md, 8px);font-size:14px;background:var(--panel-bg, var(--color-surface, var(--color-bg, #fff)));color:var(--panel-text, var(--color-text, #1a1a1a))}.ui-field input:focus-visible{outline:none;border-color:var(--panel-accent, var(--color-accent, #4c8bf5));box-shadow:0 0 0 3px var(--color-accent-tint, transparent)}.ui-backend-settings{padding-top:10px;border-top:1px solid var(--panel-border, var(--color-border, #e0e0e0))}.ui-backend-settings .ui-field{margin-bottom:8px}.ui-backend-settings input{box-sizing:border-box;width:100%;min-width:0;font-size:12px}.ui-backend-settings__status{margin:7px 0 0;color:var(--color-success, #287d3c);font-size:11px;line-height:1.35}.ui-backend-settings__status--error{color:var(--color-danger, #c62828)}.ui-status{border:1px dashed var(--panel-border, var(--color-border, #e0e0e0));border-radius:var(--radius-lg, 12px);padding:40px 24px;text-align:center;color:var(--panel-muted, var(--color-muted, #666))}.ui-status>p{margin:0}.ui-status>p+p{margin-top:8px}.ui-skeleton{background:var(--color-fill, var(--panel-hover, #f0f0f0));border-radius:var(--radius-md, 8px);animation:ui-skeleton-pulse 1.4s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.ui-spinner{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:1.45;-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text)}.page{min-height:100vh;display:flex;flex-direction:column}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:340px;padding:36px 32px;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.auth-card__brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.auth-card__brand strong{font-size:17px;font-weight:700;letter-spacing:-.01em}.auth-card h1{margin:0 0 20px;font-size:var(--font-size-title2);font-weight:700;letter-spacing:-.015em}.auth-google-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.auth-google-button>.ui-spinner{width:18px;height:18px}.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-separator)}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.field label{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.field input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background:var(--color-surface);color:var(--color-text)}.field input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.settings-heading{margin:28px 4px 8px;font-size:var(--font-size-title3);font-weight:600}.settings-form{display:flex;flex-direction:column;gap:0;margin-bottom:8px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.settings-muted{margin:0 4px 8px;color:var(--color-text-secondary);font-size:13px}.setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 16px}.setting-row:not(:last-child):after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background:var(--color-separator)}.setting-row label{font-size:14px;color:var(--color-text)}.setting-select,.history-toolbar select,.library-toolbar select{min-height:32px;padding:6px 30px 6px 12px;border:none;border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23848489' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;color:var(--color-text);cursor:pointer;font:inherit;font-size:13px;transition:background-color .15s ease}.setting-select{min-width:200px}.setting-select:hover,.history-toolbar select:hover,.library-toolbar select:hover{background-color:var(--color-fill-secondary)}.setting-select:focus-visible,.history-toolbar select:focus-visible,.library-toolbar select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.setting-range{display:flex;align-items:center;gap:10px}.setting-range input[type=range]{width:180px;accent-color:var(--color-accent);cursor:pointer}.setting-range__value{font-size:13px;color:var(--color-text-secondary);min-width:36px;text-align:right}.setting-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:22px;margin:0;border-radius:var(--radius-pill);background:var(--color-fill-secondary);position:relative;cursor:pointer;transition:background .2s ease}.setting-row input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.setting-row input[type=checkbox]:checked{background:var(--color-accent)}.setting-row input[type=checkbox]:checked:before{transform:translate(14px)}.setting-row input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.setting-color{width:40px;height:28px;padding:0;border:1px solid var(--color-separator);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer}.disabled-sites__search{width:100%;margin:0 0 10px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:14px;background:var(--color-surface);color:var(--color-text)}.disabled-sites__search:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}.disabled-sites{display:flex;flex-direction:column;gap:0;margin:0 0 8px;padding:0;list-style:none;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-height:330px;overflow-y:auto}.disabled-sites__item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px}.disabled-sites__item:not(:last-child):after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background:var(--color-separator)}.disabled-sites__text{min-width:0;flex:1}.disabled-sites__label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);font-size:14px}.disabled-sites__meta{display:block;margin-top:2px;color:var(--color-text-secondary);font-size:var(--font-size-footnote)}.auth-error{color:#d32f2f;font-size:13px;margin:-6px 0 14px}:root.theme-dark .auth-error{color:#ff6b6b}.auth-switch{margin-top:16px;font-size:13px;text-align:center;color:var(--color-text-secondary)}.auth-switch a{color:var(--color-accent);font-weight:600}.navbar{position:sticky;top:0;z-index:10;padding:10px 0;background:var(--color-bg);background:color-mix(in srgb,var(--color-bg) 78%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border-bottom:1px solid var(--color-separator)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:4px;padding:0 24px;max-width:1040px;margin:0 auto;width:100%}.navbar__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text)}.navbar__brand strong{font-size:16px;font-weight:700;letter-spacing:-.01em}.navbar__links{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.navbar a{color:var(--color-text);text-decoration:none;font-size:14px}.navbar__link{padding:6px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease}.navbar__link:hover{background:var(--color-fill);color:var(--color-text)}.navbar__link--active,.navbar__link--active:hover{background:var(--color-accent-tint);color:var(--color-accent)}.content{flex:1;padding:36px 24px 48px;max-width:1040px;margin:0 auto;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.page-header__title{margin:0;font-size:var(--font-size-large-title);font-weight:700;letter-spacing:-.022em}.page-header .history-filter{margin-bottom:0}@media(max-width:640px){.page-header{flex-direction:column;align-items:stretch}}.stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stats-section{margin-bottom:40px}.weekly-usage{display:flex;flex-direction:column;gap:14px;margin-bottom:32px;padding:22px 20px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.weekly-usage__summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.weekly-usage h2,.weekly-usage p{margin:0}.weekly-usage p,.weekly-usage__meta{color:var(--color-text-secondary);font-size:var(--font-size-footnote)}.weekly-usage__value{color:var(--color-text);font-size:20px;white-space:nowrap}.weekly-usage__progress{width:100%;height:8px;overflow:hidden;border:0;border-radius:var(--radius-pill);background:var(--color-fill);accent-color:var(--color-accent)}.weekly-usage__progress::-webkit-progress-bar{background:var(--color-fill)}.weekly-usage__progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--color-accent)}.weekly-usage__meta{display:flex;justify-content:space-between;gap:16px}.weekly-usage--warning{box-shadow:inset 3px 0 #d97706,var(--shadow-card)}.weekly-usage--exhausted{box-shadow:inset 3px 0 #dc2626,var(--shadow-card)}.weekly-usage__alert{font-size:var(--font-size-footnote)}.weekly-usage--warning .weekly-usage__alert{color:#d97706}.weekly-usage--exhausted .weekly-usage__alert{color:#dc2626}.weekly-usage__alert a{color:inherit;font-weight:600}.billing-card--skeleton{height:120px;border-radius:var(--radius-lg)}.billing-return-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 14px;border-radius:var(--radius-md, 8px);background:color-mix(in srgb,#16a34a 12%,transparent);color:#16a34a;font-size:var(--font-size-footnote)}.billing-return-banner--pending{background:color-mix(in srgb,#d97706 12%,transparent);color:#d97706}.billing-return-banner button{border:0;background:none;color:inherit;font:inherit;font-weight:600;cursor:pointer}.account-card>.billing-plan-actions{display:grid;flex:0 1 400px;width:100%;max-width:400px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.billing-plan-option{width:100%;min-width:0;min-height:58px;flex-direction:column;line-height:1.2}.billing-plan-option small{font-size:11px;font-weight:500;opacity:.82}.weekly-usage--skeleton{height:142px;margin-bottom:32px;border-radius:var(--radius-lg)}.stats-section h2{margin:0 0 16px;font-size:var(--font-size-title2);font-weight:700;letter-spacing:-.015em}.stats-section h3{margin:0 0 12px;font-size:var(--font-size-title3);font-weight:600}.stat-card{display:flex;flex-direction:column;gap:4px;padding:22px 20px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.stat-card__value{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.stat-card__label{font-size:var(--font-size-footnote);font-weight:500;color:var(--color-text-secondary)}.stat-card--skeleton{height:106px;border-radius:var(--radius-lg)}.chart-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chart-tabs__tab{border:none;border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:13px;font-weight:500;padding:6px 14px;transition:background .15s ease,color .15s ease}.chart-tabs__tab:hover{background:var(--color-fill-secondary);color:var(--color-text)}.chart-tabs__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.chart-tabs__tab[aria-selected=true],.chart-tabs__tab[aria-selected=true]:hover{background:var(--color-accent);color:var(--color-on-accent)}.chart-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.chart-card__title{margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.chart-card__body{width:100%;height:260px}.chart-card__empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:var(--color-text-secondary)}.recharts-default-tooltip{background:var(--color-surface)!important;border:1px solid var(--color-separator)!important;border-radius:var(--radius-md);box-shadow:var(--shadow-popover);color:var(--color-text);font-size:12px}.recent-sessions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.recent-sessions__item{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 16px}.recent-sessions__item:not(:last-child):after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background:var(--color-separator)}.recent-sessions__item a{color:var(--color-text);font-size:14px;font-weight:600;text-decoration:none}.recent-sessions__item a:hover{color:var(--color-accent)}.recent-sessions__meta{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.recent-sessions__title{color:var(--color-text);font-size:14px;font-weight:600}.recent-sessions__timestamp{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.recent-sessions__details>.recent-sessions{margin-top:12px}.recent-sessions__summary{cursor:pointer;font-size:var(--font-size-title3);font-weight:600;color:var(--color-text);list-style:none}.recent-sessions__summary::-webkit-details-marker{display:none}.recent-sessions__summary:before{content:"▸";display:inline-block;margin-right:8px;color:var(--color-text-secondary);transition:transform .15s ease}.recent-sessions__details[open]>.recent-sessions__summary:before{transform:rotate(90deg)}.history{display:flex;flex-direction:column;gap:18px}.history-filter{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.history-filter__dates,.history-filter__actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px}.history-filter label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.history-filter__dates{position:relative}.history-filter__trigger{min-height:32px;min-width:160px;padding:6px 12px;border:none;border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-text);cursor:pointer;font:inherit;font-size:13px;text-align:left;transition:background .15s ease}.history-filter__trigger:hover,.history-filter__trigger[aria-expanded=true]{background:var(--color-fill-secondary)}.history-filter__trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-filter__popover{position:absolute;top:calc(100% + 6px);left:0;z-index:30;max-width:calc(100vw - 32px);overflow:auto;padding:12px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover)}.history-filter__popover .rdp-root{--rdp-accent-color: var(--color-accent);--rdp-accent-background-color: color-mix( in srgb, var(--color-accent) 16%, transparent );--rdp-today-color: var(--color-accent);--rdp-range_middle-background-color: color-mix( in srgb, var(--color-accent) 16%, transparent );--rdp-day-width: 38px;--rdp-day-height: 38px;--rdp-day_button-width: 38px;--rdp-day_button-height: 38px;margin:0;color:var(--color-text);font:inherit}.history-filter__popover .rdp-day_button:hover{border-color:var(--color-accent)}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.history-list__item{position:relative;display:flex;justify-content:space-between;gap:18px;padding:12px 16px;transition:background .12s ease}.history-list__item:not(:last-child):after{content:"";position:absolute;left:16px;right:0;bottom:0;height:1px;background:var(--color-separator)}.history-list__item:hover{background:var(--color-fill)}.history-list__item--group{align-items:flex-start}.history-list__main{min-width:0;display:flex;flex-direction:column;gap:3px}.history-list__main a{display:block;max-width:100%;color:var(--color-text);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list__main a:hover{color:var(--color-accent)}.history-list__group-button{min-width:0;flex:1;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.history-list__group-button:hover .history-list__group-title{color:var(--color-accent)}.history-list__group-title{display:block;max-width:100%;color:var(--color-text);font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list__meta,.history-list__timestamp{font-size:var(--font-size-footnote);color:var(--color-text-secondary)}.history-list__meta{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-list__actions{display:flex;align-items:flex-start;gap:8px;flex-shrink:0}.history-list__delete,.history-list__cancel,.history-filter__actions button,.history-modal__close,.history__load-more{border:none;border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-text);cursor:pointer;font:inherit;font-size:13px;font-weight:500;min-height:32px;padding:6px 14px;transition:background .15s ease}.history-filter__actions button[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.history-filter__actions button[aria-pressed=true]:hover{background:var(--color-accent)}.history-list__delete:hover,.history-list__cancel:hover,.history-filter__actions button:hover,.history-modal__close:hover,.history__load-more:hover{background:var(--color-fill-secondary)}.history-list__delete:focus-visible,.history-list__cancel:focus-visible,.history-filter__actions button:focus-visible,.history-modal__close:focus-visible,.history__load-more:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.history-list__delete:disabled,.history-list__cancel:disabled,.history-filter__actions button:disabled,.history-modal__close:disabled,.history__load-more:disabled{cursor:not-allowed;opacity:.6}.history__load-more{align-self:flex-start}.history-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.history-modal{width:min(640px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:24px;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-modal)}.history-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.history-modal__header h2{margin:0;font-size:var(--font-size-title2);font-weight:700;letter-spacing:-.015em}.history-modal__header p{margin:4px 0 0;color:var(--color-text-secondary);font-size:13px}.history-modal__list{gap:0}.history-modal .history-list{background:var(--color-surface-secondary);box-shadow:none}@media(max-width:640px){.history-filter{align-items:stretch;flex-direction:column}.history-filter__dates,.history-filter__actions{width:100%}.history-filter label,.history-filter__trigger{flex:1}.history-filter__popover{left:0;right:0}.history-list__item{flex-direction:column}.history-list__actions{width:100%}}.files-upload__input{display:none}.file-viewer__nav{margin-bottom:16px}.file-viewer__back{color:var(--color-accent);text-decoration:none;font-size:13px}.file-viewer__back:hover{text-decoration:underline}.file-article{padding:32px 36px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);font-size:15px;line-height:1.7}.file-article h1,.file-article h2,.file-article h3,.file-article h4,.file-article h5,.file-article h6{line-height:1.3;letter-spacing:-.015em;margin:1.4em 0 .5em}.file-article h1:first-child{margin-top:0}.file-article p{margin:0 0 1em}.file-article ul,.file-article ol{padding-left:1.4em;margin:0 0 1em}.file-article blockquote{margin:0 0 1em;padding:.25em 0 .25em 1em;border-left:3px solid var(--color-accent);color:var(--color-text-secondary)}.file-article code{background:var(--color-fill);border-radius:4px;padding:.1em .35em;font-size:.9em}.file-article pre{background:var(--color-fill);border-radius:var(--radius-md);padding:12px 16px;overflow-x:auto;margin:0 0 1em}.file-article pre code{background:none;padding:0}.file-article img{max-width:100%}.file-article table{border-collapse:collapse;margin:0 0 1em}.file-article th,.file-article td{border:1px solid var(--color-separator);padding:6px 10px;text-align:left}.file-article hr{border:none;border-top:1px solid var(--color-separator);margin:1.5em 0}.files-dropzone{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 16px;margin-bottom:20px;border:1.5px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.files-dropzone:hover,.files-dropzone:focus-visible{border-color:var(--color-accent);color:var(--color-text)}.files-dropzone--active{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-tint)}.error-boundary{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:48px;padding:24px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.error-boundary__title{margin:0;font-size:var(--font-size-title2);font-weight:600}.error-boundary__message{margin:0;color:var(--color-text-secondary);font-size:14px}.navbar__menu{display:none}.page-header__description{margin:6px 0 0;color:var(--color-text-secondary);font-size:14px}.eyebrow{display:block;margin-bottom:5px;color:var(--color-accent);font-size:11px;font-weight:700;letter-spacing:.08em}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading a{display:flex;align-items:center;gap:4px;color:var(--color-accent);font-size:13px;text-decoration:none}.onboarding{margin-bottom:32px;padding:24px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent-tint),var(--color-surface));box-shadow:var(--shadow-card)}.onboarding__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.onboarding h2{margin:0;font-size:var(--font-size-title2)}.onboarding__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 0;padding:0;list-style:none;counter-reset:steps}.onboarding__steps li{display:flex;flex-direction:column;gap:4px;position:relative;padding-left:34px;counter-increment:steps}.onboarding__steps li:before{content:counter(steps);position:absolute;left:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:#fff;font-size:12px;font-weight:700}.onboarding__steps span,.muted-copy{color:var(--color-text-secondary);font-size:13px}.connection-badge{padding:5px 10px;border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.connection-badge--connected{background:var(--color-accent-tint);color:var(--color-accent)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:40px}.dashboard-panel{padding:20px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.dashboard-panel>h2{margin:0 0 14px;font-size:var(--font-size-title3)}.compact-list{list-style:none;margin:0;padding:0}.compact-list li{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--color-separator)}.compact-list li:last-child{border:0}.compact-list a{color:var(--color-text);font-size:14px;font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list span{color:var(--color-text-secondary);font-size:12px}.quick-links{display:flex;flex-direction:column}.quick-links>a{display:flex;align-items:center;gap:12px;padding:9px 0;color:var(--color-text);text-decoration:none}.quick-links span,.setting-row label{display:flex;flex-direction:column;gap:2px}.quick-links small,.setting-row label span,.account-card span{color:var(--color-text-secondary);font-size:12px;font-weight:400}.setting-color:disabled{cursor:not-allowed;opacity:.45}.settings-save-status{min-height:24px;display:flex;justify-content:flex-end;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:12px}.settings-save-status button{border:0;background:none;color:var(--color-accent);cursor:pointer}.account-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.account-card>div{display:flex;flex-direction:column;gap:3px;min-width:0}.file-viewer__nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-viewer__hint{margin:-8px 0 16px;color:var(--color-text-secondary);font-size:12px;text-align:right}.library-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px}.search-field{flex:1;display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit}.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(max-width:640px){.navbar__inner{padding:0 16px}.navbar__menu{display:inline-flex}.navbar__links{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 6px);flex-direction:column;align-items:stretch;padding:10px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-popover)}.navbar__links--open{display:flex}.navbar__link{padding:10px 12px}.content{padding:24px 16px 40px}.stats__grid,.onboarding__steps,.dashboard-grid{grid-template-columns:1fr}.onboarding__header,.weekly-usage__summary,.weekly-usage__meta,.account-card{flex-direction:column;align-items:stretch}.account-card>.billing-plan-actions{grid-template-columns:1fr}.setting-select,.setting-range input[type=range]{min-width:0;width:140px}.library-toolbar{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.history-toolbar{display:flex;gap:10px;margin-bottom:18px}.history-toolbar input{flex:1;min-width:0}.history-toolbar input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:13px}.history-day>h2{margin:0 4px 8px;color:var(--color-text-secondary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.history-day+.history-day{margin-top:24px}@media(max-width:640px){.history-toolbar{flex-direction:column}}