@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sa-cream:#f5f0e8;--sa-cream-deep:#ede6da;--sa-parchment:#faf7f2;--sa-linen:#f0ebe3;--sa-earth:#3d2b1f;--sa-earth-light:#5c4333;--sa-earth-muted:#7a6658;--sa-terracotta:#c4705a;--sa-terracotta-light:#d48b78;--sa-terracotta-dark:#a55a46;--sa-terracotta-soft:#c4705a1f;--sa-gold:#d4a853;--sa-gold-light:#e4c87a;--sa-gold-soft:#d4a85326;--sa-sage:#6b7d6e;--sa-sage-light:#8fa392;--sa-sage-soft:#6b7d6e1f;--sa-wood:#8b6f47;--sa-wood-light:#a68b62;--sa-wood-soft:#8b6f471f;--sa-ink:#2a2118;--sa-ink-light:#4a3f34;--sa-ink-muted:#8a7d72;--sa-ink-faint:#b5aca3;--bg-color:var(--sa-cream);--bg-gradient:linear-gradient(180deg, var(--sa-parchment) 0%, var(--sa-cream) 40%, var(--sa-linen) 100%);--panel-bg:var(--sa-parchment);--panel-border:#8b6f4726;--panel-shadow:0 4px 24px #3d2b1f14, 0 1px 3px #3d2b1f0d;--text-primary:var(--sa-ink);--text-secondary:var(--sa-ink-muted);--text-tertiary:var(--sa-ink-faint);--accent-color:var(--sa-terracotta);--accent-hover:var(--sa-terracotta-light);--accent-glow:#c4705a40;--message-user-bg:var(--sa-terracotta-soft);--message-user-border:#c4705a40;--message-ai-bg:var(--sa-parchment);--message-ai-border:var(--panel-border);--input-bg:var(--sa-cream-deep);--input-border:#8b6f4733;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1);--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-xl:36px;--radius-pill:9999px;--radius-organic:24px 8px 32px 16px;--brand-primary:var(--sa-terracotta);--brand-secondary:var(--sa-gold);--aura-orange:var(--sa-terracotta);--aura-purple:var(--sa-wood);--aura-blue:var(--sa-terracotta);--glass-border:var(--panel-border);--error-red:#c45a5a;--success-green:#5a8a6a;--warning-amber:#c49a3a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--sa-cream);color:var(--text-primary);overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}button,a,[role=button],input[type=submit],input[type=button]{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body:before{content:"";z-index:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::selection{background:var(--sa-terracotta-soft);color:var(--sa-terracotta-dark)}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:1.15}.dashboard-layout{width:100vw;height:100vh;display:flex}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}to{opacity:.6;transform:scale(1)}}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 12px #c4705a00}to{box-shadow:0 0 #c4705a00}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s var(--transition-smooth) forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.65}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-soft}.spinner{animation:.85s linear infinite spin}.huge-spinner{width:56px!important;height:56px!important}.flex-center{justify-content:center;align-items:center;display:flex}.primary-btn{background:var(--sa-terracotta);color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 10px var(--accent-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--sa-terracotta-light);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-2px)}.primary-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=768px){input,textarea,select{font-size:16px!important}button:not(.tf-letter):not(.history-icon),[role=button],a.btn-primary,a.btn-secondary,a.primary-btn{min-height:44px}}@media (width<=380px){body{font-size:15px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sa-wood-soft);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--sa-wood-light)}.btn-primary{border-radius:var(--radius-pill);background:var(--sa-terracotta);color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--sa-terracotta-light);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{border:1.5px solid var(--sa-wood);border-radius:var(--radius-pill);color:var(--sa-wood);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--sa-wood-soft);border-color:var(--sa-wood-light)}.card{background:var(--sa-parchment);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);transition:all var(--transition-fast);padding:1.5rem}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #3d2b1f1a}.input-field{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);padding:1rem 1rem 1rem 3rem;font-family:Inter,sans-serif;font-size:1rem}.input-field:focus{border-color:var(--sa-terracotta);box-shadow:0 0 0 3px var(--sa-terracotta-soft);outline:none}.input-field::placeholder{color:var(--sa-ink-faint)}.phase-ontleding{--phase-color:var(--sa-terracotta)}.phase-contract{--phase-color:var(--sa-gold)}.phase-simulatie{--phase-color:var(--sa-sage)}.phase-stilte{--phase-color:var(--sa-earth)}.phase-tribunaal{--phase-color:var(--sa-wood)}.phase-codex{--phase-color:var(--sa-sage-light)}