:root{--color-bg-primary:#faf6f2;--color-bg-deep:#2f2622;--color-bg-emergency:#1e1612;--color-surface-primary:#7a5c4d;--color-surface-secondary:#e8ddd3;--color-surface-card:#5c4035;--color-text-primary:#2f2622;--color-text-secondary:#6b4f3a;--color-text-dark:#2f2622;--color-text-muted:#2f262280;--color-accent:#c2a48a;--color-accent-hover:#d4b99e;--color-accent-pressed:#a88b73;--color-border:#4b3a2f2e;--color-border-focus:#4b3a2f73;--color-divider:#4b3a2f1a;--color-calm:#8faf9a;--color-calm-bg:#8faf9a26;--color-warning:#d9a441;--color-warning-bg:#d9a44126;--color-danger:#b35c5c;--color-danger-bg:#b35c5c26;--color-overlay:#2f2622bf;--color-skeleton-base:#4b3a2f12;--color-skeleton-shine:#c2a48a4d;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-editorial:"Lora", "Playfair Display", Georgia, serif;--text-h1:28px;--text-h2:22px;--text-h3:18px;--text-body:16px;--text-caption:13px;--text-label:12px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-label:.05em;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-card:0 2px 12px #2f26222e;--shadow-elevated:0 4px 24px #2f262240;--shadow-modal:0 8px 40px #2f262266;--shadow-button:0 2px 8px #2f262233;--shadow-input-focus:0 0 0 3px #c2a48a59;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-reveal:.6s;--easing-default:cubic-bezier(.4, 0, .2, 1);--easing-spring:cubic-bezier(.34, 1.56, .64, 1);--easing-out:cubic-bezier(0, 0, .2, 1);--max-width-mobile:430px;--bottom-nav-height:64px;--top-bar-height:56px;--touch-target-min:48px;--color-primary:var(--color-accent);--color-primary-dark:var(--color-accent-pressed);--color-emergency:var(--color-danger);--color-success:var(--color-calm);--color-text:var(--color-text-primary);--color-white:var(--color-surface-card);--color-surface:var(--color-bg-primary);--mood-very-low:var(--color-danger);--mood-low:var(--color-warning);--mood-neutral:var(--color-accent);--mood-good:var(--color-calm);--mood-great:#6baf7a;--radius:var(--radius-md);--shadow:var(--shadow-card)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.low-stimulation *,.low-stimulation :before,.low-stimulation :after{transition-duration:.01ms!important;animation:none!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overscroll-behavior:none;min-height:100dvh}#root{max-width:var(--max-width-mobile);min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton-base) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes emergencyPulse{0%,to{box-shadow:0 0 #b35c5c80}50%{box-shadow:0 0 0 12px #b35c5c00}}@keyframes typingDot{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}@keyframes breatheGuide{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes charReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes personaIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes screenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes introPulse{0%,to{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-8px)}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes blobBreathe{0%,to{transform:scale(.97)}50%{transform:scale(1)}}@keyframes blobBounce{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes micPulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes blobFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}.screen-content{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px)}.toast-viewport{bottom:calc(var(--bottom-nav-height,64px) + 12px);z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100vw - 32px);max-width:400px;margin:0;padding:0;list-style:none;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-root{pointer-events:all;background:var(--color-bg-deep);border-radius:var(--radius-lg);border:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;box-shadow:0 4px 24px #0000004d}.toast-root[data-swipe=end]{animation:.15s forwards toastSwipeOut}.toast-root--success{border-left:3px solid var(--color-calm)}.toast-root--error{border-left:3px solid var(--color-danger)}.toast-root--warning{border-left:3px solid var(--color-warning)}.toast-message{color:#f5ede4;flex:1;font-size:14px;line-height:1.4}.toast-close{color:#f5ede473;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:20px;line-height:1}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSwipeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 32px))}}.tooltip-content{background:var(--color-bg-deep);color:#f5ede4;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;text-align:center;z-index:9998;max-width:180px;padding:5px 10px;font-size:12px;line-height:1.4;animation:.15s tooltipFadeIn;box-shadow:0 2px 12px #00000040}.tooltip-arrow{fill:var(--color-bg-deep)}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes peerBannerPulse{0%,to{opacity:1}50%{opacity:.75}}@keyframes peerBannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.screen{min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 24px);background:var(--color-bg-primary);animation:screenIn var(--duration-normal) var(--easing-out)}.screen--no-nav{padding-bottom:0}.card,.page-header,.bubble--ai,.bubble--peer,.typing-indicator,.sheet,.bottom-nav,[style*=--color-surface-card],[style*=--color-bg-deep]{--color-text-primary:#f5ede4;--color-text-secondary:#c2a48a;--color-text-muted:#f5ede48c;--color-border:#c2a48a40;--color-divider:#c2a48a26}h1{font-size:var(--text-h1);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h2{font-size:var(--text-h2);font-weight:var(--weight-semibold);color:var(--color-text-primary);line-height:1.4}h3{font-size:var(--text-h3);font-weight:var(--weight-medium);color:var(--color-text-primary);line-height:1.4}p{color:var(--color-text-muted);line-height:var(--leading-normal)}a{color:var(--color-text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);height:52px;padding:0 var(--space-lg);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--weight-semibold);font-family:var(--font-ui);cursor:pointer;transition:background var(--duration-fast) var(--easing-default), transform var(--duration-fast) var(--easing-default), box-shadow var(--duration-fast) var(--easing-default);text-align:center;border:none;width:100%;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--color-accent);color:var(--color-text-dark);box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--primary:active:not(:disabled){background:var(--color-accent-pressed)}.btn--danger{background:var(--color-danger);height:56px;color:var(--color-text-primary);animation:2s ease-in-out infinite emergencyPulse;box-shadow:0 4px 16px #b35c5c59}.btn--danger:hover:not(:disabled){background:#c46666}.btn--secondary{color:var(--color-text-secondary);border:1.5px solid var(--color-border);background:0 0;height:48px}.btn--secondary:hover:not(:disabled){background:#c2a48a14}.btn--ghost{color:var(--color-text-primary);border:1.5px solid var(--color-border-focus);background:0 0;height:48px}.btn--ghost:hover:not(:disabled){background:#c2a48a1a}.btn--muted{color:var(--color-text-secondary);background:#c2a48a1f;height:48px}.btn--muted:hover:not(:disabled){background:#c2a48a33}.btn--success{background:var(--color-calm);color:var(--color-text-dark);animation:none}.btn--sm{height:40px;padding:0 var(--space-md);font-size:var(--text-caption)}.label{font-size:var(--text-label);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-label);margin-bottom:var(--space-sm);display:block}.input,.textarea,.select{background:var(--color-surface-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--text-body);font-family:var(--font-ui);color:var(--color-text-dark);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);resize:vertical;min-height:52px;padding:14px 16px}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-input-focus);outline:none}.input::placeholder,.textarea::placeholder{color:#2f262273}.input[type=search]::-webkit-search-cancel-button{display:none}.textarea{resize:vertical;min-height:120px}.textarea--journal{font-family:var(--font-editorial)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232F2622' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;min-height:52px;padding-right:40px}.char-counter{font-size:var(--text-caption);color:var(--color-text-muted);text-align:right;margin-top:var(--space-xs)}.char-counter--over{color:var(--color-danger)}.card{background:var(--color-surface-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-md);box-shadow:var(--shadow-card);overflow:hidden}.card--interactive{cursor:pointer;transition:transform var(--duration-fast) var(--easing-default), box-shadow var(--duration-fast) var(--easing-default), border-color var(--duration-fast) var(--easing-default)}.card--interactive:active{box-shadow:var(--shadow-button);transform:scale(.985)}.card--interactive:hover{border-color:var(--color-border-focus)}.page-header{align-items:center;gap:var(--space-md);height:var(--top-bar-height);padding:0 var(--space-md);background:var(--color-surface-card);border-bottom:1px solid #c2a48a33;flex-shrink:0;display:flex}.page-header__back{width:var(--touch-target-min);height:var(--touch-target-min);cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--duration-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:-8px;display:flex}.page-header__back:hover{background:#ffffff1a}.page-header__title{font-size:var(--text-h3);font-weight:var(--weight-medium);color:var(--color-text-primary)}.loading-full{background:var(--color-bg-primary);justify-content:center;align-items:center;gap:var(--space-lg);flex-direction:column;min-height:100dvh;display:flex}.spinner{display:none!important}.skeleton-screen{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.toast{background:var(--color-surface-primary);border:1px solid var(--color-border-focus);color:var(--color-text-primary);padding:12px var(--space-md);border-radius:var(--radius-md);font-size:14px;font-weight:var(--weight-medium);z-index:500;width:380px;max-width:calc(100% - 48px);box-shadow:var(--shadow-elevated);animation:toastIn var(--duration-normal) var(--easing-out);position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast--success{border-left:3px solid var(--color-calm)}.toast--error{border-left:3px solid var(--color-danger)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--info{border-left:3px solid var(--color-accent)}.error-msg{background:var(--color-danger-bg);color:#e8a0a0;border-radius:var(--radius-sm);margin-top:var(--space-sm);border:1px solid #b35c5c59;padding:10px 14px;font-size:14px}.pill{border-radius:var(--radius-pill);font-size:var(--text-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);white-space:nowrap;cursor:default;background:#c2a48a1a;align-items:center;padding:4px 12px;text-decoration:none;display:inline-flex}.pill--active{background:var(--color-accent);color:var(--color-text-dark);border-color:var(--color-accent)}.divider{background:var(--color-divider);height:1px;margin:var(--space-md) 0}.credit-badge{border-radius:var(--radius-pill);font-size:14px;font-weight:var(--weight-semibold);color:var(--color-accent);transition:color var(--duration-normal), background var(--duration-normal);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.credit-badge--low{color:var(--color-danger);background:var(--color-danger-bg)}.overlay{background:var(--color-overlay);z-index:300;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-bg-deep);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-lg);width:100%;max-height:90dvh;box-shadow:var(--shadow-modal);animation:sheetIn .35s var(--easing-out);overflow-y:auto}.sheet:before{content:"";background:var(--color-border-focus);border-radius:var(--radius-pill);width:36px;height:4px;margin:0 auto var(--space-lg);display:block}.mood-btn{border-radius:var(--radius-sm);background:var(--color-surface-card);cursor:pointer;transition:transform var(--duration-normal) var(--easing-spring), border-color var(--duration-fast), background var(--duration-fast), opacity var(--duration-fast);min-height:var(--touch-target-min);border:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 4px;display:flex}.mood-btn--selected{transform:scale(1.08)}.mood-btn--unselected{opacity:.55;transform:scale(.95)}.bubble{max-width:78%;line-height:var(--leading-normal);white-space:pre-wrap;word-break:break-word;padding:12px 16px}.bubble--user{background:var(--color-accent);color:var(--color-text-dark);font-family:var(--font-ui);font-size:var(--text-body);border-radius:20px 20px 4px;align-self:flex-end}.bubble--ai{background:var(--color-surface-card);color:var(--color-text-primary);font-family:var(--font-editorial);font-size:var(--text-body);box-shadow:var(--shadow-card);border-radius:20px 20px 20px 4px;align-self:flex-start}.bubble--peer{background:var(--color-surface-secondary);color:var(--color-text-dark);font-family:var(--font-ui);font-size:var(--text-body);box-shadow:var(--shadow-card);border-radius:20px 20px 20px 4px;align-self:flex-start}.typing-indicator{background:var(--color-surface-card);box-shadow:var(--shadow-card);border-radius:20px 20px 20px 4px;align-self:flex-start;align-items:center;gap:5px;padding:12px 16px;display:flex}.typing-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:1.2s infinite typingDot}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}.toggle-row{padding:var(--space-sm) 0;min-height:var(--touch-target-min);justify-content:space-between;align-items:center;display:flex}.toggle-label{font-size:var(--text-body);color:var(--color-text-primary)}.wordmark{font-family:var(--font-editorial);color:var(--color-accent);letter-spacing:.02em;font-size:18px;font-weight:500}.empty-state{padding:48px var(--space-lg);text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-sm)}.empty-state__title{font-size:var(--text-h3);font-weight:var(--weight-medium);color:var(--color-text-primary)}.empty-state__body{color:var(--color-text-muted);max-width:260px;font-size:14px;line-height:var(--leading-relaxed)}.info-banner{border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;line-height:var(--leading-relaxed);background:#8faf9a2e;border:1px solid #8faf9a66;padding:12px 14px}.info-banner--warning{background:#d9a4412e;border-color:#d9a44166}.info-banner--danger{background:#b35c5c2e;border-color:#b35c5c66}.bottom-nav{width:100%;max-width:var(--max-width-mobile);height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-deep);border-top:1px solid var(--color-border);z-index:100;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__tab{color:var(--color-text-muted);font-size:11px;font-weight:500;font-family:var(--font-ui);letter-spacing:.03em;transition:color var(--duration-fast) var(--easing-out);min-height:var(--touch-target-min);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:0;text-decoration:none;display:flex}.bottom-nav__tab.active{color:var(--color-accent)}.bottom-nav__icon{justify-content:center;align-items:center;line-height:1;display:flex}.bottom-nav__label{font-size:11px;font-weight:500;line-height:1}.emergency-fab{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 12px);background:var(--color-danger);width:52px;height:52px;color:var(--color-text-primary);cursor:pointer;z-index:200;transition:transform var(--duration-fast);border:none;border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite emergencyPulse;display:flex;position:fixed;right:16px}.emergency-fab:active{animation:none;transform:scale(.92)}