:root{--color-bg: #f6f1e7;--color-surface: #fffdf8;--color-border: #e2d9c6;--color-text: #332c22;--color-text-muted: #8a8071;--color-primary: #ab6b43;--color-primary-dark: #87532f;--color-primary-contrast: #fffdf8;--color-danger: #a8483a;--color-danger-dark: #883a2f;--color-success: #66724f;--color-overlay: rgba(26, 22, 15, .93);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-sm: 0 1px 3px rgba(51, 44, 34, .08);--shadow-md: 0 6px 20px rgba(51, 44, 34, .12);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--touch-target: 48px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}img,video{max-width:100%;display:block}button,input{font-family:inherit}a{color:var(--color-primary-dark)}.page{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.25;letter-spacing:.01em;margin:0 0 var(--space-3)}h1{font-size:clamp(1.6rem,4vw,2.2rem)}p{margin:0 0 var(--space-3);color:var(--color-text-muted);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .05s ease,opacity .15s ease;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:600;font-size:.9rem}.input{min-height:var(--touch-target);padding:0 var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:1rem;color:var(--color-text)}.input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.error-text{color:var(--color-danger);font-size:.9rem;margin:0}.top-bar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3)}.top-bar h1{margin:0;font-size:1.1rem}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:var(--color-border);color:var(--color-text)}.badge-success{background:color-mix(in srgb,var(--color-success) 18%,var(--color-surface));color:var(--color-success)}.badge-danger{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface));color:var(--color-danger)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){:root{--color-bg: #201b13;--color-surface: #2a2419;--color-border: #453d2c;--color-text: #f1ead9;--color-text-muted: #b6ab93;--color-primary: #d99a68;--color-primary-dark: #e6b087;--color-primary-contrast: #201b13;--color-success: #93a179;--color-danger: #c17766;--color-overlay: rgba(12, 10, 6, .95)}}