:root{--bg: #F7F4F0;--card: #FFFFFF;--primary: #3B6EA5;--primary-light: #EBF2FA;--primary-dark: #2C5484;--text: #2C3E50;--text-muted: #7F8C8D;--border: #E0DCD6;--success: #27AE60;--warning: #E67E22;--danger: #E74C3C;--self-care: #8E44AD;--self-care-light: #F3EAF8;--emergency-bg: #FDEDEC;--emergency-border: #E74C3C;--safety-bg: #FEF9E7;--safety-border: #F39C12;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 20px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;max-width:480px;margin:0 auto;min-height:100vh}button{cursor:pointer;font-family:inherit;font-size:1rem;border:none;border-radius:var(--radius-sm);padding:12px 20px;font-weight:600;transition:opacity .15s,transform .1s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary);width:100%}.btn-success{background:var(--success);color:#fff;width:100%}.btn-warning{background:#fff;color:var(--warning);border:2px solid var(--warning);width:100%}.btn-danger{background:var(--danger);color:#fff;width:100%}input,select,textarea{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;color:var(--text);background:#fff;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}label{display:block;font-weight:600;margin-bottom:6px;font-size:.95rem}.page{padding:24px 20px;min-height:100vh}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.disclaimer{background:#fff8e1;border:1px solid #F9C74F;border-radius:var(--radius-sm);padding:10px 14px;font-size:.8rem;color:#7d6608;font-weight:600;text-align:center}.soft-safety-note{background:var(--safety-bg);border:1px solid var(--safety-border);border-radius:var(--radius-sm);padding:12px 14px;font-size:.9rem;color:#784212}.emergency-prompt{background:var(--emergency-bg);border:2px solid var(--emergency-border);border-radius:var(--radius-sm);padding:14px 16px;font-weight:700;color:#922b21;font-size:1rem}.emergency-prompt a{color:var(--danger);text-decoration:underline}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:12px;align-items:center}.text-muted{color:var(--text-muted);font-size:.9rem}.text-center{text-align:center}h1{font-size:1.8rem;font-weight:700;line-height:1.2}h2{font-size:1.3rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}.spinner{width:36px;height:36px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(360deg)}}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:12px 0 6px}.markdown-body p{margin:0 0 10px;line-height:1.7}.markdown-body p:last-child{margin-bottom:0}.markdown-body ul,.markdown-body ol{padding-left:20px;margin:0 0 10px;display:flex;flex-direction:column;gap:8px}.markdown-body li{line-height:1.6}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.offline-badge{background:#fff3cd;border:1px solid #FFC107;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;color:#856404;display:inline-block}