@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&display=swap");:root{--bg:#050510;--surface:#0a0a1a;--border:rgba(255,255,255,0.08);--text:#fff;--text-muted:rgba(255,255,255,0.5);--text-dim:rgba(255,255,255,0.3);--purple:#7C3AED;--pink:#EC4899;--orange:#F97316;--green:#10B981;--green-dark:#059669;--gradient:linear-gradient(135deg,var(--purple),var(--pink),var(--orange));--gradient-green:linear-gradient(135deg,var(--green),var(--green-dark))}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:DM Sans,sans-serif}.container{max-width:480px;margin:0 auto;padding:0 16px;min-height:100vh}.btn{border:none;border-radius:12px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn-primary{background:var(--gradient);color:#fff}.btn-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--border)}.btn-compass{background:var(--gradient-green);color:#fff}.btn-sm{padding:8px 16px;font-size:13px;border-radius:8px}.btn-full,.input{width:100%}.input{background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;color:#fff;outline:none}.input:focus{border-color:rgba(16,185,129,.4)}.input::-moz-placeholder{color:var(--text-dim)}.input::placeholder{color:var(--text-dim)}.label{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:block}.card{background:var(--bg-card,rgba(255,255,255,.04));border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;box-shadow:var(--card-shadow,none)}.card:hover{background:var(--bg-card,rgba(255,255,255,.06));filter:brightness(.98)}.tag{font-size:10px;padding:4px 8px;border-radius:6px;display:inline-block}.tag-green{background:rgba(16,185,129,.2);color:var(--green)}.tag-purple{background:rgba(124,58,237,.15);color:#A78BFA}.tag-orange{background:rgba(249,115,22,.15);color:var(--orange)}.tag-pink{background:rgba(236,72,153,.15);color:var(--pink)}.grad-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compass-avatar{border-radius:50%;background:var(--gradient-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}[data-theme=dark]{--bg-primary:#050510;--bg-surface:#0a0a1a;--bg-card:rgba(255,255,255,0.04);--text-primary:#F0EAFF;--text-muted-theme:#7B72A0;--border-theme:rgba(255,255,255,0.08)}[data-theme=light]{--bg-primary:#EEEAF8;--bg-surface:#F5F2FF;--bg-card:#FFFFFF;--card-shadow:0 1px 3px rgba(0,0,0,0.08);--text-primary:#1A1530;--text-secondary:#3D3560;--text-muted-theme:#6B6390;--border-theme:rgba(139,92,246,0.12);--bg:#EEEAF8;--surface:#F5F2FF;--border:rgba(139,92,246,0.12);--text:#1A1530;--text-muted:#6B6390;--text-dim:#9B93B0}