:root{--primary:#c25e4c;--bg:#fdfaf6;--surface:#fff;--text:#2c2925;--text-muted:#757069;--border:#e8e3dc;--accent:#d88373;--success:#4a7c59;--info:#4a6c8c;--ai-bg:#f3f0fc}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}#root{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 20px #0000000d}.screen{flex-direction:column;gap:16px;min-height:100vh;padding:20px 20px 80px;display:flex}.bottom-nav{background:var(--surface);width:100%;max-width:480px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.nav-item.active{color:var(--primary)}.nav-icon-badge{position:relative}.badge{background:var(--primary);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-8px}h1{margin-bottom:8px;font-size:24px;font-weight:700}h2{margin-bottom:8px;font-size:18px;font-weight:600}h3{margin-bottom:4px;font-size:16px;font-weight:600}p{color:var(--text-muted);margin-bottom:16px;font-size:15px}.card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;gap:8px;padding:16px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #00000005}.card:active{transform:scale(.98)}.card-title{color:var(--text);justify-content:space-between;align-items:center;font-size:16px;font-weight:600;display:flex}.card-desc{color:var(--text-muted);font-size:14px}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.btn:active{background:#f5f5f5}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:active{background:var(--accent)}.btn-secondary{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-text{color:var(--primary);background:0 0;border:none;padding:8px}.text-action{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.status-label{color:var(--primary);background:#f8ecea;border-radius:8px;align-self:flex-start;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.ai-card{background:var(--ai-bg);border:1px solid #e1d8f5}.textarea-input{border:1px solid var(--border);resize:vertical;background:var(--surface);width:100%;min-height:120px;color:var(--text);border-radius:12px;padding:16px;font-size:16px}.textarea-input:focus{border-color:var(--primary);outline:none}.top-bar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.back-btn{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-8px;padding:8px;display:flex}.tag{background:var(--border);color:var(--text);border-radius:16px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.divider{background:var(--border);height:1px;margin:8px 0}.flex-row{align-items:center;gap:8px;display:flex}.flex-col{flex-direction:column;gap:8px;display:flex}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mt-8{margin-top:32px}