*,:before,:after{box-sizing:border-box}:root{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--accent:#d4a25a;--accent-dark:#b8860b;--danger:#e94560;--success:#22c55e;--border:#334155;--white:#fff}html{-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--text-primary);margin:0;padding:0}#root{min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}h1,h2,h3,p{margin:0}input{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-toast{z-index:10000;background:var(--surface);border:1px solid var(--danger);color:var(--text-primary);border-radius:12px;padding:12px 48px 12px 16px;font-size:13px;position:fixed;top:12px;left:16px;right:16px;box-shadow:0 8px 24px #00000080}.toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.toast-close:hover{color:var(--text-primary)}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{background:var(--surface);width:100%;max-width:380px;box-shadow:0 25px 60px #00000080, 0 0 0 1px var(--border);text-align:center;border-radius:24px;padding:40px 28px}.login-title{color:var(--accent);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:16px;display:flex}.login-form input{text-align:center;width:100%;color:var(--text-primary);background:var(--bg);border:2px solid var(--border);box-sizing:border-box;border-radius:12px;outline:none;padding:16px;font-size:18px;transition:border-color .2s,box-shadow .2s}.login-form input::placeholder{color:var(--text-muted)}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d4a25a26}.login-form button{width:100%;color:var(--bg);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);cursor:pointer;border:none;border-radius:12px;padding:16px;font-size:17px;font-weight:600;transition:opacity .2s,transform .1s}.login-form button:hover:not(:disabled){opacity:.9}.login-form button:active:not(:disabled){transform:scale(.98)}.login-form button:disabled{opacity:.4;cursor:not-allowed}.login-error{color:var(--danger);margin-top:-8px;font-size:13px}.home-screen{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.home-header{border-bottom:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#1a1f2e 0%,#0f172a 100%);padding:20px 16px 48px;position:relative}.home-header h1{color:var(--accent);letter-spacing:-.02em;text-shadow:0 0 20px #d4a25a66,0 0 40px #d4a25a26;margin:0;font-size:clamp(32px,8vw,42px);font-weight:700}.header-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.member-badge{color:var(--accent);background:#d4a25a1f;border:1px solid #d4a25a40;border-radius:20px;padding:3px 12px;font-size:12px;display:inline-block}.push-badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.push-active{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.push-inactive{color:#f87171;background:#e945601f;border:1px solid #e945604d}.notifications-list{flex-direction:column;align-items:center;margin-top:-24px;padding:40px 16px 32px;display:flex;overflow-y:auto}.notification-card{background:var(--surface);width:calc(100% - 8px);max-width:400px;box-shadow:0 4px 16px #0006, 0 1px 0 var(--border);text-align:left;border-radius:16px;padding:20px 16px 16px;transition:transform .25s,box-shadow .25s;position:relative}.notification-card.stacked{margin-top:-20px}.notification-card.lifted{box-shadow:0 16px 48px #0009, 0 0 0 2px var(--accent);transform:translateY(-12px)scale(1.03)}.notification-card.lifted .notification-badge{filter:brightness(1.2)}.notification-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:8px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block;position:absolute;top:-8px;left:16px;box-shadow:0 2px 6px #0000004d}.notification-title{color:var(--text-primary);margin:4px 0;font-size:16px;font-weight:600}.notification-body{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.5}.notification-action{color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.notification-action:hover{opacity:.8;text-decoration:underline}.notification-time{color:var(--text-muted);font-size:11px;display:block}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:14px;line-height:1.6}.install-banner{background:var(--surface);color:var(--text-primary);z-index:9999;border-top:1px solid var(--accent);padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000004d}.install-banner-inner p{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.4}.install-steps{flex-direction:column;gap:4px;display:flex}.install-step{color:var(--text-secondary);font-size:12px}.install-step strong{color:var(--accent)}.install-safari-icon{margin-right:4px}.install-dismiss{color:var(--accent);cursor:pointer;background:#d4a25a26;border:1px solid #d4a25a4d;border-radius:8px;padding:6px 14px;font-size:13px;transition:background .2s;position:absolute;top:12px;right:12px}.install-dismiss:hover{background:#d4a25a40}.error-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.error-card{background:var(--surface);text-align:center;width:100%;max-width:340px;box-shadow:0 25px 60px #00000080, 0 0 0 1px var(--border);border-radius:24px;padding:36px 28px}.error-icon{margin-bottom:12px;font-size:36px}.error-title{color:var(--accent);margin:0 0 8px;font-size:20px;font-weight:700}.error-message{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.error-details{background:var(--bg);color:var(--text-muted);text-align:left;word-break:break-word;border-radius:8px;max-height:120px;margin:0 0 24px;padding:12px;font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-y:auto}.error-actions{gap:12px;display:flex}.error-retry{color:var(--bg);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s}.error-retry:hover{opacity:.9}.error-retry:active{transform:scale(.98)}.error-reload{color:var(--text-primary);border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;flex:1;padding:14px;font-size:16px;font-weight:600;transition:border-color .2s,background .2s}.error-reload:hover{border-color:var(--accent);background:#d4a25a14}