@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400..700;1,9..40,400..700&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap";:root{--bg-page:#f6f5f1;--surface-primary:#fff;--surface-secondary:#efeee9;--text-primary:#242825;--text-editor:#2b2d2a;--text-secondary:#6b716c;--text-muted:#6b716c;--text-dim:#888e88;--accent-primary:#315c4c;--accent-hover:#274a3d;--accent-tint:#e3ece7;--border-color:#dedfda;--border-subtle:#dedfda;--border-strong:#bfc2b8;--focus-ring:#87a89a;--destructive:#b84a4a;--destructive-hover:#9e3e3e;--destructive-tint:#f7eaea;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif:"Source Serif 4", Georgia, serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-subtle:0 4px 16px #1e231f0f;--shadow-elevated:0 8px 24px #1e231f14;--sab:env(safe-area-inset-bottom,0px);--sat:env(safe-area-inset-top,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;width:100%;min-height:100dvh;line-height:1.5;overflow-x:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);transition:border-color .2s,box-shadow .2s}.glass-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-elevated)}.brand-text{font-family:var(--font-sans);color:var(--accent-primary);letter-spacing:-.01em;font-weight:700}.btn{border-radius:var(--radius-md);min-height:40px;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.875rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--surface-secondary);border-color:var(--border-strong)}.btn-danger{background:var(--destructive-tint);color:var(--destructive);border:1px solid #b84a4a40}.btn-danger:hover:not(:disabled){background:var(--destructive);color:#fff}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-secondary);color:var(--text-primary)}.badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;font-family:var(--font-sans);align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge-terracotta,.badge-forest{background:var(--accent-tint);color:var(--accent-primary);border:1px solid #315c4c40}.badge-neutral{background:var(--surface-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.editor-container{width:100%;max-width:720px;margin:0 auto}.journal-textarea{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:340px;color:var(--text-editor);font-family:var(--font-serif);resize:vertical;box-shadow:none;outline:none;padding:20px;font-size:1.125rem;line-height:1.7;transition:border-color .2s}.journal-textarea:focus{border-color:var(--accent-primary);outline:2px solid var(--focus-ring);outline-offset:1px}.journal-textarea::placeholder{color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem;font-style:normal}.choice-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mobile-only{display:none!important}.desktop-only{display:flex!important}.mobile-bottom-nav{z-index:1000;background:var(--surface-primary);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom,0px);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1e231f14}.mobile-bottom-nav-inner{justify-content:space-around;align-items:center;max-width:600px;height:60px;margin:0 auto;display:flex}.mobile-nav-item{height:100%;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.725rem;font-weight:600;transition:color .15s;display:flex}.mobile-nav-item.active,.mobile-nav-item.active svg{color:var(--accent-primary)}@media (width<=767px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-bottom-nav{display:block!important}.app-main-content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;padding-top:20px!important;padding-left:16px!important;padding-right:16px!important}.choice-grid{grid-template-columns:1fr!important}input[type=text],input[type=email],input[type=password],textarea,select{font-size:16px!important}.btn{min-height:44px!important;padding:10px 18px!important}.journal-textarea{min-height:280px!important;padding:16px!important;font-size:1.0625rem!important}}