:root{--bg:#0f0a1a;--surface:#1e1533;--border:#2d2450;--primary:#7c3aed;--muted:#a78bfa;--text:#fff;--success:#22c55e}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}body{display:flex;flex-direction:column}button{cursor:pointer}button,input,textarea{font-family:inherit}a{color:var(--primary)}.btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:.9375rem;font-weight:600;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:8px 16px;width:auto;font-size:.8125rem;border-radius:8px}.btn-outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-danger{background:transparent;border:1px solid #f87171;color:#f87171}.card{border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:12px}.card,.input{background:var(--surface)}.input{border:1px solid var(--border);border-radius:12px;padding:12px 16px;color:var(--text);width:100%;font-size:.875rem}.tag{background:rgba(124,58,237,.2);color:var(--muted);padding:4px 10px;border-radius:6px;font-size:.75rem;margin-top:8px}.status-dot,.tag{display:inline-block}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;margin-right:4px}.page{flex:1 1;display:flex;flex-direction:column;min-height:100vh}.page-header{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.page-content{flex:1 1;padding:16px;overflow-y:auto}.tabbar{display:flex;border-top:1px solid var(--border);padding:8px 0 12px;background:var(--bg)}.tab{flex:1 1;text-align:center;font-size:.6875rem;color:var(--muted);padding:8px 4px;background:none;border:none;text-decoration:none}.tab.active{color:var(--primary)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted)}.error{color:#f87171;padding:16px;text-align:center}.category-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.category-chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.8125rem;color:var(--muted);cursor:pointer}.category-chip.active{border-color:var(--primary);color:var(--text);background:rgba(124,58,237,.15)}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.source-actions{display:flex;gap:8px;margin-top:12px}.emoji-grid{display:flex;flex-wrap:wrap;gap:8px}.emoji-btn{width:44px;height:44px;font-size:1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);cursor:pointer}.emoji-btn.active{border-color:var(--primary);background:rgba(124,58,237,.15)}.slider{accent-color:var(--primary)}.markdown-body p{margin:0 0 .5em}.markdown-body p:last-child{margin-bottom:0}.markdown-body ol,.markdown-body ul{margin:.25em 0 .5em 1.25em;padding:0}.markdown-body code{background:rgba(0,0,0,.25);padding:2px 6px;border-radius:4px;font-size:.8125rem}.markdown-body pre{background:rgba(0,0,0,.25);padding:10px;border-radius:8px;overflow-x:auto;margin:.5em 0}.markdown-body pre code{background:none;padding:0}.markdown-body a{color:var(--muted)}