@import url("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:#111827b8;--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:#111827a6;--glass-border:#4b55634d;--glass-blur:24px;--glass-highlight:#ffffff0d;--toolbar-bg:#00000026;--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:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{--color-bg:#f8fafc;--color-bg-raised:#fff;--color-bg-surface:#f5f7fa;--color-bg-panel:#ffffffb8;--color-bg-hover:#e2e8f099;--color-bg-input:#fff;--color-border:#e2e8f0cc;--color-border-subtle:#94a3b833;--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:#6366f11a;--color-green-bg:#22c55e0f;--color-amber-bg:#f59e0b0f;--color-red-bg:#ef44440f;--color-star-bg:#facc151a;--glass-bg:#ffffffad;--glass-border:#94a3b82e;--glass-blur:22px;--glass-highlight:#ffffff80;--toolbar-bg:#f1f5f980;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 16px 50px #0000001a;--shadow-accent:0 4px 20px #6366f11f;--shadow-glow:0 0 30px #6366f10f}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}#root,body{min-height:100vh}#root{display:flex;flex-direction:column;position:relative}#root:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 600px 500px at 15% 20%,var(--orb-1),#0000),radial-gradient(ellipse 500px 400px at 85% 25%,var(--orb-2),#0000),radial-gradient(ellipse 700px 500px at 50% 80%,var(--orb-3),#0000),radial-gradient(ellipse 400px 350px at 75% 70%,var(--orb-4),#0000);transition:opacity .5s ease}:root,[data-theme=dark]{--orb-1:#6366f114;--orb-2:#8b5cf60f;--orb-3:#ec48990d;--orb-4:#22c55e08}[data-theme=light]{--orb-1:#6366f112;--orb-2:#8b5cf60d;--orb-3:#ec48990a;--orb-4:#22c55e08}::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);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-bright);text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(40px) scale(.95);opacity:0}60%{transform:translateY(-4px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideOutToBottom{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(40px) scale(.9);opacity:0}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalEnter{0%{transform:scale(.75) translateY(30px);opacity:0;filter:blur(8px)}50%{transform:scale(1.03) translateY(-4px);opacity:1;filter:blur(0)}75%{transform:scale(.98) translateY(2px)}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes backdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes popIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}80%{transform:scale(.96)}to{transform:scale(1);opacity: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(0deg)}to{transform:rotate(1turn)}}@keyframes themeIconSpin{0%{transform:rotate(0deg) scale(1)}30%{transform:rotate(180deg) scale(.8)}60%{transform:rotate(300deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}@keyframes iconMorphIn{0%{transform:scale(0) rotate(-90deg);opacity:0}60%{transform:scale(1.15) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes confirmShake{0%,to{transform:translateX(0)}15%{transform:translateX(-6px) rotate(-1deg)}30%{transform:translateX(5px) rotate(1deg)}45%{transform:translateX(-4px)}60%{transform:translateX(3px)}75%{transform:translateX(-1px)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .35s ease-out}.animate-scale-in{animation:scaleIn .25s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.glass-panel{backdrop-filter:blur(var(--glass-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);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);will-change:background,border-color}.glass-panel,.navbar{background:var(--glass-bg);transform:translateZ(0)}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;border-bottom:1px solid var(--glass-border);backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);box-shadow:0 1px 12px #00000026;transition:background var(--transition-base),border-color var(--transition-base);will-change:background}.navbar-inner{max-width:56rem;margin:0 auto;padding:0 1rem;height:64px;justify-content:space-between}.navbar-brand,.navbar-inner{display:flex;align-items:center}.navbar-brand{gap:.75rem}.navbar-logo{width:42px;height:42px;background:linear-gradient(135deg,#6366f1,#8b5cf6 40%,#a855f7 70%,#ec4899);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px #6366f166,inset 0 1px 0 #fff3;transition:transform var(--transition-spring),box-shadow var(--transition-base);position:relative;overflow:hidden}.navbar-logo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,#0000,#ffffff1a,#0000 30%);animation:none;pointer-events:none}.navbar-logo:hover:before{animation:spin 4s linear infinite}.navbar-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#0000 60%);border-radius:inherit}.navbar-logo:hover{transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 28px #6366f180,inset 0 1px 0 #ffffff40}.navbar-logo svg{width:22px;height:22px;color:#fff;position:relative;z-index:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.navbar-brand-text{display:flex;flex-direction:column;gap:1px}.navbar-title{font-weight:900;font-size:1.35rem;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,var(--color-text),var(--color-accent-bright));-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text}.navbar-status{display:flex;align-items:center;gap:.375rem;margin-top:2px}.status-dot{width:7px;height:7px;border-radius:50%;transition:background var(--transition-base);flex-shrink:0}.status-dot.connected{background:var(--color-green);box-shadow:0 0 8px #22c55e66}.status-dot.connecting{background:var(--color-yellow);animation:pulse 1.5s infinite}.status-dot.error{background:var(--color-red)}.status-text{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;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{gap:.375rem}.admin-btn,.navbar-controls{display:flex;align-items:center}.admin-btn{position:relative;width:38px;height:38px;justify-content:center;border-radius:var(--radius-md);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.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{position:absolute;top:3px;right:3px;width:8px;height:8px;background:var(--color-green);border-radius:50%;border:2px solid var(--color-bg);animation:popIn .3s ease-out}.theme-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid #0000;background:#0000;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);overflow:hidden}.theme-toggle:hover{background:var(--color-bg-hover);color:var(--color-accent-bright);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) scale(1.1)}.theme-toggle.animating svg{animation:themeIconSpin .5s cubic-bezier(.34,1.56,.64,1)}.theme-toggle .theme-icon-enter{animation:iconMorphIn .4s cubic-bezier(.34,1.56,.64,1)}.theme-dropdown-wrapper{position:relative}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;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-lg);box-shadow:var(--shadow-xl);padding:.375rem;min-width:150px;animation:scaleIn .2s ease-out;z-index:100}.theme-option{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);border:none;background:#0000;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}.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{width:16px;height:16px;flex-shrink:0}.theme-option-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid var(--color-border)}.note-input-wrapper{overflow:hidden;transition:box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.note-input-wrapper:focus-within{box-shadow:0 0 0 1px #818cf866,var(--shadow-glow);border-color:#818cf84d}.title-input{width:100%;background:#0000;color:var(--color-text);padding:.875rem 1.25rem .375rem;font-size:.9rem;font-weight:700;border:none;border-bottom:1px solid var(--color-border-subtle);outline:none;font-family:var(--font-sans);transition:border-color var(--transition-fast)}.title-input:focus{border-bottom-color:#818cf866}.title-input::placeholder{color:var(--color-text-faint);font-weight:500}.note-textarea{width:100%;background:#0000;color:var(--color-text-secondary);padding:1rem 1.25rem;min-height:110px;border:none;outline:none;resize:none;font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.note-textarea::placeholder{color:var(--color-text-faint)}.controls-toolbar{background:var(--toolbar-bg);border-top:1px solid var(--color-border-subtle);padding:.875rem;transition:background var(--transition-base),border-color var(--transition-base)}.controls-row{display:flex;flex-direction:column;gap:.75rem}.controls-top{gap:.625rem;justify-content:space-between}.controls-left,.controls-top{display:flex;flex-wrap:wrap;align-items:center}.controls-left{gap:.5rem}.upload-btn{display:flex;align-items:center;gap:.375rem;padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--color-bg-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);white-space:nowrap}.upload-btn:hover{color:var(--color-text);background:var(--color-bg-hover);border-color:var(--color-border-hover)}.upload-btn svg{width:14px;height:14px}.privacy-group{display:flex;background:var(--color-bg-surface);border-radius:var(--radius-md);padding:3px;border:1px solid var(--color-border-subtle);overflow:hidden;transition:background var(--transition-base),border-color var(--transition-base)}.privacy-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .65rem;border-radius:7px;font-size:.7rem;font-weight:600;cursor:pointer;border:none;background:#0000;color:var(--color-text-muted);transition:all var(--transition-fast);font-family:var(--font-sans);white-space:nowrap}.privacy-btn:hover{color:var(--color-text-secondary)}.privacy-btn svg{width:12px;height:12px}.privacy-btn.active-public{background:var(--color-bg-raised);color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle)}.privacy-btn.active-protected{background:linear-gradient(135deg,#b45309,#92400e);color:#fff;box-shadow:0 2px 8px #92400e4d}.privacy-btn.active-private{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 2px 8px #991b1b4d}.password-container{min-width:140px;animation:fadeIn .2s ease-out}.password-input{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.375rem .75rem;font-size:.75rem;color:var(--color-text);outline:none;font-family:var(--font-sans);transition:border-color var(--transition-fast)}.password-input:focus{border-color:var(--color-accent)}.password-input::placeholder{color:var(--color-text-faint)}.post-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.5rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent-dark),#7c3aed);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-accent);transition:all var(--transition-fast);font-family:var(--font-sans);white-space:nowrap;position:relative;overflow:hidden}.post-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:inherit}.post-btn:hover:not(:disabled){background:linear-gradient(135deg,#5b52e5,#6d28d9);box-shadow:0 6px 25px #6366f159;transform:translateY(-1px)}.post-btn:active:not(:disabled){transform:scale(.97)}.post-btn:disabled{opacity:.6;cursor:not-allowed}.post-btn svg,.posting-spinner{width:16px;height:16px}.posting-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.privacy-desc{font-size:.65rem;font-style:italic;color:var(--color-text-faint);height:1rem;transition:all var(--transition-fast)}.privacy-desc.amber{color:var(--color-amber)}.privacy-desc.red{color:var(--color-red)}.upload-instructions{padding-top:.75rem;border-top:1px solid var(--color-border-subtle);animation:fadeIn .25s ease-out}.upload-info-box{background:var(--color-bg-surface);border-radius:var(--radius-md);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--color-border-subtle);transition:background var(--transition-base)}.upload-info-text{font-size:.75rem;color:var(--color-text-muted)}.upload-info-text p{font-weight:700;color:var(--color-accent);margin-bottom:.375rem}.upload-info-text ol{list-style:decimal inside;display:flex;flex-direction:column;gap:.25rem;color:var(--color-text-faint)}.filebin-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:#059669;color:#fff;text-decoration:none;border:none;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;flex-shrink:0}.filebin-btn:hover{background:#10b981;color:#fff;text-decoration:none}.filebin-btn svg{width:14px;height:14px}.filter-bar{flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:0 .25rem}.filter-bar,.filter-title{display:flex;align-items:center}.filter-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;gap:.5rem;white-space:nowrap}.count-badge,.filter-title{color:var(--color-text-muted)}.count-badge{background:var(--color-bg-surface);font-size:.65rem;padding:.15rem .6rem;border-radius:var(--radius-full);font-weight:600;border:1px solid var(--color-border-subtle)}.filter-right{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.search-wrapper{position:relative;flex:1;max-width:220px;min-width:120px}.search-input{width:100%;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.45rem .75rem .45rem 2rem;font-size:.75rem;color:var(--color-text);outline:none;font-family:var(--font-sans);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.search-icon,.search-input::placeholder{color:var(--color-text-faint)}.search-icon{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none}.legend{display:none;align-items:center;gap:1rem;font-size:.7rem;color:var(--color-text-faint)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:.35rem}.notes-container{display:grid;grid-template-columns:1fr;gap:1rem;padding-bottom:2.5rem}.skeleton{display:flex;flex-direction:column;gap:1rem}.skeleton-card{height:8rem;background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-hover) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xl);border:1px solid var(--color-border)}.empty-state{text-align:center;padding:3rem 1rem;border:1px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-faint)}.empty-state svg{width:48px;height:48px;margin:0 auto 1rem;color:var(--color-text-faint);opacity:.5}.empty-state p{font-size:.875rem}.note-card{position:relative;border-radius:var(--radius-xl);border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);animation:slideUp .35s ease-out both;overflow:hidden;box-shadow:inset 0 1px 0 var(--glass-highlight);contain:content;will-change:transform;transform:translateZ(0)}.note-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-highlight);transform:translateY(-1px) translateZ(0)}.note-card.starred{border-color:#facc1540;box-shadow:0 0 20px #facc150d,inset 0 1px 0 var(--glass-highlight)}.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{display:flex;align-items:flex-start;justify-content:space-between;padding:.875rem 1rem .625rem;border-bottom:1px solid var(--color-border-subtle);gap:.5rem}.note-card-meta{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.note-card-title{font-weight:700;font-size:.95rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.note-card-time{font-size:.65rem;color:var(--color-text-faint);font-family:var(--font-mono)}.note-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:var(--radius-sm);font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.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{display:flex;gap:.125rem;opacity:1;transition:opacity var(--transition-fast);flex-shrink:0}.note-action-btn{padding:.375rem;border-radius:var(--radius-sm);border:none;background:#0000;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.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:starPop .4s ease-out}.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);font-size:.85rem;color:var(--color-text-secondary);line-height:1.75;font-weight:400}.note-text a{color:var(--color-accent);word-break:break-all}.note-text a:hover{color:var(--color-accent-bright)}.toggle-text-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;font-weight:700;color:var(--color-accent);background:none;border:none;cursor:pointer;font-family:var(--font-sans);transition:color var(--transition-fast);padding:0}.toggle-text-btn:hover{color:var(--color-text)}.toggle-text-btn.expanded{color:var(--color-text-muted)}.top-toggle-container{display:flex;justify-content:flex-end;margin-bottom:.5rem}.top-toggle-btn{display:flex;align-items:center;gap:.25rem;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--color-text-faint);background:none;border:none;cursor:pointer;font-family:var(--font-sans);transition:color var(--transition-fast);padding:0}.top-toggle-btn:hover{color:var(--color-text)}.top-toggle-btn svg{width:12px;height:12px}.locked-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-lg);margin:.5rem}.locked-overlay:hover{background:#ffffff08}.locked-icon-circle{width:48px;height:48px;border-radius:50%;background:var(--color-red-bg);color:var(--color-red);display:flex;align-items:center;justify-content:center;margin-bottom:.625rem;transition:transform var(--transition-spring)}.locked-overlay:hover .locked-icon-circle{transform:scale(1.1);animation:float 2s ease-in-out infinite}.locked-icon-circle svg{width:22px;height:22px}.locked-title{font-size:.9rem;font-weight:700;color:var(--color-text-secondary)}.locked-subtitle{font-size:.75rem;color:var(--color-text-faint);margin-top:.125rem}.locked-header{position:absolute;top:.75rem;left:0;right:0;padding:0 1rem;display:flex;align-items:flex-start;justify-content:space-between}.locked-header-left{display:flex;flex-direction:column;gap:.125rem}.admin-del-btn{font-size:.65rem;font-weight:700;color:var(--color-red);background:var(--color-red-bg);border:1px solid #ef444433;cursor:pointer;font-family:var(--font-sans);padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.admin-del-btn:hover{background:#ef444433}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none;display:flex;flex-direction:column-reverse;gap:.5rem}.toast{display:flex;align-items:center;gap:.75rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.5);color:var(--color-text);padding:.875rem 1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 40px #6366f114;border:1px solid var(--glass-border);pointer-events:auto;animation:slideInFromBottom .45s cubic-bezier(.34,1.56,.64,1);min-width:220px;max-width:380px;position:relative;overflow:hidden;will-change:transform,opacity;transform:translateZ(0)}.toast.hiding{animation:slideOutToBottom .35s cubic-bezier(.55,0,1,.45) forwards}.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{position:absolute;bottom:0;left:0;height:3px;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(90deg,var(--color-accent),var(--color-green));animation:shrink linear forwards}.toast.error .toast-progress{background:linear-gradient(90deg,var(--color-red),var(--color-amber))}.modal-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:backdropFadeIn .3s ease-out forwards;will-change:opacity}.modal-content{background:var(--glass-bg);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.75rem;width:100%;max-width:400px;box-shadow:var(--shadow-xl),inset 0 1px 0 var(--glass-highlight),0 0 60px #6366f10f;position:relative;animation:modalEnter .45s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity;transform:translateZ(0)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-faint);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex}.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{width:50px;height:50px;border-radius:var(--radius-md);background:var(--color-accent-glow);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:var(--color-accent)}.modal-icon svg{width:24px;height:24px}.modal-title{font-size:1.125rem;font-weight:800;color:var(--color-text)}.modal-desc{font-size:.8rem;color:var(--color-text-muted);margin-top:.25rem}.modal-input{width:100%;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.875rem 1rem;font-size:.875rem;color:var(--color-text);outline:none;margin-bottom:1rem;font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.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{display:flex;gap:.5rem}.modal-btn{flex:1;padding:.7rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all var(--transition-fast);font-family:var(--font-sans)}.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{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);z-index:55;display:flex;align-items:center;justify-content:center;padding:1rem;animation:backdropFadeIn .3s ease-out forwards;will-change:opacity}.confirm-box{background:var(--glass-bg);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;width:100%;max-width:360px;box-shadow:var(--shadow-xl),inset 0 1px 0 var(--glass-highlight),0 0 60px #ef44440f;animation:modalEnter .45s cubic-bezier(.34,1.56,.64,1) forwards;text-align:center;will-change:transform,opacity;transform:translateZ(0)}.confirm-box .confirm-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-red-bg);color:var(--color-red);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.confirm-box .confirm-icon svg{width:22px;height:22px}.confirm-box h3{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.375rem}.confirm-box p{font-size:.8rem;color:var(--color-text-muted);margin-bottom:1.25rem}.footer{margin-top:auto;padding:1.5rem 1rem;text-align:center;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:center;gap:.625rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(1.3);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);transform:translateZ(0)}.footer-tagline{font-size:.65rem;color:var(--color-text-faint);letter-spacing:.25em;font-weight:600}.auto-delete-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .875rem;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)}.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{font-size:.75rem;font-weight:700;color:var(--color-text-faint)}.auto-delete-tooltip{bottom:calc(100% + 8px);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);padding:.75rem 1rem;font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;box-shadow:var(--shadow-lg);animation:popIn .25s ease-out;z-index:10}.auto-delete-tooltip,.auto-delete-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.auto-delete-tooltip:after{content:"";top:100%;border:6px solid #0000;border-top:6px solid var(--glass-border)}.main-content{flex:1;max-width:56rem;margin:0 auto;width:100%;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.5rem}@media (min-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 (min-width:768px){.main-content{padding:1.5rem}.note-card-actions{opacity:0}.note-card:hover .note-card-actions{opacity:1}}@media (max-width:639px){.navbar-inner{padding:0 .75rem;height:56px}.navbar-logo{width:34px;height:34px}.navbar-logo svg{width:18px;height:18px}.navbar-title{font-size:1.15rem}.main-content{padding:.75rem;gap:1rem}.post-btn{width:100%;padding:.7rem}.upload-info-box{flex-direction:column}.filebin-btn{width:100%;justify-content:center}.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{font-size:.85rem;padding:.75rem 1rem .25rem}.controls-toolbar{padding:.625rem}.theme-dropdown{right:-.5rem;min-width:140px}.toast{min-width:180px;max-width:calc(100vw - 2rem);padding:.75rem 1rem}.toast-message{font-size:.8rem}.modal-content{padding:1.25rem;margin:0 .5rem}.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;min-width:200px;text-align:center}.footer{padding:1rem}}@media (max-width:380px){.privacy-group{width:100%}.privacy-btn{flex:1;font-size:.65rem;padding:.3rem .4rem}.upload-btn{width:100%;justify-content:center}.navbar-controls{gap:.25rem}.admin-btn,.theme-toggle{width:34px;height:34px}.admin-btn svg,.theme-toggle svg{width:16px;height:16px}}@media (max-width:768px){.footer,.glass-panel,.note-card{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.navbar{backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}.navbar-logo:before{animation:none!important}}.admin-btn,.locked-overlay,.note-action-btn,.post-btn,.privacy-btn,.theme-toggle,.upload-btn,a,button,input,textarea{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.navbar-logo:before,.note-card{animation:none}}