: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}.landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 56px);padding:var(--space-xl);text-align:center}.landing__headline{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.2;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.landing__sub{font-size:1.0625rem;color:var(--color-text-secondary);max-width:400px;margin-bottom:var(--space-xl)}.landing__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;padding:10px 24px;border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);border:1.5px solid transparent}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--outline{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--outline:hover{background:var(--color-accent-light)}.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__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__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__body{font-family:var(--font-serif);font-size:1.0625rem;line-height:1.75;color:var(--color-text-primary);white-space:pre-wrap}