*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #110a14;--bg-surface: #1c1021;--bg-card: #241529;--bg-input: #1a0f1e;--accent: #c084c4;--accent-soft: #9b59b6;--accent-glow: rgba(192, 132, 196, .12);--gold: #d4a843;--gold-soft: rgba(212, 168, 67, .12);--text: #f0e6f5;--text-muted: #9e85a8;--text-dim: #5c4668;--border: rgba(192, 132, 196, .18);--border-soft: rgba(255, 255, 255, .05);--danger: #c0392b;--success: #7dcea0;--warn: #e67e22;--radius: 14px;--radius-sm: 8px;--font-serif: "Georgia", "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--header-h: 52px;--input-h: 72px}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column;max-width:600px;margin:0 auto}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:2px}.serif{font-family:var(--font-serif)}.muted{color:var(--text-muted)}.dim{color:var(--text-dim);font-size:.8rem}.accent{color:var(--accent)}.gold{color:var(--gold)}.grace-container{display:flex;flex-direction:column;height:100%;position:relative;background:var(--bg)}.vivienne-header{height:var(--header-h);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;background:var(--bg);border-bottom:1px solid var(--border)}.vivienne-header-name{font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.lock-indicator{position:absolute;right:16px;font-size:1rem;opacity:.7;filter:hue-rotate(270deg)}.message-area{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:4px;padding-bottom:calc(var(--input-h) + 16px)}.initializing-state{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 0}.load-older{text-align:center;margin-bottom:20px;opacity:.6}.message-row{display:flex;flex-direction:column;margin-bottom:8px}.message-row-vivienne{align-items:flex-start}.message-row-user{align-items:flex-end}.message-time{font-size:.65rem;color:var(--text-dim);margin-top:3px;padding:0 4px}.bubble{padding:13px 17px;border-radius:18px;max-width:88%;font-size:.92rem;line-height:1.6;white-space:pre-wrap}.bubble-vivienne{background:transparent;color:var(--text);font-family:var(--font-serif);font-size:.95rem;line-height:1.65;padding:0 4px 0 0;max-width:96%;border-radius:0}.bubble-user{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-bottom-right-radius:4px;font-size:.88rem}.bubble-typing{display:flex;align-items:center;padding:14px 4px;background:transparent;min-height:44px}.input-area{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:600px;height:var(--input-h);display:flex;align-items:center;gap:8px;padding:10px 14px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);z-index:50}.message-input{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:22px;color:var(--text);font-family:var(--font-sans);font-size:.9rem;padding:10px 16px;resize:none;outline:none;min-height:42px;max-height:120px;line-height:1.4;transition:border-color .15s}.message-input:focus{border-color:var(--accent)}.message-input::placeholder{color:var(--text-dim)}.send-btn{flex-shrink:0;padding:10px 18px;border-radius:22px;font-size:.85rem}.logout-btn{position:fixed;top:12px;right:14px;background:none;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:4px;opacity:.5;transition:opacity .15s;z-index:100}.logout-btn:hover{opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-soft);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent)}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn-danger{background:#c0392b33;color:#e74c3c;border:1px solid rgba(192,57,43,.3)}.btn-full{width:100%}input[type=text],input[type=password]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:.9rem;padding:12px 14px;width:100%;outline:none;transition:border-color .15s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;background:var(--bg)}.login-logo{font-family:var(--font-serif);font-size:3rem;letter-spacing:.22em;color:var(--accent)}.login-tagline{font-family:var(--font-serif);font-style:italic;color:var(--text-muted);font-size:.88rem;text-align:center;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.combo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a050eeb;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.combo-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:18px}.combo-phase-label{font-family:var(--font-serif);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);text-align:center}.combo-terms{font-family:var(--font-serif);font-size:.85rem;line-height:1.65;color:var(--text-muted);border-left:2px solid var(--border);padding-left:12px;max-height:180px;overflow-y:auto}.combo-digits-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.combo-digits{font-family:Courier New,monospace;font-size:2.4rem;font-weight:700;letter-spacing:.18em;color:var(--gold);text-shadow:0 0 20px rgba(212,168,67,.4)}.combo-countdown{font-size:.75rem;color:var(--text-dim);letter-spacing:.06em}.combo-countdown-urgent{color:#e74c3c;font-weight:600}.combo-hidden{text-align:center;font-family:var(--font-serif);font-style:italic;color:var(--text-dim);font-size:.85rem}.combo-field-label{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim)}.combo-textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:.88rem;padding:10px 12px;width:100%;resize:none;outline:none;min-height:60px}.combo-textarea:focus{border-color:var(--accent)}.directive-card{background:var(--bg-surface);border:1px solid rgba(212,168,67,.2);border-radius:var(--radius);overflow:hidden;max-width:88%;margin-bottom:2px}.directive-card-header{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px 8px;gap:8px}.directive-card-name{font-family:var(--font-serif);font-size:1rem;color:var(--text)}.directive-card-category{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);flex-shrink:0}.directive-card-image{width:100%;max-height:220px;object-fit:cover;display:block}.directive-card-image-placeholder{width:100%;height:140px;background:var(--bg-card);display:flex;align-items:center;justify-content:center}.directive-card-reason{padding:10px 14px 4px;font-size:.82rem;color:var(--text-muted);line-height:1.5}.directive-card-meta{display:flex;align-items:center;justify-content:space-between;padding:6px 14px 12px;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}@keyframes typing-bounce{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:.9;transform:translateY(-5px)}}.typing-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);animation:typing-bounce 1.3s ease-in-out infinite;margin:0 3px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}