: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}.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}.people-card{margin-top:var(--space-xl)}.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)}.people-card__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.people-card__person{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;color:var(--color-text-primary);transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.people-card__person:hover{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.people-card__person small{color:var(--color-text-secondary);font-size:.8125rem}.dashboard{max-width:680px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}.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)}.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}