:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: transparent;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--bg-panel: #fafafa;--bg-card: #ffffff;--touch-min: 44px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}body.dark-mode{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: transparent;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px;--bg-panel: #1f2028;--bg-card: #16171d}@media (prefers-color-scheme: dark){#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden;margin:0;text-align:left;min-height:100vh;min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media (max-width: 1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}@media (max-width: 640px){.header-branding{width:auto!important;padding-left:12px!important}.header-top{padding:0 8px;flex-wrap:wrap;gap:6px}.feed-tabs-row{overflow-x:auto;-webkit-overflow-scrolling:touch}button,select,input[type=checkbox]{min-height:var(--touch-min)}.btn-small{min-height:36px}pre{overflow-x:auto;-webkit-overflow-scrolling:touch;word-break:break-word;white-space:pre-wrap}.search-input{width:100%!important;max-width:100%!important}.modal{width:96%!important;margin:8px!important;max-height:92vh}.main{padding:12px!important}}@media (max-width: 400px){.user-profile span[style]{max-width:80px!important}}.tags-scroll{-ms-overflow-style:none;scrollbar-width:none}.tags-scroll::-webkit-scrollbar{display:none}html{overflow-y:scroll;overflow-x:hidden}.app{min-height:100vh;min-height:100dvh;transition:background .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.header{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 2rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1);border-bottom:1px solid var(--border)}.header-top{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header h1{margin:0;color:var(--text-h);font-size:1.5rem}.header p{margin:0;color:#7f8c8d;font-size:.9rem}.header-branding{text-align:left}.header-actions{display:flex;gap:10px}.main{max-width:1200px;margin:0 auto;padding:1rem 2rem}.loading{text-align:center;color:#fff;font-size:1.5rem;padding:4rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,.4)}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover{background:#7f8c8d}.btn-small{padding:.3rem .75rem;font-size:.8rem}.btn-edit{background:#f39c12;color:#fff;margin-right:.5rem}.btn-edit:hover{background:#e67e22}.btn-delete{background:transparent;color:#95a5a6;transition:color .2s,transform .15s}.btn-delete:hover{background:transparent;color:#e74c3c;transform:scale(1.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;color:var(--text-h)}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text);padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.close-btn:hover{background:var(--border)}.snippet-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-h)}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid var(--border);border-radius:8px;font-size:1rem;transition:border-color .3s;box-sizing:border-box;background:var(--bg-card);color:var(--text-h)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.empty-state{grid-column:1 / -1;text-align:center;background:rgba(255,255,255,.95);padding:4rem 2rem;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.empty-state h3{margin:0 0 1rem;color:#2c3e50;font-size:1.5rem}.empty-state p{margin:0;color:#7f8c8d;font-size:1.1rem}.snippet-card{background:rgba(255,255,255,.95);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.snippet-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}.snippet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.snippet-header h3{margin:0;color:#2c3e50;font-size:1.3rem;flex:1;margin-right:1rem}.category{background:#3498db;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.snippet-content{color:#34495e;line-height:1.6;margin-bottom:1rem;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.snippet-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.snippet-meta{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 .75rem;color:#67718d;font-size:.95rem}.snippet-meta span{background:#f1f5ff;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border)}@media (max-width: 768px){.header{padding:1.5rem 1rem}.header h1{font-size:2rem}.main{padding:1rem}.snippets-grid{grid-template-columns:1fr}.modal{width:95%;margin:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.snippet-footer{flex-direction:column;align-items:flex-start;gap:1rem}}.status-bar{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;margin-top:1rem;color:#34495e;font-size:.9rem}.alert{display:inline-block;margin-bottom:1rem;padding:.4rem .75rem;border-radius:4px;font-size:.8rem}.alert-error{background:#fdecea;color:#b71c1c}.alert-info{background:#e8f4fd;color:#1d4f91}.select-wrapper select{width:100%}.tree-footer{margin-top:30px;padding-top:20px;border-top:1px dashed var(--border);display:flex;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.header-user-info{display:none!important}}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-muted)!important;opacity:.9!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important;opacity:.9!important}.notebook-lined{background-image:linear-gradient(var(--border) .5px,transparent .5px);background-size:100% 2.25rem;line-height:2.25rem!important;padding-top:.5rem!important}.sidebar-mobile-quick-nav{display:none}.header-menu-overlay{display:none;position:fixed;top:48px;left:0;width:320px;max-width:90vw;max-height:calc(100vh - 80px);overflow-y:auto;background:var(--bg-panel);border-bottom:1px solid var(--border);border-right:1px solid var(--border);z-index:4000;flex-direction:column;padding:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .3s ease;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.header-menu-overlay::-webkit-scrollbar{width:6px}.header-menu-overlay::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:10px}.header-menu-overlay.active{display:flex;transform:translateY(0);opacity:1;pointer-events:auto}.header-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:none;background:transparent;color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;text-align:left;transition:background .2s}.header-menu-item:active{background:rgba(0,0,0,.05)}.header-menu-item.active{color:var(--fb-blue);background:rgba(0,102,204,.05)}.fb-sidebar-left{display:none!important}.notebook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.4);z-index:1500}pre,textarea{font-family:JetBrains Mono,monospace!important}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}input,select,button,label,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"!important}.main-panel{width:100%;background:var(--bg-panel);border-radius:0 0 24px 24px;padding:clamp(16px,4vw,32px);box-sizing:border-box;border:1px solid var(--border);border-top:none;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:calc(100dvh - 48px);position:relative}.sticky-panel-header{position:sticky;top:48px;z-index:1000;background:var(--bg-panel);display:flex;flex-direction:column;margin:-32px -32px 6px;padding:8px 32px;border-bottom:1px solid var(--border);gap:6px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 850px){.main-panel{border-radius:0!important;border-left:none!important;border-right:none!important;border-top:none!important;padding:16px!important;box-shadow:none!important;margin:0!important;min-height:calc(100dvh - 48px)!important}.sticky-panel-header{margin:-16px -16px 6px!important;padding:8px 16px!important}}.global-info-toast{position:fixed;top:105px;left:50%;transform:translate(-50%);z-index:9999;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90%;animation:fadeIn .3s ease-out;pointer-events:none;display:flex;flex-direction:column;gap:8px}.global-info-toast>div{pointer-events:auto}.discovery-card,.snippet-card-inner{will-change:transform;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .15s ease-out,box-shadow .15s ease-out}.ai-select{font-size:.52rem!important;font-weight:700!important}button,input,select,textarea{font-size:16px!important;-webkit-tap-highlight-color:transparent}@keyframes ctaPulse{0%{box-shadow:0 0 rgba(24,119,242,.7)}70%{box-shadow:0 0 0 20px rgba(24,119,242,0)}to{box-shadow:0 0 rgba(24,119,242,0)}}.btn-cta{background:linear-gradient(135deg,var(--fb-blue),#8a2be2)!important;color:#fff!important;border:none!important;padding:18px 48px!important;border-radius:100px!important;font-size:1.3rem!important;cursor:pointer!important;font-weight:900!important;animation:ctaPulse 2s infinite;transition:transform .2s ease,box-shadow .2s ease!important;box-shadow:0 8px 25px rgba(24,119,242,.5)!important;display:inline-block}.btn-cta:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(24,119,242,.6)!important}@keyframes ctaIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}.cta-icon-animate{display:inline-block;animation:ctaIconBounce 1.5s infinite ease-in-out}