:root{--bg-deep: #1a1114;--bg-surface: #231a1e;--bg-elevated: #2d2226;--bg-hover: #362a2e;--accent: #8b4545;--accent-light: #a85858;--accent-subtle: rgba(139, 69, 69, .15);--text-primary: #f0e6e8;--text-secondary: #a89a9e;--text-muted: #6e5f63;--border: #3a2e32;--border-light: #4a3e42;--status-in-window: #4a9e6e;--status-approaching: #c4913a;--status-past-peak: #b54a4a;--status-too-young: #6e5f63;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 64px;--page-padding: 16px;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}a{color:var(--accent-light);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:var(--font-body);font-size:inherit;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-weight:500;font-size:15px;transition:all .2s}.btn-primary{background:var(--accent);color:var(--text-primary)}.btn-primary:hover{background:var(--accent-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-ghost{color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-elevated)}.status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.in-window{background:#4a9e6e26;color:var(--status-in-window)}.status-badge.approaching{background:#c4913a26;color:var(--status-approaching)}.status-badge.past-peak{background:#b54a4a26;color:var(--status-past-peak)}.status-badge.too-young{background:#6e5f6326;color:var(--status-too-young)}.window-bar{position:relative;height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden;margin-top:8px}.window-bar-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;transition:width .3s ease}.page{padding:var(--page-padding);padding-bottom:calc(var(--nav-height) + 24px);min-height:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:8px}.page-title{font-size:28px;font-family:var(--font-display)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}