@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=dark]{--color-bg:#030712;--color-bg-raised:#0a0f1a;--color-bg-surface:#111827;--color-bg-panel:#11182780;--color-bg-hover:#1f2937;--color-bg-input:#060a14;--color-border:#1e293b;--color-border-subtle:#4b55634d;--color-border-hover:#374151;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-faint:#475569;--color-accent:#818cf8;--color-accent-bright:#a5b4fc;--color-accent-dark:#6366f1;--color-accent-glow:#6366f126;--color-green:#22c55e;--color-yellow:#eab308;--color-amber:#f59e0b;--color-red:#ef4444;--color-green-bg:#22c55e1a;--color-amber-bg:#f59e0b1a;--color-red-bg:#ef44441a;--color-star:#facc15;--color-star-bg:#facc151a;--glass-bg:#11182780;--glass-border:#4b556340;--glass-blur:20px;--glass-highlight:#ffffff08;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-xl:0 16px 50px #0009;--shadow-accent:0 4px 20px #6366f133;--shadow-glow:0 0 30px #6366f11a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--color-bg:#f8fafc;--color-bg-raised:#fff;--color-bg-surface:#f1f5f9;--color-bg-panel:#ffffff80;--color-bg-hover:#e2e8f0;--color-bg-input:#fff;--color-border:#e2e8f0;--color-border-subtle:#94a3b84d;--color-border-hover:#cbd5e1;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-faint:#94a3b8;--color-accent:#6366f1;--color-accent-bright:#818cf8;--color-accent-dark:#4f46e5;--color-accent-glow:#6366f11f;--color-green-bg:#22c55e14;--color-amber-bg:#f59e0b14;--color-red-bg:#ef444414;--color-star-bg:#facc151f;--glass-bg:#ffffff80;--glass-border:#94a3b833;--glass-highlight:#ffffff80;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 16px 50px #0000001f;--shadow-accent:0 4px 20px #6366f126;--shadow-glow:0 0 30px #6366f114}[data-theme=midnight]{--color-bg:#0c0a1a;--color-bg-raised:#130f2a;--color-bg-surface:#1a1533;--color-bg-panel:#1a153380;--color-bg-hover:#252044;--color-bg-input:#0e0b1e;--color-border:#2a2450;--color-border-subtle:#584aa340;--color-border-hover:#3d3570;--color-text:#e8e4f5;--color-text-secondary:#a8a0c8;--color-text-muted:#7b72a8;--color-text-faint:#5a5280;--color-accent:#a78bfa;--color-accent-bright:#c4b5fd;--color-accent-dark:#8b5cf6;--color-accent-glow:#8b5cf626;--glass-bg:#1a153380;--glass-border:#584aa333;--shadow-accent:0 4px 20px #8b5cf633;--shadow-glow:0 0 30px #8b5cf61a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::selection{background:var(--color-accent-dark);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-bright);text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes starPop{0%{transform:scale(1)}30%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shrink{0%{width:100%}to{width:0%}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #22c55e4d}50%{box-shadow:0 0 16px #22c55e80}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-slide-up{animation:.35s ease-out slideUp}.animate-scale-in{animation:.25s ease-out scaleIn}.animate-pulse{animation:2s infinite pulse}.animate-pop-in{animation:.4s cubic-bezier(.34,1.56,.64,1) popIn}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), inset 0 1px 0 var(--glass-highlight);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base)}.navbar{z-index:40;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);transition:background var(--transition-base), border-color var(--transition-base);position:sticky;top:0;box-shadow:0 1px 12px #00000026}.navbar-inner{justify-content:space-between;align-items:center;max-width:56rem;height:64px;margin:0 auto;padding:0 1rem;display:flex}.navbar-brand{align-items:center;gap:.75rem;display:flex}.navbar-logo{background:linear-gradient(135deg, var(--color-accent), #7c3aed, #ec4899);border-radius:var(--radius-md);width:40px;height:40px;transition:transform var(--transition-spring), box-shadow var(--transition-base);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #6366f159}.navbar-logo:after{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff26,#0000);position:absolute;inset:0}.navbar-logo:hover{transform:scale(1.08)rotate(-3deg);box-shadow:0 6px 24px #6366f173}.navbar-logo svg{color:#fff;z-index:1;width:22px;height:22px;position:relative}.navbar-brand-text{flex-direction:column;gap:1px;display:flex}.navbar-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-text), var(--color-accent-bright));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:900;line-height:1}.navbar-status{align-items:center;gap:.375rem;margin-top:2px;display:flex}.status-dot{width:7px;height:7px;transition:background var(--transition-base);border-radius:50%;flex-shrink:0}.status-dot.connected{background:var(--color-green);box-shadow:0 0 8px #22c55e66}.status-dot.connecting{background:var(--color-yellow);animation:1.5s infinite pulse}.status-dot.error{background:var(--color-red)}.status-text{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;font-weight:700}.status-text.live{color:var(--color-green)}.status-text.sync{color:var(--color-yellow)}.status-text.err{color:var(--color-red)}.navbar-controls{align-items:center;gap:.375rem;display:flex}.admin-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.admin-btn:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border-subtle)}.admin-btn.active{color:var(--color-green);background:var(--color-green-bg);border-color:#22c55e33}.admin-btn svg{width:18px;height:18px}.admin-badge{background:var(--color-green);border:2px solid var(--color-bg);border-radius:50%;width:8px;height:8px;animation:.3s ease-out popIn;position:absolute;top:3px;right:3px}.theme-toggle{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border-subtle)}.theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-spring)}.theme-toggle:hover svg{transform:rotate(30deg)}.theme-dropdown-wrapper{position:relative}.theme-dropdown{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;min-width:150px;padding:.375rem;animation:.2s ease-out scaleIn;position:absolute;top:calc(100% + 8px);right:0}.theme-option{border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.theme-option:hover{background:var(--color-bg-hover);color:var(--color-text)}.theme-option.active{background:var(--color-accent-glow);color:var(--color-accent)}.theme-option svg{flex-shrink:0;width:16px;height:16px}.theme-option-dot{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.note-input-wrapper{transition:box-shadow var(--transition-base), background var(--transition-base), border-color var(--transition-base);overflow:hidden}.note-input-wrapper:focus-within{box-shadow:0 0 0 1px #818cf866, var(--shadow-glow);border-color:#818cf84d}.title-input{width:100%;color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-subtle);font-size:.9rem;font-weight:700;font-family:var(--font-sans);transition:border-color var(--transition-fast);background:0 0;outline:none;padding:.875rem 1.25rem .375rem}.title-input:focus{border-bottom-color:#818cf866}.title-input::placeholder{color:var(--color-text-faint);font-weight:500}.note-textarea{width:100%;color:var(--color-text-secondary);resize:none;min-height:110px;font-family:var(--font-mono);background:0 0;border:none;outline:none;padding:1rem 1.25rem;font-size:.875rem;line-height:1.7}.note-textarea::placeholder{color:var(--color-text-faint)}.controls-toolbar{border-top:1px solid var(--color-border-subtle);transition:background var(--transition-base);background:#0000001f;padding:.875rem}.controls-row{flex-direction:column;gap:.75rem;display:flex}.controls-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.625rem;display:flex}.controls-left{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.upload-btn{border-radius:var(--radius-sm);background:var(--color-bg-hover);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast);font-size:.75rem;font-weight:500;font-family:var(--font-sans);white-space:nowrap;align-items:center;gap:.375rem;padding:.4rem .75rem;display:flex}.upload-btn:hover{color:var(--color-text);background:var(--color-border-hover);border-color:var(--color-border-hover)}.upload-btn svg{width:14px;height:14px}.privacy-group{background:var(--color-bg-input);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);padding:3px;display:flex;overflow:hidden}.privacy-btn{cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.7rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .65rem;display:flex}.privacy-btn:hover{color:var(--color-text-secondary)}.privacy-btn svg{width:12px;height:12px}.privacy-btn.active-public{background:var(--color-bg-hover);color:var(--color-text);box-shadow:var(--shadow-sm)}.privacy-btn.active-protected{color:#fff;box-shadow:var(--shadow-sm);background:#92400e}.privacy-btn.active-private{color:#fff;box-shadow:var(--shadow-sm);background:#991b1b}.password-container{min-width:140px;animation:.2s ease-out fadeIn}.password-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font-size:.75rem;font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:.375rem .75rem}.password-input:focus{border-color:var(--color-accent)}.password-input::placeholder{color:var(--color-text-faint)}.post-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-accent-dark), #7c3aed);color:#fff;cursor:pointer;box-shadow:var(--shadow-accent);transition:all var(--transition-fast);font-size:.85rem;font-weight:700;font-family:var(--font-sans);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;display:flex;position:relative;overflow:hidden}.post-btn:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}.post-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b52e5,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 25px #6366f159}.post-btn:active:not(:disabled){transform:scale(.97)}.post-btn:disabled{opacity:.6;cursor:not-allowed}.post-btn svg{width:16px;height:16px}.posting-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.privacy-desc{color:var(--color-text-faint);height:1rem;transition:all var(--transition-fast);font-size:.65rem;font-style:italic}.privacy-desc.amber{color:var(--color-amber)}.privacy-desc.red{color:var(--color-red)}.upload-instructions{border-top:1px solid var(--color-border-subtle);padding-top:.75rem;animation:.25s ease-out fadeIn}.upload-info-box{background:var(--color-bg-input);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.upload-info-text{color:var(--color-text-muted);font-size:.75rem}.upload-info-text p{color:var(--color-accent);margin-bottom:.375rem;font-weight:700}.upload-info-text ol{color:var(--color-text-faint);flex-direction:column;gap:.25rem;list-style:inside decimal;display:flex}.filebin-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;background:#059669;border:none;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.filebin-btn:hover{color:#fff;background:#10b981;text-decoration:none}.filebin-btn svg{width:14px;height:14px}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:0 .25rem;display:flex}.filter-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.count-badge{background:var(--color-bg-surface);color:var(--color-text-muted);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);padding:.15rem .6rem;font-size:.65rem;font-weight:600}.filter-right{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.search-wrapper{flex:1;min-width:120px;max-width:220px;position:relative}.search-input{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:.75rem;font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:.45rem .75rem .45rem 2rem}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-input::placeholder{color:var(--color-text-faint)}.search-icon{width:14px;height:14px;color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.legend{color:var(--color-text-faint);align-items:center;gap:1rem;font-size:.7rem;display:none}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-item{align-items:center;gap:.35rem;display:flex}.notes-container{grid-template-columns:1fr;gap:1rem;padding-bottom:2.5rem;display:grid}.skeleton{flex-direction:column;gap:1rem;display:flex}.skeleton-card{background:linear-gradient(90deg, var(--color-bg-surface) 25%, var(--color-bg-hover) 50%, var(--color-bg-surface) 75%);border-radius:var(--radius-xl);border:1px solid var(--color-border);background-size:200% 100%;height:8rem;animation:1.5s infinite shimmer}.empty-state{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-faint);padding:3rem 1rem}.empty-state svg{width:48px;height:48px;color:var(--color-text-faint);opacity:.5;margin:0 auto 1rem}.empty-state p{font-size:.875rem}.note-card{border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);box-shadow:inset 0 1px 0 var(--glass-highlight);animation:.35s ease-out both slideUp;position:relative;overflow:hidden}.note-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md), inset 0 1px 0 var(--glass-highlight);transform:translateY(-1px)}.note-card.starred{box-shadow:0 0 20px #facc150d, inset 0 1px 0 var(--glass-highlight);border-color:#facc1540}.note-card.starred:hover{border-color:#facc1566}.note-card.protected{border-color:#f59e0b33}.note-card.protected:hover{border-color:#f59e0b66}.note-card.private{border-color:#ef444426}.note-card.private:hover{border-color:#ef444459}.note-card-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.875rem 1rem .625rem;display:flex}.note-card-meta{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.note-card-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.note-card-info{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.note-card-time{color:var(--color-text-faint);font-size:.65rem;font-family:var(--font-mono)}.note-badge{border-radius:var(--radius-sm);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6rem;font-weight:800;display:inline-flex}.note-badge.protected{background:var(--color-amber-bg);color:var(--color-amber);border:1px solid #92400e4d}.note-badge.private{background:var(--color-red-bg);color:var(--color-red);border:1px solid #991b1b4d}.note-badge.starred-badge{background:var(--color-star-bg);color:var(--color-star);border:1px solid #facc1540}.note-card-actions{opacity:1;transition:opacity var(--transition-fast);flex-shrink:0;gap:.125rem;display:flex}.note-action-btn{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;display:flex}.note-action-btn:hover{color:var(--color-text);background:var(--color-bg-hover)}.note-action-btn.delete:hover{color:var(--color-red);background:var(--color-red-bg)}.note-action-btn.star{color:var(--color-text-faint)}.note-action-btn.star:hover{color:var(--color-star);background:var(--color-star-bg)}.note-action-btn.star.active{color:var(--color-star)}.note-action-btn.star.active svg{fill:var(--color-star)}.note-action-btn.star.animating svg{animation:.4s ease-out starPop}.note-action-btn svg{width:16px;height:16px}.note-card-body{padding:1rem;overflow-x:auto}.note-text{white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.85rem;font-weight:400;line-height:1.75}.note-text a{color:var(--color-accent);word-break:break-all}.note-text a:hover{color:var(--color-accent-bright)}.toggle-text-btn{color:var(--color-accent);cursor:pointer;font-size:.75rem;font-weight:700;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;margin-top:.5rem;padding:0;display:inline-flex}.toggle-text-btn:hover{color:var(--color-text)}.toggle-text-btn.expanded{color:var(--color-text-muted)}.top-toggle-container{justify-content:flex-end;margin-bottom:.5rem;display:flex}.top-toggle-btn{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);cursor:pointer;font-size:.6rem;font-weight:700;font-family:var(--font-sans);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.25rem;padding:0;display:flex}.top-toggle-btn:hover{color:var(--color-text)}.top-toggle-btn svg{width:12px;height:12px}.locked-overlay{text-align:center;cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;margin:.5rem;padding:2rem;display:flex}.locked-overlay:hover{background:#ffffff08}.locked-icon-circle{background:var(--color-red-bg);width:48px;height:48px;color:var(--color-red);transition:transform var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.625rem;display:flex}.locked-overlay:hover .locked-icon-circle{animation:2s ease-in-out infinite float;transform:scale(1.1)}.locked-icon-circle svg{width:22px;height:22px}.locked-title{color:var(--color-text-secondary);font-size:.9rem;font-weight:700}.locked-subtitle{color:var(--color-text-faint);margin-top:.125rem;font-size:.75rem}.locked-header{justify-content:space-between;align-items:flex-start;padding:0 1rem;display:flex;position:absolute;top:.75rem;left:0;right:0}.locked-header-left{flex-direction:column;gap:.125rem;display:flex}.admin-del-btn{color:var(--color-red);background:var(--color-red-bg);cursor:pointer;font-size:.65rem;font-weight:700;font-family:var(--font-sans);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;border:1px solid #ef444433;padding:.25rem .5rem}.admin-del-btn:hover{background:#ef444433}.toast-container{z-index:100;pointer-events:none;flex-direction:column-reverse;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);pointer-events:auto;align-items:center;gap:.75rem;min-width:220px;max-width:380px;padding:.875rem 1.25rem;animation:.35s cubic-bezier(.34,1.56,.64,1) slideInFromBottom;display:flex;position:relative;overflow:hidden}.toast.hiding{animation:.3s ease-in forwards slideOutToBottom}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-icon.success{color:var(--color-green)}.toast-icon.error{color:var(--color-red)}.toast-message{font-size:.85rem;font-weight:600}.toast-progress{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(90deg, var(--color-accent), var(--color-green));height:3px;animation:linear forwards shrink;position:absolute;bottom:0;left:0}.toast.error .toast-progress{background:linear-gradient(90deg, var(--color-red), var(--color-amber))}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:50;background:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl), inset 0 1px 0 var(--glass-highlight);padding:1.75rem;animation:.25s ease-out scaleIn;position:relative}.modal-close{color:var(--color-text-faint);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:var(--color-text);background:var(--color-bg-hover)}.modal-close svg{width:20px;height:20px}.modal-header{margin-bottom:1.25rem}.modal-icon{border-radius:var(--radius-md);background:var(--color-accent-glow);width:50px;height:50px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:.75rem;display:flex}.modal-icon svg{width:24px;height:24px}.modal-title{color:var(--color-text);font-size:1.125rem;font-weight:800}.modal-desc{color:var(--color-text-muted);margin-top:.25rem;font-size:.8rem}.modal-input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);font-size:.875rem;font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;margin-bottom:1rem;padding:.875rem 1rem}.modal-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.modal-input::placeholder{color:var(--color-text-faint)}.modal-actions{gap:.5rem;display:flex}.modal-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.85rem;font-weight:600;font-family:var(--font-sans);border:none;flex:1;padding:.7rem}.modal-btn.cancel{background:var(--color-bg-hover);color:var(--color-text-secondary)}.modal-btn.cancel:hover{background:var(--color-border-hover)}.modal-btn.confirm{background:linear-gradient(135deg, var(--color-accent-dark), #7c3aed);color:#fff}.modal-btn.confirm:hover{background:linear-gradient(135deg,#5b52e5,#6d28d9)}.confirm-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:55;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;max-width:360px;box-shadow:var(--shadow-xl), inset 0 1px 0 var(--glass-highlight);text-align:center;padding:1.5rem;animation:.25s ease-out scaleIn}.confirm-box .confirm-icon{border-radius:var(--radius-md);background:var(--color-red-bg);width:44px;height:44px;color:var(--color-red);justify-content:center;align-items:center;margin:0 auto .75rem;display:flex}.confirm-box .confirm-icon svg{width:22px;height:22px}.confirm-box h3{color:var(--color-text);margin-bottom:.375rem;font-size:1rem;font-weight:700}.confirm-box p{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.8rem}.footer{text-align:center;border-top:1px solid var(--color-border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;align-items:center;gap:.625rem;margin-top:auto;padding:1.5rem 1rem;display:flex}.footer-tagline{color:var(--color-text-faint);letter-spacing:.25em;font-size:.65rem;font-weight:600}.auto-delete-btn{background:var(--color-bg-surface);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);cursor:help;transition:all var(--transition-fast);font-family:var(--font-sans);color:var(--color-text-faint);align-items:center;gap:.375rem;padding:.375rem .875rem;display:flex}.auto-delete-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.auto-delete-btn svg{width:12px;height:12px;color:var(--color-red)}.auto-delete-btn span{font-size:.625rem;font-weight:600}.auto-delete-btn:hover span{color:var(--color-text-muted)}.footer-credit{color:var(--color-text-faint);font-size:.75rem;font-weight:700}.auto-delete-tooltip{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;box-shadow:var(--shadow-lg);z-index:10;padding:.75rem 1rem;font-size:.75rem;animation:.25s ease-out popIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.auto-delete-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--glass-border);position:absolute;top:100%;left:50%;transform:translate(-50%)}.main-content{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:56rem;margin:0 auto;padding:1.25rem 1rem;display:flex}@media (width>=640px){.controls-top{flex-wrap:nowrap}.post-btn{width:auto}.legend{display:flex}.filter-bar{flex-wrap:nowrap}.upload-info-box{flex-direction:row}.search-wrapper{max-width:200px}}@media (width>=768px){.main-content{padding:1.5rem}.note-card-actions{opacity:0}.note-card:hover .note-card-actions{opacity:1}}@media (width<=639px){.navbar-inner{height:56px;padding:0 .75rem}.navbar-logo{width:34px;height:34px}.navbar-logo svg{width:18px;height:18px}.navbar-title{font-size:1.15rem}.main-content{gap:1rem;padding:.75rem}.post-btn{width:100%;padding:.7rem}.upload-info-box{flex-direction:column}.filebin-btn{justify-content:center;width:100%}.controls-top{flex-direction:column;align-items:stretch}.controls-left{flex-wrap:wrap}.password-container{width:100%}.search-wrapper{max-width:none}.filter-right{width:100%}.note-card-header{flex-direction:column;gap:.5rem}.note-card-actions{align-self:flex-end}.note-textarea{min-height:90px;font-size:.8rem}.title-input{padding:.75rem 1rem .25rem;font-size:.85rem}.controls-toolbar{padding:.625rem}.theme-dropdown{min-width:140px;right:-.5rem}.toast{min-width:180px;max-width:calc(100vw - 2rem);padding:.75rem 1rem}.toast-message{font-size:.8rem}.modal-content{margin:0 .5rem;padding:1.25rem}.confirm-box{margin:0 .5rem}.filter-bar{flex-direction:column;align-items:stretch;gap:.5rem}.filter-title{font-size:.7rem}.auto-delete-tooltip{white-space:normal;text-align:center;min-width:200px}.footer{padding:1rem}}@media (width<=380px){.privacy-group{width:100%}.privacy-btn{flex:1;padding:.3rem .4rem;font-size:.65rem}.upload-btn{justify-content:center;width:100%}.navbar-controls{gap:.25rem}.admin-btn,.theme-toggle{width:34px;height:34px}.admin-btn svg,.theme-toggle svg{width:16px;height:16px}}