:root{--bg-primary: #fafafa;--bg-secondary: #f5f5f4;--bg-chat-user: #e8e5e0;--bg-chat-jess: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--accent-soft: #8b9a7d;--accent-warm: #c4a574;--border-light: rgba(0, 0, 0, .06);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .06);--font-body: "Ubuntu", -apple-system, sans-serif;--font-handwritten: "Caveat", cursive;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);font-weight:300;color:var(--text-primary);background:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%}.app{height:100%;width:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.daily-image-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);cursor:pointer;z-index:100}.daily-image-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.daily-image{width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeIn 1.5s ease forwards}@keyframes fadeIn{to{opacity:1}}.daily-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0003,#0006)}.daily-image-content{position:relative;z-index:10;text-align:center;color:#fff;padding:var(--space-xl);opacity:0;animation:slideUp 1s ease .5s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo{font-family:var(--font-handwritten);font-size:4rem;font-weight:400;margin-bottom:var(--space-lg);text-shadow:0 2px 20px rgba(0,0,0,.3)}.tagline{font-size:1.25rem;font-weight:300;letter-spacing:.02em;margin-bottom:var(--space-sm);text-shadow:0 1px 10px rgba(0,0,0,.3)}.subtagline{font-size:.95rem;font-weight:300;opacity:.9;text-shadow:0 1px 10px rgba(0,0,0,.3)}.tap-hint{position:absolute;bottom:var(--space-2xl);left:50%;transform:translate(-50%);color:#fff;font-size:.85rem;opacity:0;animation:pulse 2s ease 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.auth-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-primary)}.auth-container{width:100%;max-width:360px;text-align:center}.auth-logo{font-family:var(--font-handwritten);font-size:3rem;color:var(--text-primary);margin-bottom:var(--space-xl)}.auth-title{font-size:1.1rem;font-weight:400;color:var(--text-secondary);margin-bottom:var(--space-xl)}.auth-input{width:100%;padding:var(--space-md);font-family:var(--font-body);font-size:1rem;font-weight:300;border:1px solid var(--border-light);border-radius:8px;background:#fff;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-input:focus{border-color:var(--accent-soft);box-shadow:0 0 0 3px #8b9a7d1a}.auth-input::placeholder{color:var(--text-muted)}.auth-button{width:100%;margin-top:var(--space-md);padding:var(--space-md);font-family:var(--font-body);font-size:1rem;font-weight:400;color:#fff;background:var(--accent-soft);border:none;border-radius:8px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.auth-button:hover:not(:disabled){background:#7a8a6d}.auth-button:active:not(:disabled){transform:scale(.98)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-message{margin-top:var(--space-md);font-size:.9rem;color:var(--text-secondary)}.auth-error{color:#c47474}.auth-skip{margin-top:var(--space-xl);font-size:.85rem;color:var(--text-muted);background:none;border:none;cursor:pointer;text-decoration:underline}.chat-screen{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#fff;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-soft)}.chat-header-left{display:flex;align-items:center;gap:var(--space-md)}.menu-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:8px;transition:background var(--transition-fast)}.menu-button:hover{background:var(--bg-secondary)}.menu-icon{width:20px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon span{display:block;height:2px;background:var(--text-primary);border-radius:1px}.chat-title{font-family:var(--font-handwritten);font-size:1.75rem;color:var(--text-primary)}.chat-header-right{display:flex;align-items:center;gap:var(--space-sm)}.timer-display{font-size:.85rem;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background:var(--bg-secondary);border-radius:4px}.timer-display.warning{color:var(--accent-warm);background:#c4a5741a}.timer-display.critical{color:#c47474;background:#c474741a}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.message{max-width:85%;padding:var(--space-md) var(--space-lg);border-radius:16px;line-height:1.5;animation:messageIn .3s ease}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{align-self:flex-end;background:var(--bg-chat-user);color:var(--text-primary);border-bottom-right-radius:4px}.message-jess{align-self:flex-start;background:var(--bg-chat-jess);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-soft)}.message-jess .bookmark-button{opacity:0;transition:opacity var(--transition-fast)}.message-jess:hover .bookmark-button{opacity:1}.bookmark-button{margin-top:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--text-muted);background:none;border:none;cursor:pointer}.bookmark-button:hover{color:var(--accent-warm)}.typing-indicator{align-self:flex-start;padding:var(--space-md) var(--space-lg);background:var(--bg-chat-jess);border-radius:16px;box-shadow:var(--shadow-soft)}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typingBounce 1.4s ease infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-container{padding:var(--space-md) var(--space-lg);background:#fff;border-top:1px solid var(--border-light)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:var(--space-sm);background:var(--bg-secondary);border-radius:24px;padding:var(--space-sm)}.chat-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--text-primary);background:transparent;border:none;outline:none;resize:none;max-height:120px;line-height:1.4}.chat-input::placeholder{color:var(--text-muted)}.voice-button,.send-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;cursor:pointer;transition:background var(--transition-fast)}.voice-button:hover,.send-button:hover{background:#0000000d}.voice-button.active{background:var(--accent-soft)}.voice-button.active svg{stroke:#fff}.send-button{background:var(--accent-soft)}.send-button:hover{background:#7a8a6d}.send-button svg{stroke:#fff}.send-button:disabled{opacity:.5;cursor:not-allowed}.side-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium);z-index:200}.side-menu-overlay.open{opacity:1;visibility:visible}.side-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;transform:translate(-100%);transition:transform var(--transition-medium);z-index:201;display:flex;flex-direction:column}.side-menu.open{transform:translate(0)}.side-menu-header{padding:var(--space-xl) var(--space-lg);border-bottom:1px solid var(--border-light)}.side-menu-logo{font-family:var(--font-handwritten);font-size:2rem;color:var(--text-primary)}.side-menu-nav{flex:1;padding:var(--space-md) 0;overflow-y:auto}.menu-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);font-family:var(--font-body);font-size:1rem;font-weight:400;color:var(--text-primary);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.menu-item:hover{background:var(--bg-secondary)}.menu-item svg{width:20px;height:20px;stroke:var(--text-secondary)}.menu-divider{height:1px;background:var(--border-light);margin:var(--space-md) var(--space-lg)}.menu-item.premium{color:var(--accent-warm)}.menu-item.premium svg{stroke:var(--accent-warm)}.side-menu-footer{padding:var(--space-lg);border-top:1px solid var(--border-light)}.user-email{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.tier-badge{display:inline-block;padding:var(--space-xs) var(--space-sm);font-size:.75rem;font-weight:500;color:var(--accent-soft);background:#8b9a7d1a;border-radius:4px}.tier-badge.premium{color:var(--accent-warm);background:#c4a5741a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-medium),visibility var(--transition-medium);z-index:300}.modal-overlay.open{opacity:1;visibility:visible}.modal{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:var(--space-xl);transform:scale(.95);transition:transform var(--transition-medium)}.modal-overlay.open .modal{transform:scale(1)}.modal-title{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-md)}.modal-text{color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.modal-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.modal-button{padding:var(--space-md);font-family:var(--font-body);font-size:1rem;font-weight:400;border-radius:8px;cursor:pointer;transition:background var(--transition-fast)}.modal-button.primary{color:#fff;background:var(--accent-soft);border:none}.modal-button.primary:hover{background:#7a8a6d}.modal-button.secondary{color:var(--text-secondary);background:transparent;border:1px solid var(--border-light)}.modal-button.secondary:hover{background:var(--bg-secondary)}.settings-screen{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.settings-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#fff;border-bottom:1px solid var(--border-light)}.back-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:8px}.back-button:hover{background:var(--bg-secondary)}.settings-title{font-size:1.1rem;font-weight:500}.settings-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.settings-section{background:#fff;border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-soft)}.settings-section-title{font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.settings-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border-light)}.settings-option:last-child{border-bottom:none}.settings-option-label{font-weight:400;color:var(--text-primary)}.settings-option-value{color:var(--text-secondary)}.settings-select{padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);background:var(--bg-secondary);border:none;border-radius:6px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 480px){.logo{font-size:3rem}.tagline{font-size:1.1rem}.subtagline{font-size:.85rem}.message{max-width:90%}.side-menu{width:100%}}