:root{--accent:#b00;--accent-light:#e03030;--bg:#121212;--surface:#1e1e1e;--surface2:#2a2a2a;--border:#333;--text:#f0f0f0;--text-muted:#888;--green:#22c55e;--yellow:#eab308;--red:#ef4444;--tab-h:64px;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;background:var(--bg);height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}.app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.content{padding-bottom:var(--tab-h);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.tab-bar{width:100%;max-width:480px;height:var(--tab-h);background:var(--surface);border-top:1px solid var(--border);z-index:100;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:0;font-size:1em;transition:color .15s;display:flex}.tab-btn.active{color:var(--accent)}.tab-btn:hover{color:var(--text)}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:11px;font-weight:500}.screen{flex-direction:column;gap:16px;padding:20px 16px 8px;display:flex}.screen-title{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:700}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:12px;padding:16px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:13px;font-weight:600}.search-wrapper{position:relative}.search-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:16px;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.empty-state{text-align:center;color:var(--text-muted);padding:40px 0;font-size:15px;line-height:1.6}.user-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.user-greeting{color:var(--text-muted);font-size:14px;font-weight:500}.signout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s}.signout-btn:hover{color:var(--text);border-color:var(--text-muted)}.share-app-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,border-color .15s;display:flex}.share-app-btn:hover{color:var(--text);border-color:var(--text-muted)}.share-toast{bottom:calc(var(--tab-h) + 16px);background:var(--surface2);border:1px solid var(--border);color:var(--text);z-index:300;pointer-events:none;white-space:nowrap;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;animation:.15s toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sync-banner{color:var(--text-muted);text-align:center;background:#bb000014;border-bottom:1px solid #b003;flex-shrink:0;padding:6px 16px;font-size:12px}.section{flex-direction:column;gap:8px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:600}@media (width>=480px){.app{box-shadow:0 0 40px #00000080}html{background:#0a0a0a}}.streak-banner{color:#eab308;text-align:center;letter-spacing:.01em;background:linear-gradient(90deg,#bb00002e 0%,#eab3081f 100%);border-bottom:1px solid #eab30840;flex-shrink:0;padding:7px 16px;font-size:13px;font-weight:700}.milestone-overlay{z-index:5000;background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.milestone-card{text-align:center;background:#1a1a1a;border:1px solid #333;border-radius:20px;width:100%;max-width:340px;padding:36px 28px 28px;position:relative;overflow:hidden}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{animation:confetti-fall var(--dur,2.5s) var(--delay,0s) ease-in both;opacity:0;position:absolute;top:-16px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(520px)rotate(540deg)}}.achievement-toast{bottom:calc(var(--tab-h) + 16px);color:#eab308;z-index:400;pointer-events:none;white-space:nowrap;background:#1e1e1e;border:1px solid #eab308;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700;animation:.2s toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes mic-pulse{0%,to{box-shadow:0 0 #bb000080}50%{box-shadow:0 0 0 8px #b000}}