:root{--bg:#0c0f12;--bg-elev:#14181d;--bg-card:#161b21;--border:#232a32;--text:#e6edf3;--text-dim:#8b98a5;--accent:#00e08a;--accent-dim:#00b873;--danger:#ff6b6b;--star:#ffd34d;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif}[data-theme=light]{--bg:#f6f7f9;--bg-elev:#fff;--bg-card:#fff;--border:#e3e7ec;--text:#1a1f24;--text-dim:#5c6670;--accent:#00a866;--accent-dim:#00935a;--danger:#e23b3b;--star:#e0a500;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{transition:background .2s,color .2s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{cursor:pointer;font-family:inherit}.app-layout{flex-direction:column;height:100vh;display:flex}.content-area{flex:1;display:flex;overflow:hidden}main{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:1rem;padding:1.5rem;display:grid;overflow-y:auto}.topbar{background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.brand-mark{color:var(--accent);font-size:1.3rem}.brand-name{color:var(--text)}.topbar-actions{align-items:center;gap:.5rem;display:flex}.theme-toggle{opacity:1;font-size:1.1rem}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:480px;color:var(--text);outline:none;flex:1;margin:0 auto;padding:.55rem .85rem;font-size:.95rem}.search-bar:focus{border-color:var(--accent-dim)}.btn-primary{background:var(--accent);color:#03110b;border-radius:var(--radius);white-space:nowrap;border:none;padding:.55rem 1rem;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--accent-dim)}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);background:0 0;padding:.55rem 1rem}.btn-ghost:hover{color:var(--text)}.sidebar{border-right:1px solid var(--border);background:var(--bg-elev);flex-direction:column;gap:2px;width:220px;padding:.75rem;display:flex;overflow-y:auto}.nav-item{width:100%;color:var(--text-dim);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .7rem;font-size:.92rem;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text)}.nav-item.active{background:var(--bg-card);color:var(--accent);font-weight:600}.count-badge{background:var(--border);color:var(--text-dim);text-align:center;border-radius:999px;min-width:1.4rem;padding:.05rem .45rem;font-size:.72rem}.nav-item.active .count-badge{background:var(--accent-dim);color:#03110b}.sidebar-divider{background:var(--border);height:1px;margin:.5rem .3rem}.prompt-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);flex-direction:column;gap:.6rem;padding:1rem;transition:border-color .15s;display:flex}.prompt-card:hover{border-color:var(--accent-dim)}.prompt-title{margin:0;font-size:1rem;font-weight:600}.prompt-body{color:var(--text-dim);white-space:pre-wrap;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.prompt-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.category-badge{color:var(--accent);border:1px solid var(--accent-dim);border-radius:999px;padding:.1rem .55rem;font-size:.72rem}.card-actions{gap:.15rem;display:flex}.icon-btn{opacity:.7;background:0 0;border:none;border-radius:6px;padding:.25rem .35rem;font-size:.95rem;line-height:1;transition:opacity .12s,background .12s}.icon-btn:hover{opacity:1;background:var(--bg-elev)}.icon-btn.starred{color:var(--star);opacity:1}.empty-state{text-align:center;color:var(--text-dim);grid-column:1/-1;margin-top:12vh}.empty-icon{color:var(--accent);opacity:.5;font-size:2.5rem}.empty-title{color:var(--text);margin:.5rem 0 .2rem;font-size:1.1rem}.empty-hint{margin:0;font-size:.9rem}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:absolute;inset:0}.modal-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;padding:1.5rem}.prompt-form{flex-direction:column;gap:1rem;display:flex}.prompt-form h2{margin:0;font-size:1.2rem}.prompt-form label{color:var(--text-dim);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.prompt-form input,.prompt-form textarea,.prompt-form select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:.55rem .7rem;font-family:inherit;font-size:.95rem}.prompt-form textarea{font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.85rem}.prompt-form input:focus,.prompt-form textarea:focus,.prompt-form select:focus{border-color:var(--accent-dim)}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.toast{background:var(--bg-card);color:var(--text);border:1px solid var(--accent-dim);z-index:100;border-radius:10px;padding:.7rem 1.1rem;font-size:.9rem;animation:.18s ease-out toast-in;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 8px 24px #00000073}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:.6rem 1rem;padding:.65rem 1rem}.search-bar{flex-basis:100%;order:3;max-width:none;margin:0}.topbar-actions{margin-left:auto}.topbar-actions .btn-ghost,.topbar-actions .btn-primary{padding:.5rem .7rem;font-size:.85rem}.toast{text-align:center;bottom:1rem;left:1rem;right:1rem}.content-area{flex-direction:column;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--border);scrollbar-width:none;flex-flow:row;gap:.4rem;width:100%;padding:.6rem .75rem;overflow:auto hidden}.sidebar::-webkit-scrollbar{display:none}.sidebar-divider{flex:none;align-self:stretch;width:1px;height:auto;margin:.15rem .2rem}.nav-item{border:1px solid var(--border);white-space:nowrap;border-radius:999px;flex:none;gap:.45rem;width:auto;padding:.4rem .75rem}.nav-item.active{border-color:var(--accent-dim)}main{grid-template-columns:1fr;padding:1rem}}@media (width<=400px){.brand-name{display:none}}.auth-signin{white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.auth-signin:disabled{opacity:.6;cursor:default}.google-glyph{flex:none}.auth-menu{display:inline-flex;position:relative}.auth-avatar{border:1px solid var(--border);background:var(--bg-card);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative;overflow:visible}.auth-avatar:hover{border-color:var(--accent-dim)}.auth-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.auth-avatar-initial{font-size:.95rem;font-weight:700}.auth-sync-dot{background:var(--accent);border:2px solid var(--bg-elev);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite auth-pulse;position:absolute;bottom:-1px;right:-1px}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.35}}.auth-dropdown{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);z-index:50;min-width:220px;padding:.35rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000059}.auth-identity{border-bottom:1px solid var(--border);padding:.6rem .7rem}.auth-identity-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.auth-identity-email{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.auth-identity-sync{color:var(--accent);margin-top:.4rem;font-size:.72rem}.auth-signout{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-top:.25rem;padding:.55rem .7rem}.auth-signout:hover{background:var(--bg-card);color:var(--danger)}