:root{--color-bg: #f9f8f6;--color-surface: #ffffff;--color-border: #e4e2de;--color-text-primary: #1a1916;--color-text-secondary: #7a7772;--color-accent: #c97b2e;--color-accent-hover: #a8651f;--color-accent-light: #fdf3e4;--color-error: #c0392b;--color-success: #2d7a3a;--color-success-light: #edf7ef;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Georgia", serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-card: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.1);--transition-base: .22s ease;--transition-fast: .12s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);height:56px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.navbar__logo{font-size:1.25rem;font-weight:600;letter-spacing:-.03em;color:var(--color-text-primary)}.navbar__links{display:flex;gap:var(--space-lg)}.navbar__link{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.navbar__link:hover{color:var(--color-text-primary)}.navbar__link.active{color:var(--color-accent)}.navbar__user{display:flex;align-items:center;gap:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--color-border)}.navbar__username{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.navbar__signout{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:none;border:none;padding:0;transition:color var(--transition-fast)}.navbar__signout:hover{color:var(--color-error)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .7s linear infinite}.spinner--sm{width:16px;height:16px}.spinner--md{width:28px;height:28px;border-width:3px}.spinner-wrap{display:flex;justify-content:center;padding:var(--space-xl) 0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,#ede9e3 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s infinite linear;border-radius:var(--radius-sm)}.period-strip{margin-bottom:var(--space-xl)}.period-strip__controls{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.period-strip__btn{padding:5px 14px;font-size:.8125rem;font-weight:500;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.period-strip__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.period-strip__btn--active{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.period-strip__count{margin-left:auto;font-size:.875rem;color:var(--color-text-secondary)}.mood-sparkline{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:var(--space-lg)}.mood-dot{display:inline-block;width:10px;height:10px;border-radius:50%;opacity:.85}.topic-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;color:var(--color-text-primary)}.tag small{color:var(--color-text-secondary);font-size:.75rem}.period-strip__skeleton{display:flex;flex-direction:column;gap:var(--space-md)}.period-strip__skeleton-dots{display:flex;gap:3px;flex-wrap:wrap}.period-strip__skeleton-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.period-strip__skeleton-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.period-strip__skeleton-tag{height:26px;border-radius:var(--radius-sm)}.count-bubbles{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:flex-start}.count-bubbles__group{display:flex;align-items:center;gap:var(--space-sm)}.count-bubbles__circle{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-light);border:1px solid rgba(201,123,46,.25);color:var(--color-accent);font-weight:600;flex-shrink:0;box-shadow:0 2px 6px #c97b2e26}.count-bubbles__labels{display:flex;flex-direction:column;gap:2px}.count-bubbles__label{font-size:.875rem;color:var(--color-text-primary);background:none;border:none;padding:0;text-align:left;cursor:pointer;transition:color var(--transition-fast);line-height:1.5}.count-bubbles__label:hover{color:var(--color-accent)}.people-card__skeleton-title{width:70px;height:18px;margin-bottom:var(--space-md)}.people-card__skeleton-bubbles{display:flex;gap:var(--space-md);align-items:flex-start;flex-wrap:wrap}.people-card__skeleton-group{display:flex;flex-direction:column;align-items:center;gap:6px}.people-card__skeleton-label{width:48px;height:12px}.people-card__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-md)}.places-card__skeleton-title{width:70px;height:18px;margin-bottom:var(--space-md)}.places-card__skeleton-bubbles{display:flex;gap:var(--space-md);align-items:flex-start;flex-wrap:wrap}.places-card__skeleton-group{display:flex;flex-direction:column;align-items:center;gap:6px}.places-card__skeleton-label{width:48px;height:12px}.places-card__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-md)}.narrative-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.narrative-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.narrative-header h2{font-family:var(--font-serif);font-size:1.125rem;font-weight:400;color:var(--color-text-primary)}.narrative-actions{display:flex;align-items:center;gap:4px}.narrative-refresh-icon{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 7px;font-size:.9375rem;line-height:1.4;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.narrative-refresh-icon:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.narrative-refresh-icon:disabled{opacity:.5;cursor:default}.narrative-nav{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 8px;font-size:1.125rem;line-height:1.4;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.narrative-nav:hover{border-color:var(--color-accent);color:var(--color-accent)}.narrative-text{font-family:var(--font-serif);font-size:1rem;line-height:1.75;color:var(--color-text-primary);margin-bottom:var(--space-md)}.narrative-meta{display:block;color:var(--color-text-secondary);font-size:.8125rem}.narrative-skeleton{display:flex;flex-direction:column;gap:8px}.narrative-skeleton__line{height:14px;width:100%}.narrative-skeleton__line--med{width:82%}.narrative-skeleton__line--short{width:60%}.narrative-skeleton__meta{height:11px;width:42%;margin-top:4px}.narrative-stack{position:relative;margin-top:var(--space-xl);padding-bottom:10px}.narrative-stack__front{position:relative;z-index:1;transition:opacity .12s ease}.narrative-stack--fading .narrative-stack__front{opacity:0}.narrative-stack__peek{position:absolute;top:4px;left:8px;right:8px;bottom:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:0}.dashboard{max-width:680px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.dashboard__cards-row{display:flex;gap:var(--space-xl);margin-top:var(--space-xl)}.dashboard__cards-row>*{flex:1;min-width:0}.error{text-align:center;padding:var(--space-2xl);color:var(--color-error)}.auth-page{min-height:calc(100vh - 56px);display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md)}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl);width:100%;max-width:400px}.auth-card__title{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;margin-bottom:var(--space-xl);color:var(--color-text-primary)}.auth-card__submit{width:100%;padding:11px var(--space-lg);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;margin-top:var(--space-md);transition:background var(--transition-fast),opacity var(--transition-fast)}.auth-card__submit:hover:not(:disabled){background:var(--color-accent-hover)}.auth-card__submit:disabled{opacity:.55;cursor:not-allowed}.auth-card__footer{margin-top:var(--space-lg);font-size:.875rem;color:var(--color-text-secondary);text-align:center}.auth-card__footer a{color:var(--color-accent);font-weight:500}.auth-card__footer a:hover{color:var(--color-accent-hover)}.auth-card__hint{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.new-entry{max-width:680px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.new-entry__title{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-xl)}.field{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.field__label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.field__input,.field__textarea{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:10px var(--space-md);font-family:var(--font-sans);font-size:1rem;color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none;width:100%}.field__input:focus,.field__textarea:focus{border-color:var(--color-accent)}.field__textarea{font-family:var(--font-serif);font-size:1rem;line-height:1.7;min-height:300px;resize:vertical}.new-entry__submit{margin-top:var(--space-md);padding:11px 28px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;transition:background var(--transition-fast),opacity var(--transition-fast)}.new-entry__submit:hover:not(:disabled){background:var(--color-accent-hover)}.new-entry__submit:disabled{opacity:.55;cursor:not-allowed}.alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:.9375rem;margin-bottom:var(--space-lg)}.alert--error{background:#fdf0ef;color:var(--color-error);border:1px solid #f5c6c2}.alert--success{background:var(--color-success-light);color:var(--color-success);border:1px solid #b7ddc0}.alert a{font-weight:500;text-decoration:underline;color:inherit}.entry-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base),transform var(--transition-base)}.entry-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.entry-card__date{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.entry-card__user{font-size:.8125rem;color:var(--color-accent);margin-bottom:var(--space-sm)}.entry-card__location{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.entry-card__preview{font-family:var(--font-serif);font-size:.9375rem;line-height:1.65;color:var(--color-text-primary)}.week-picker{margin-bottom:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.week-picker__nav{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.week-picker__month-labels{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.week-picker__month-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.06em}.week-picker__arrow{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.9375rem;transition:border-color var(--transition-fast),color var(--transition-fast)}.week-picker__arrow:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.week-picker__arrow:disabled{opacity:.3;cursor:not-allowed}.week-picker__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.week-picker__month{display:flex;flex-direction:column;gap:2px}.week-picker__week{display:block;width:100%;text-align:left;padding:5px 8px;font-size:.8125rem;font-family:var(--font-sans);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.week-picker__week:hover{background:var(--color-accent-light);color:var(--color-accent)}.week-picker__week--future{opacity:.3;cursor:not-allowed}.week-picker__week--current{border-color:var(--color-accent);color:var(--color-accent)}.week-picker__week--selected{background:var(--color-accent);color:#fff}.week-picker__week--selected:hover{background:var(--color-accent-hover);color:#fff}.entries-view{max-width:680px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.entries-view__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-xl)}.entries-view__title{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--color-text-primary)}.entries-view__count{font-size:.875rem;color:var(--color-text-secondary)}.entries-view__list{display:flex;flex-direction:column;gap:var(--space-md)}.entries-view__empty{text-align:center;padding:var(--space-2xl) 0;color:var(--color-text-secondary)}.entries-view__empty p{margin-bottom:var(--space-md)}.entries-view__empty a{color:var(--color-accent);font-weight:500}.entries-view__search{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);position:relative}.entries-view__search-input{flex:1;padding:9px 14px;font-size:.9375rem;font-family:var(--font-sans);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast)}.entries-view__search-input:focus{border-color:var(--color-accent)}.entries-view__search-clear{position:absolute;right:88px;background:transparent;border:none;font-size:1.125rem;color:var(--color-text-secondary);padding:0 6px;line-height:1}.entries-view__search-clear:hover{color:var(--color-text-primary)}.entries-view__search-btn{padding:9px 18px;font-size:.875rem;font-weight:500;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;transition:background var(--transition-fast)}.entries-view__search-btn:hover{background:var(--color-accent-hover)}.entries-view__error{text-align:center;padding:var(--space-xl) 0;color:var(--color-error)}.entries-view__retry{margin-top:var(--space-md);padding:8px 20px;background:transparent;border:1.5px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;transition:background var(--transition-fast)}.entries-view__retry:hover{background:#fdf0ef}.entry-detail{max-width:680px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.entry-detail__back{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.entry-detail__back:hover{color:var(--color-text-primary)}.entry-detail__meta{margin-bottom:var(--space-lg)}.entry-detail__user{font-size:.875rem;font-weight:500;color:var(--color-accent);margin-bottom:var(--space-xs)}.entry-detail__date{font-size:.8125rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em}.entry-detail__location{font-size:.8125rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.entry-detail__body{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.75;color:var(--color-text-primary);white-space:pre-wrap}.entries-view__skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:8px}.entries-view__skeleton-date{height:12px;width:140px}.entries-view__skeleton-line{height:14px;width:100%}.entries-view__skeleton-line--short{width:65%}.entry-detail__skeleton-meta{margin-bottom:var(--space-lg)}.entry-detail__skeleton-date{height:12px;width:150px}.entry-detail__skeleton-body-line{height:16px;width:100%;margin-bottom:8px}.entry-detail__skeleton-body-line--short{width:55%}.phase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card)}.phase-card--open{border-color:var(--color-accent)}.phase-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.phase-card__title{font-family:var(--font-serif);font-size:1.125rem;font-weight:400;color:var(--color-text-primary)}.phase-card__badge{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:2px 7px}.phase-card__meta{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.phase-card__description{font-family:var(--font-serif);font-size:1rem;line-height:1.75;color:var(--color-text-primary);margin-bottom:var(--space-md)}.phase-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.phase-chip{font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);padding:2px 8px}.phase-chip--topic{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.phase-chip--person{background:color-mix(in srgb,var(--color-text-secondary) 12%,transparent);color:var(--color-text-secondary)}.phase-chip--location{background:color-mix(in srgb,var(--color-text-secondary) 8%,transparent);color:var(--color-text-secondary)}.phase-card__explore{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.phase-card__explore:hover{color:var(--color-accent)}.phase-timeline{position:relative;height:28px;width:100%;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-border)}.phase-timeline__band{position:absolute;top:0;bottom:0;border:none;cursor:pointer;padding:0;transition:filter var(--transition-fast)}.phase-timeline__band:hover{filter:brightness(.88)}.phase-timeline__band--selected{box-shadow:inset 0 -4px #0003;filter:brightness(1.05)}.phases-page{max-width:680px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.phases-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2xl)}.phases-page__title{font-family:var(--font-serif);font-size:1.75rem;font-weight:400;color:var(--color-text-primary)}.phases-page__refresh{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;font-size:1rem;color:var(--color-text-secondary);transition:border-color var(--transition-fast),color var(--transition-fast)}.phases-page__refresh:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.phases-page__refresh:disabled{opacity:.5;cursor:default}.phases-page__error{color:var(--color-error);text-align:center;padding:var(--space-2xl)}.phases-page__empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.phases-page__empty-hint{font-family:var(--font-serif);font-size:.9375rem;margin-top:var(--space-sm);color:var(--color-text-secondary);opacity:.7}.phases-page__timeline-row{display:flex;align-items:flex-end;gap:var(--space-sm);margin-bottom:var(--space-lg)}.phases-page__timeline-wrap{flex:1}.phases-page__year{font-size:.75rem;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-xs);letter-spacing:.05em}.phases-page__nav{background:none;border:none;font-size:1.75rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:0 var(--space-xs);transition:color var(--transition-fast);flex-shrink:0}.phases-page__nav:hover:not(:disabled){color:var(--color-text-primary)}.phases-page__nav:disabled{opacity:.25;cursor:default}.ask-page__textarea{min-height:120px;resize:vertical}.ask-page__result{margin-top:var(--space-2xl)}.ask-page__answer{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.75;color:var(--color-text-primary);background:var(--color-surface);border-left:3px solid var(--color-accent);padding:var(--space-lg) var(--space-xl);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-xl)}.ask-page__sources{margin-top:var(--space-xl)}.ask-page__sources .entry-card+.entry-card{margin-top:var(--space-md)}.ask-page__sources-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md)}