@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"IBM Plex Mono","SF Mono",Monaco,monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.65;--duration-instant:100ms;--duration-fast:180ms;--duration-normal:280ms;--duration-slow:400ms;--duration-slower:600ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.55,0,1,0.45);--ease-out:cubic-bezier(0,0.55,0.45,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--z-base:0;--z-dropdown:100;--z-sticky:500;--z-header:1000;--z-overlay:1500;--z-modal:2000;--z-lightbox:3000;--z-tooltip:4000;--bg-primary:#faf7f2;--bg-secondary:#fffcf7;--bg-tertiary:#f5f1ea;--bg-elevated:#fff;--bg-overlay:#2c241666;--bg-paper:#fdf9f3;--bg-canvas:#f0ebe3;--text-primary:#2c2416;--text-secondary:#5c4a32;--text-tertiary:#7d6b52;--text-muted:#a89880;--text-inverse:#fffcf7;--border-color:#5c4a321f;--border-color-strong:#5c4a3240;--border-focus:#c4785d;--accent-color:#c4785d;--accent-hover:#b0684d;--accent-active:#9c5840;--accent-light:#c4785d1f;--accent-lighter:#c4785d0f;--accent-secondary:#e8a844;--accent-secondary-light:#e8a84426;--success-color:#7d9b76;--success-light:#7d9b7626;--warning-color:#d4a84b;--warning-light:#d4a84b26;--error-color:#c17b7b;--error-light:#c17b7b26;--info-color:#7b9bb5;--info-light:#7b9bb526;--shadow-xs:0 1px 2px #2c24160f;--shadow-sm:0 2px 4px #2c241614,0 1px 2px #2c24160a;--shadow-md:0 4px 8px #2c241614,0 2px 4px #2c24160a;--shadow-lg:0 8px 16px #2c24161a,0 4px 8px #2c24160f;--shadow-xl:0 16px 32px #2c24161f,0 8px 16px #2c241614;--shadow-2xl:0 24px 48px #2c241629,0 12px 24px #2c24161a;--shadow-focus:0 0 0 3px #c4785d4d;--shadow-paper:0 1px 3px #2c24161a,0 0 0 1px #2c24160d;--shadow-lifted:0 12px 24px #2c241626,0 4px 8px #2c24161a;--hover-overlay:#2c24160a;--active-overlay:#2c241614;--selected-overlay:#c4785d1a;--header-bg:#e8dfd0;--header-text:#2c2416;--note-white:#fffcf7;--note-red:#f2d4cf;--note-orange:#f5dfc4;--note-yellow:#f7ebc4;--note-green:#d4e8d0;--note-teal:#c9e5e0;--note-cyan:#c9dfe8;--note-blue:#d0dbe8;--note-purple:#e0d4e8;--note-pink:#f0d4e0;--note-brown:#e0d4c4;--note-gray:#e5e0d8}body.dark-mode{--bg-primary:#1a1814;--bg-secondary:#242019;--bg-tertiary:#2e2a22;--bg-elevated:#302b23;--bg-overlay:#0009;--bg-paper:#282420;--bg-canvas:#1e1b17;--text-primary:#f5f1ea;--text-secondary:#c9c0b0;--text-tertiary:#9e9484;--text-muted:#6e6458;--text-inverse:#1a1814;--border-color:#f5f1ea1a;--border-color-strong:#f5f1ea33;--border-focus:#d4906e;--accent-color:#d4906e;--accent-hover:#e0a080;--accent-active:#ebb090;--accent-light:#d4906e26;--accent-lighter:#d4906e14;--accent-secondary:#f0b850;--accent-secondary-light:#f0b8502e;--success-color:#8fb085;--success-light:#8fb0852e;--warning-color:#e0b860;--warning-light:#e0b8602e;--error-color:#d09090;--error-light:#d090902e;--info-color:#90b0c8;--info-light:#90b0c82e;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 4px #00000040,0 1px 2px #0003;--shadow-md:0 4px 8px #0000004d,0 2px 4px #0003;--shadow-lg:0 8px 16px #00000059,0 4px 8px #00000040;--shadow-xl:0 16px 32px #0006,0 8px 16px #0000004d;--shadow-2xl:0 24px 48px #00000080;--shadow-focus:0 0 0 3px #d4906e66;--shadow-paper:0 1px 3px #0000004d,0 0 0 1px #ffffff0d;--shadow-lifted:0 12px 24px #0006,0 4px 8px #0000004d;--hover-overlay:#ffffff0a;--active-overlay:#ffffff14;--selected-overlay:#d4906e1f;--header-bg:#2e2a22;--header-text:#f5f1ea;--note-white:#2a2620;--note-red:#3d2a28;--note-orange:#3d3020;--note-yellow:#3d3820;--note-green:#283d28;--note-teal:#203838;--note-cyan:#203038;--note-blue:#202838;--note-purple:#302838;--note-pink:#382030;--note-brown:#302820;--note-gray:#303028}body.oled-mode{--bg-primary:#000;--bg-secondary:#0a0908;--bg-tertiary:#141210;--bg-elevated:#1a1816;--bg-overlay:#000c;--bg-paper:#0f0e0c;--bg-canvas:#050504;--text-primary:#f5f1ea;--text-secondary:#b8afa0;--text-tertiary:#8a8070;--text-muted:#5c5448;--text-inverse:#000;--border-color:#f5f1ea14;--border-color-strong:#f5f1ea26;--border-focus:#d4906e;--header-bg:#0a0908;--header-text:#f5f1ea;--note-white:#141210;--note-red:#2a1a18;--note-orange:#2a2010;--note-yellow:#2a2810;--note-green:#182a18;--note-teal:#102828;--note-cyan:#102028;--note-blue:#101828;--note-purple:#201828;--note-pink:#281020;--note-brown:#201810;--note-gray:#202018}body.eink-mode{--bg-primary:#fff;--bg-secondary:#f8f8f8;--bg-tertiary:#f0f0f0;--bg-elevated:#fff;--bg-overlay:#0000004d;--bg-paper:#fff;--bg-canvas:#f5f5f5;--text-primary:#000;--text-secondary:#333;--text-tertiary:#555;--text-muted:#777;--text-inverse:#fff;--border-color:#000;--border-color-strong:#000;--border-focus:#000;--accent-color:#000;--accent-hover:#333;--accent-active:#000;--accent-light:#e8e8e8;--accent-lighter:#f0f0f0;--success-color:#000;--success-light:#e8e8e8;--warning-color:#555;--warning-light:#e8e8e8;--error-color:#000;--error-light:#e8e8e8;--info-color:#000;--info-light:#e8e8e8;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--shadow-xl:none;--shadow-2xl:none;--shadow-focus:none;--shadow-paper:none;--shadow-lifted:none;--hover-overlay:#e0e0e0;--active-overlay:#ccc;--selected-overlay:#d8d8d8;--header-bg:#fff;--header-text:#000;--note-white:#fff;--note-red:#e8e8e8;--note-orange:#e0e0e0;--note-yellow:#f0f0f0;--note-green:#e8e8e8;--note-teal:#e4e4e4;--note-cyan:#e0e0e0;--note-blue:#e0e0e0;--note-purple:#e4e4e4;--note-pink:#e8e8e8;--note-brown:#d8d8d8;--note-gray:#d0d0d0}body.eink-mode,body.eink-mode *,body.eink-mode :after,body.eink-mode :before{animation:none!important;transition:none!important}body,html{height:100%!important;overflow:hidden!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf7f2;background-color:var(--bg-primary);color:#2c2416;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-normal);letter-spacing:-.01em;line-height:1.5;line-height:var(--leading-normal);transition:background-color .4s ease,color .28s ease;transition:background-color var(--duration-slow) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth)}#root{height:100%!important;overflow:hidden!important}.heading,h1,h2,h3{font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--font-display);font-weight:500;font-weight:var(--font-medium);letter-spacing:-.02em;line-height:1.2;line-height:var(--leading-tight)}.mono,code,pre{font-family:IBM Plex Mono,SF Mono,Monaco,monospace;font-family:var(--font-mono)}:focus{outline:none}:focus-visible{outline:2px solid #c4785d;outline:2px solid var(--border-focus);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #c4785d4d;box-shadow:var(--shadow-focus);outline:2px solid #c4785d;outline:2px solid var(--border-focus);outline-offset:2px}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:2rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:2.5rem;font-size:var(--font-size-4xl)}.font-light{font-weight:300;font-weight:var(--font-light)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.font-display{font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--font-display)}.font-body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body)}::selection{background:#c4785d1f;background:var(--accent-light);color:#2c2416;color:var(--text-primary)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#a89880;background:var(--text-muted);background-clip:padding-box;border:3px solid #0000;border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#7d6b52;background:var(--text-tertiary);background-clip:padding-box;border:3px solid #0000}*{scrollbar-color:#a89880 #0000;scrollbar-color:var(--text-muted) #0000;scrollbar-width:thin}body.eink-mode ::-webkit-scrollbar-thumb{background:#666;border:2px solid #fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes paperGrain{0%,to{transform:translate(0)}10%{transform:translate(-1%,-1%)}20%{transform:translate(1%,1%)}30%{transform:translate(-1%,1%)}40%{transform:translate(1%,-1%)}50%{transform:translate(-1%)}60%{transform:translate(1%)}70%{transform:translateY(1%)}80%{transform:translateY(-1%)}90%{transform:translate(1%,1%)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.paper-texture{position:relative}.paper-texture:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.03;pointer-events:none;position:absolute;z-index:1}body,html{height:100%;margin:0;overflow:hidden;padding:0}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);transition:background var(--duration-slow) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth)}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.025;pointer-events:none;position:fixed;z-index:0}body.dark-mode:before,body.oled-mode:before{opacity:.015}body.eink-mode:before{display:none}#root{height:100%;overflow:hidden;position:relative;z-index:1}.App{background:#0000;display:flex;flex-direction:column;height:100vh!important;overflow:hidden!important}.App-header{background:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--header-text);flex-shrink:0;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--duration-slow) var(--ease-smooth);z-index:var(--z-header)}.App-header:after{background:linear-gradient(90deg,#0000 0,var(--accent-color) 20%,var(--accent-secondary) 50%,var(--accent-color) 80%,#0000 100%);bottom:0;content:"";height:3px;left:0;opacity:.6;position:absolute;right:0}.oled-mode .App-header{border-bottom-color:var(--border-color)}.oled-mode .App-header:after{opacity:.4}.eink-mode .App-header{border-bottom:2px solid #000;box-shadow:none}.eink-mode .App-header:after{display:none}.header-content{grid-gap:var(--space-8);align-items:center;display:grid;gap:var(--space-8);grid-template-columns:auto 1fr auto;margin:0 auto;max-width:100%;padding:0 var(--space-4);width:100%}.App-header h1{align-items:center;display:flex;font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-medium);gap:var(--space-3);letter-spacing:-.02em;margin:0}.App-header p{font-size:var(--font-size-sm);font-weight:var(--font-normal);margin:0;opacity:.7}.user-info{align-items:center;display:flex;gap:var(--space-4)}.user-info .theme-toggle{align-items:center;background:var(--hover-overlay);border:none;border-radius:var(--radius-full);box-shadow:none;display:flex;font-size:20px;height:40px;justify-content:center;margin:0;padding:0;position:static;transition:all var(--duration-normal) var(--ease-smooth);width:40px}.user-info .theme-toggle:hover{background:var(--active-overlay);transform:rotate(15deg) scale(1.05)}.user-name{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);cursor:default;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-5);transition:all var(--duration-normal) var(--ease-smooth)}.user-name.clickable{cursor:pointer}.user-name.clickable:hover{background:var(--bg-elevated);border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.eink-mode .user-name{background:#fff;border:2px solid #000;box-shadow:none}.btn-primary{background:var(--accent-color);border:none;border-radius:var(--radius-lg);box-shadow:0 2px 8px #c4785d40,inset 0 1px 0 #ffffff26;color:var(--text-inverse);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-semibold);overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-smooth)}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--duration-slower) var(--ease-smooth);width:100%}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 6px 16px #c4785d59,inset 0 1px 0 #fff3;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 4px #c4785d33;transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{background:var(--bg-paper);border:1px solid var(--border-color-strong);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-6);transition:all var(--duration-normal) var(--ease-smooth)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent-color);box-shadow:var(--shadow-sm);color:var(--accent-color);transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-ghost{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--duration-fast) var(--ease-smooth)}.btn-ghost:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-ghost:active{background:var(--active-overlay)}.btn-icon{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all var(--duration-fast) var(--ease-smooth);width:36px}.btn-icon:hover{background:var(--hover-overlay);color:var(--text-primary);transform:scale(1.08)}.btn-icon:active{background:var(--active-overlay);transform:scale(.95)}.btn-icon.active{background:var(--accent-light);color:var(--accent-color)}.btn-danger{background:var(--error-color);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-semibold);padding:var(--space-3) var(--space-6);transition:all var(--duration-normal) var(--ease-smooth)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(.9);transform:translateY(-1px)}.btn-logout{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-2xl);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-5);transition:all var(--duration-normal) var(--ease-smooth)}.btn-logout:hover{background:var(--error-light);border-color:var(--error-color);color:var(--error-color);transform:translateY(-1px)}.eink-mode .btn-logout{background:#fff;border:2px solid #000}.eink-mode .btn-logout:hover{background:#000;color:#fff;transform:none}.App-container{background:var(--bg-primary);display:flex;flex:1 1;min-height:0;overflow:hidden!important}.App-main{flex:1 1;margin:0 auto;max-width:1400px;overflow-x:hidden!important;overflow-y:auto!important;padding:var(--space-8) var(--space-6);width:100%}.loading{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:var(--font-size-base);gap:var(--space-5);padding:var(--space-16)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);height:44px;width:44px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--radius-md)}.skeleton-card{border-radius:var(--radius-lg);height:140px;margin-bottom:var(--space-4)}.skeleton-text{border-radius:var(--radius-sm);height:14px;margin-bottom:var(--space-3)}.skeleton-text.short{width:55%}.auth-loading{align-items:center;background:var(--bg-canvas);color:var(--text-primary);display:flex;flex-direction:column;gap:var(--space-5);justify-content:center;min-height:100vh}.auth-loading:before{background:radial-gradient(circle at 50% 30%,var(--accent-lighter) 0,#0000 60%);content:"";inset:0;opacity:.5;position:absolute}.empty-state{padding:var(--space-20) var(--space-8)}.empty-state p:first-child{color:var(--text-tertiary);font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-light);letter-spacing:-.02em;margin-bottom:var(--space-3)}.empty-hint{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:var(--space-3)}.empty-hint kbd{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-medium);padding:3px var(--space-2)}.pagination{align-items:center;display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8);padding:var(--space-10) 0}.pagination button{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-5);transition:all var(--duration-normal) var(--ease-smooth)}.pagination button:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent-color);box-shadow:var(--shadow-sm);color:var(--accent-color);transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{color:var(--text-secondary);font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-medium)}.keyboard-shortcuts-hint{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);margin-left:auto;margin-right:auto;margin-top:var(--space-12);max-width:560px;padding:var(--space-5)}.keyboard-shortcuts-hint summary{color:var(--text-primary);cursor:pointer;font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-medium);padding:var(--space-2);transition:color var(--duration-normal) var(--ease-smooth);-webkit-user-select:none;user-select:none}.keyboard-shortcuts-hint summary:hover{color:var(--accent-color)}.keyboard-shortcuts-hint ul{list-style:none;margin-top:var(--space-5);padding-left:var(--space-4)}.keyboard-shortcuts-hint li{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-4);margin-bottom:var(--space-3)}.keyboard-shortcuts-hint kbd{background:var(--bg-canvas);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:inset 0 -1px 0 var(--border-color);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-medium);min-width:100px;padding:var(--space-1) var(--space-3);text-align:center}.notes-section{animation:fadeInUp var(--duration-slow) var(--ease-out);margin-bottom:var(--space-10)}.section-title{color:var(--text-muted);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-semibold);letter-spacing:.15em;margin:0 0 var(--space-4) var(--space-2);text-transform:uppercase}.floating-controls{display:flex;gap:var(--space-2);position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-header)}.mobile-menu-toggle{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);color:var(--text-primary);cursor:pointer;display:none;margin-right:var(--space-2);padding:var(--space-2);transition:all var(--duration-normal) var(--ease-smooth)}.mobile-menu-toggle:hover{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.eink-mode .mobile-menu-toggle{border:2px solid #000}@media (max-width:1200px){.App-main{max-width:100%;padding:var(--space-6) var(--space-4)}}@media (max-width:768px){.App-header{padding:var(--space-3) var(--space-4)}.App-header h1{font-size:var(--font-size-xl)}.App-main{padding:var(--space-4) var(--space-3)}.header-content{gap:var(--space-3);grid-template-columns:auto 1fr auto}.user-info{gap:var(--space-2)}.pagination{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-6) 0}.keyboard-shortcuts-hint{margin-top:var(--space-8)}.keyboard-shortcuts-hint li{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.keyboard-shortcuts-hint kbd{min-width:auto}.section-title{margin-left:var(--space-1)}.floating-controls{right:var(--space-3);top:var(--space-3)}.mobile-menu-toggle{display:flex!important}.App-header .logo-container{display:none}.empty-state p:first-child{font-size:var(--font-size-2xl)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes noteAppear{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.visually-hidden{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.paper-card{background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);transition:all var(--duration-normal) var(--ease-smooth)}.paper-card:hover{box-shadow:var(--shadow-lifted);transform:translateY(-2px)}.note-form-container{margin:0 auto var(--space-8);max-width:600px}.note-form-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-4) var(--space-5);text-align:left;transition:all var(--duration-slow) var(--ease-default);width:100%}.note-form-button:hover{background:var(--bg-primary);border-color:var(--border-color-strong);box-shadow:var(--shadow-md)}.note-form-button:focus-visible{box-shadow:var(--shadow-focus);outline:2px solid var(--border-focus);outline-offset:2px}.note-form-button svg{flex-shrink:0;opacity:.6;transition:opacity var(--duration-normal) var(--ease-default)}.note-form-button:hover svg{opacity:1}.note-form-button span{flex:1 1}.note-form-title{font-size:var(--font-size-base);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.note-form-content,.note-form-title{background:#0000;border:none;color:var(--text-primary);font-family:inherit;outline:none;padding:0;transition:color var(--duration-normal) var(--ease-default);width:100%}.note-form-content{font-size:var(--font-size-sm);line-height:var(--leading-normal);min-height:46px;resize:none}.note-form-tags{background:#0000;border:none;border-top:1px solid var(--border-color);color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-xs);margin-top:var(--space-3);outline:none;padding:var(--space-3) 0 0 0;width:100%}.note-form-content::placeholder,.note-form-tags::placeholder,.note-form-title::placeholder{color:var(--text-muted);opacity:.8}.note-form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-2)}.form-buttons{align-items:center;display:flex;gap:var(--space-2)}.eink-mode .note-form-button{background:#fff;border:2px solid #000;box-shadow:none}.eink-mode .note-form-button:hover{background:#f5f5f5;box-shadow:none}.eink-mode .note-form-tags{border-top-color:#000}@media (max-width:768px){.note-form-container{margin:0 0 var(--space-6) 0}.note-form-button{border-left:none;border-radius:0;border-right:none}}.note{animation:noteSlideIn .4s cubic-bezier(.4,0,.2,1);background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);break-inside:avoid;cursor:pointer;display:flex;flex-direction:column;padding:var(--space-4) var(--space-5);page-break-inside:avoid;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.note:before{border-color:#0000 var(--bg-secondary) #0000 #0000;border-style:solid;border-width:0 20px 20px 0;content:"";height:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;width:0}.note:hover:before{opacity:1}@keyframes noteSlideIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.note:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.note.editing{cursor:default}.note.dragging{box-shadow:var(--shadow-xl);cursor:grabbing;opacity:.6;transform:rotate(2deg) scale(1.02)}.note.drag-over{background:var(--accent-light);border:2px dashed var(--accent-color)}.note.drag-over-tag{background:#4b7f5214;border:2px dashed var(--success);transform:scale(1.02)}.note-content-wrapper{flex:1 1;min-height:60px}.note-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-semibold);letter-spacing:-.01em;line-height:1.4;margin:0 0 var(--space-3) 0}.note-content,.note-title{word-wrap:break-word;transition:color .3s ease}.note-content{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.65;margin:0;max-height:9em;overflow:hidden;position:relative;white-space:pre-wrap}.note-content:after{background:linear-gradient(to bottom,#0000,var(--bg-paper));background:linear-gradient(to bottom,#0000,var(--note-bg-color,var(--bg-paper)));bottom:0;content:"";height:2em;left:0;pointer-events:none;position:absolute;right:0}.note-todo-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;max-height:9em;overflow:hidden;padding:0;position:relative}.note-todo-list:after{background:linear-gradient(to bottom,#0000,var(--bg-paper));background:linear-gradient(to bottom,#0000,var(--note-bg-color,var(--bg-paper)));bottom:0;content:"";height:2em;left:0;pointer-events:none;position:absolute;right:0}.note-todo-item{align-items:flex-start;display:flex;gap:var(--space-2);padding:var(--space-1) 0}.note-todo-checkbox{accent-color:var(--accent-color);border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;height:16px;margin-top:2px;width:16px}.note-todo-text{color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.5;word-break:break-word}.note-todo-text.completed{color:var(--text-muted);text-decoration:line-through}.dark-mode .note-todo-text{color:#ffffffde}.dark-mode .note-todo-text.completed{color:#ffffff80}.note-images,.note-link-previews{margin-top:var(--space-3)}.note-images{grid-gap:var(--space-2);border-radius:var(--radius-md);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr);overflow:hidden}.note-images.single{grid-template-columns:1fr}.note-image-preview{aspect-ratio:1;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.note-image-preview img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.note-image-preview:hover img{transform:scale(1.05)}.note-images-more{background:#2c2416cc;border-radius:var(--radius-sm) 0 0 0;bottom:0;color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);position:absolute;right:0}.dark-mode .note-image-preview{background:#ffffff0d}.oled-mode .note-image-preview{background:#ffffff14}.note-link{border-bottom:1px solid #0000;color:var(--accent-color);cursor:pointer;font-weight:var(--font-medium);position:relative;text-decoration:none;transition:all .2s ease}.note-link:hover{border-bottom-color:var(--accent-color);opacity:.85}.note-link:hover:after{animation:fadeIn .2s ease;background:var(--bg-inverse);border-radius:var(--radius-md);bottom:100%;box-shadow:var(--shadow-lg);color:var(--text-inverse);content:attr(data-url);font-size:var(--font-size-xs);left:0;margin-bottom:var(--space-2);max-width:300px;overflow:hidden;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap;z-index:100}.dark-mode .note-link{color:var(--accent-color)}.dark-mode .note-link:hover:after{background:#fffffff2;color:#000000de}.todo-item{cursor:pointer;display:inline-flex;gap:var(--space-2);margin-right:var(--space-2);-webkit-user-select:none;user-select:none}.todo-checkbox{-webkit-appearance:none;appearance:none;border:2px solid var(--border-strong);border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.todo-checkbox:hover{background:var(--accent-light);border-color:var(--accent-color)}.todo-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.todo-checkbox:checked:after{color:#fff;content:"✓";font-size:11px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dark-mode .todo-checkbox{border-color:#fff6}.dark-mode .todo-checkbox:hover{border-color:var(--accent-color)}.dark-mode .todo-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.note-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.note-tag{background:var(--accent-light);border:1px solid #0000;border-radius:var(--radius-full);color:var(--accent-color);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);transition:all .3s ease}.note-tag:hover{background:#c4785d26;border-color:var(--accent-color)}.note-collaborators{align-items:center;color:var(--text-muted);display:flex;font-size:var(--font-size-xs);gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) 0}.dark-mode .note-collaborators{color:#ffffffb3}.oled-mode .note-collaborators{color:#fffc}.collaborators-text{font-weight:var(--font-medium);margin-right:var(--space-1)}.collaborator-avatars{align-items:center;display:flex;gap:-4px}.collaborator-avatar{align-items:center;background:var(--accent-color);border:2px solid var(--bg-paper);border-radius:var(--radius-full);color:#fff;cursor:default;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-semibold);height:24px;justify-content:center;margin-left:-6px;transition:all .2s ease;width:24px}.collaborator-avatar:first-child{margin-left:0}.collaborator-avatar:hover{transform:scale(1.15);z-index:1}.collaborator-avatar.more{background:var(--bg-tertiary);color:var(--text-muted);font-size:.5rem}.dark-mode .collaborator-avatar.more{background:#fff3}.oled-mode .collaborator-avatar.more{background:#ffffff40}.note-hover-actions{align-items:center;border-top:1px solid #0000;display:flex;gap:var(--space-1);margin-top:var(--space-2);opacity:0;padding-top:var(--space-2);transition:opacity .2s cubic-bezier(.4,0,.2,1)}.note:hover .note-hover-actions{border-top-color:var(--border-color);opacity:1}.action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.action-btn:active{background:var(--active-overlay);transform:scale(.95)}.action-btn svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.pin-btn:active svg{animation:pinPulse .5s cubic-bezier(.4,0,.2,1);transform:rotate(20deg) scale(1.2)}@keyframes pinPulse{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(20deg) scale(1.3)}to{transform:rotate(0deg) scale(1)}}.pin-btn.pinned{color:var(--accent-color)}.pin-btn.pinned svg{fill:var(--accent-color);animation:pinned .3s cubic-bezier(.4,0,.2,1)}@keyframes pinned{0%{transform:rotate(0deg) scale(1)}25%{transform:rotate(-15deg) scale(1.2)}75%{transform:rotate(15deg) scale(1.2)}to{transform:rotate(0deg) scale(1)}}.note-edit-content,.note-edit-tags,.note-edit-title{background:#0000;border:none;color:var(--text-primary);font-family:var(--font-body);outline:none;padding:0;width:100%}.note-edit-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.note-edit-title::placeholder{color:var(--text-muted)}.note-edit-content{font-size:var(--font-size-sm);line-height:1.65;margin-bottom:var(--space-3);min-height:80px;resize:none}.note-edit-content::placeholder{color:var(--text-muted)}.note-edit-tags{border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-xs);margin-bottom:var(--space-2);padding:var(--space-2) 0}.note-edit-tags::placeholder{color:var(--text-muted)}.note-edit-footer{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-1);position:relative}.note-toolbar{gap:var(--space-1)}.note-toolbar,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;justify-content:center;padding:var(--space-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.toolbar-btn:hover{background:var(--hover-overlay);color:var(--text-primary)}.toolbar-btn:active{background:var(--active-overlay)}.color-picker-popup{animation:slideUp .2s cubic-bezier(.4,0,.2,1);bottom:40px;z-index:100}.note-edit-actions{display:flex;gap:var(--space-2)}.btn-text{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-5);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-text:hover{background:var(--hover-overlay)}.btn-text:active{background:var(--active-overlay)}.dark-mode .note{background:var(--bg-paper);border-color:var(--border-color);box-shadow:0 2px 8px #0000004d,0 1px 3px #0003}.dark-mode .note:hover{box-shadow:0 4px 16px #0006,0 2px 6px #0000004d}.dark-mode .note-content,.dark-mode .note-edit-content,.dark-mode .note-edit-title,.dark-mode .note-title{color:var(--text-primary)}.dark-mode .note-tag{background:#c4785d33;color:#e8a87c}.dark-mode .note-edit-tags{border-top-color:#ffffff1f;color:#ffffffb3}.dark-mode .action-btn,.dark-mode .toolbar-btn{color:#ffffffb3}.dark-mode .action-btn:hover,.dark-mode .toolbar-btn:hover{background:#ffffff14;color:#fffffff2}.dark-mode .action-btn:active,.dark-mode .toolbar-btn:active{background:#ffffff29}.dark-mode .btn-text{color:#ffffffde}.dark-mode .btn-text:hover{background:#ffffff14}.dark-mode .btn-text:active{background:#ffffff29}.dark-mode .pin-btn.pinned{color:var(--accent-color)}.dark-mode .pin-btn.pinned svg{fill:var(--accent-color)}.dark-mode .note.drag-over-tag{background:#7cb97f1f;border:2px dashed #7cb97f}.oled-mode .note{background:#0a0a0a;border-color:#ffffff1a;box-shadow:0 1px 4px #00000080,0 1px 2px #0000004d}.oled-mode .note:hover{box-shadow:0 4px 12px #0009,0 2px 4px #0006}.oled-mode .note-content,.oled-mode .note-edit-content,.oled-mode .note-edit-title,.oled-mode .note-title{color:#fffffff2}.oled-mode .note-tag{background:#c4785d40;color:#e8a87c}.oled-mode .note-edit-tags{border-top-color:#ffffff26;color:#fffc}.oled-mode .action-btn,.oled-mode .toolbar-btn{color:#ffffffd9}.oled-mode .action-btn:hover,.oled-mode .toolbar-btn:hover{background:#ffffff1a;color:#fffffff2}.oled-mode .action-btn:active,.oled-mode .toolbar-btn:active{background:#ffffff2e}.oled-mode .btn-text{color:#fffffff2}.oled-mode .btn-text:hover{background:#ffffff1a}.oled-mode .btn-text:active{background:#ffffff2e}.oled-mode .pin-btn.pinned{color:#e8a87c}.oled-mode .pin-btn.pinned svg{fill:#e8a87c}.oled-mode .note-todo-text{color:#fffffff2}.oled-mode .note-todo-text.completed{color:#ffffff80}.oled-mode .note-link{color:#e8a87c}.oled-mode .note-link:hover:after{background:#e8a87c26}.oled-mode .todo-checkbox{background:#ffffff14;border-color:#ffffff4d}.oled-mode .todo-checkbox:hover{background:#ffffff1f}.oled-mode .todo-checkbox:checked{background:var(--accent-color);border-color:var(--accent-color)}.oled-mode .note.drag-over-tag{background:#7cb97f26;border:2px dashed #7cb97f}.eink-mode .note{background:#fff;border:2px solid #000;border-radius:0;box-shadow:none}.eink-mode .note:hover{background:#f5f5f5;box-shadow:none;transform:none}.eink-mode .note:before{display:none}.eink-mode .note-content,.eink-mode .note-edit-content,.eink-mode .note-edit-title,.eink-mode .note-title{color:#000;font-family:Georgia,Times New Roman,serif}.eink-mode .note-tag{background:#e0e0e0;border:1px solid #000;border-radius:0;color:#000}.eink-mode .note-edit-tags{border-top-color:#000;color:#333}.eink-mode .action-btn,.eink-mode .toolbar-btn{color:#000}.eink-mode .action-btn:hover,.eink-mode .toolbar-btn:hover{background:#e0e0e0}.eink-mode .action-btn:active,.eink-mode .toolbar-btn:active{background:#ccc}.eink-mode .btn-text{color:#000}.eink-mode .btn-text:hover{background:#e0e0e0}.eink-mode .btn-text:active{background:#ccc}.eink-mode .pin-btn.pinned{background:#ccc;color:#000}.eink-mode .pin-btn.pinned svg{fill:#000}.eink-mode .note-todo-text{color:#000}.eink-mode .note-todo-text.completed{color:#666}.eink-mode .note-link{color:#000;text-decoration:underline}.eink-mode .todo-checkbox{background:#fff;border-color:#000;border-radius:0;border-width:2px}.eink-mode .todo-checkbox:hover{background:#e0e0e0}.eink-mode .todo-checkbox:checked{background:#000;border-color:#000}.eink-mode .note.drag-over-tag{background:#e0e0e0;border:2px dashed #000}.eink-mode .note-collaborators{color:#333}.eink-mode .collaborator-avatar{background:#000;border:2px solid #fff;color:#fff}.eink-mode .collaborator-avatar.more{background:#666}.eink-mode .note-image-preview{background:#f0f0f0;border:1px solid #000}.eink-mode .note-content:after,.eink-mode .note-todo-list:after{background:linear-gradient(180deg,#0000,#fff)}@media (max-width:768px){.note{padding:var(--space-3) var(--space-4)}.note-title{font-size:var(--font-size-base)}.note-content{font-size:var(--font-size-xs)}.note-hover-actions{display:none!important}.note:hover{transform:none}.note:hover:before{display:none}}.confirm-dialog-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;width:90%}.confirm-dialog-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.confirm-dialog-message{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.confirm-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel-confirm,.btn-confirm{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.6rem 1.5rem;transition:all .2s ease}.btn-cancel-confirm{background:#e0e0e0;color:#333}.btn-cancel-confirm:hover{background:#d0d0d0}.btn-confirm{background:#f44336;color:#fff}.btn-confirm:hover{background:#d32f2f;transform:scale(1.02)}@media (max-width:768px){.confirm-dialog{padding:1.5rem}.confirm-dialog-title{font-size:1.3rem}.confirm-dialog-message{font-size:.95rem}}.link-preview{background:#fff;border:1px solid #0000001f;border-radius:8px;cursor:pointer;display:flex;margin-top:.75rem;overflow:hidden;position:relative;transition:all .2s ease}.link-preview:hover{border-color:#0003;box-shadow:0 2px 8px #0000001a}.dark-mode .link-preview{background:#2d2e30;border-color:#ffffff1f}.dark-mode .link-preview:hover{border-color:#fff3;box-shadow:0 2px 8px #0000004d}.link-preview-image-container{background:#0000000d;flex-shrink:0;height:120px;overflow:hidden;width:120px}.link-preview-image{height:100%;object-fit:cover;width:100%}.dark-mode .link-preview-image-container{background:#ffffff0d}.link-preview-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0;overflow:hidden;padding:.75rem 1rem}.link-preview-site{color:#0009;font-size:.75rem;font-weight:500;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.dark-mode .link-preview-site{color:#fff9}.link-preview-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000000de;display:-webkit-box;font-size:.938rem;font-weight:500;line-height:1.4;overflow:hidden}.dark-mode .link-preview-title{color:#ffffffde}.link-preview-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0009;display:-webkit-box;font-size:.813rem;line-height:1.4;overflow:hidden}.dark-mode .link-preview-description{color:#fff9}.link-preview-url{color:#00000080;font-size:.75rem;margin-top:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .link-preview-url{color:#ffffff80}.link-preview-remove{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#0009;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}.link-preview:hover .link-preview-remove{opacity:1}.link-preview-remove:hover{background:#fff;color:#000000de;transform:scale(1.1)}.dark-mode .link-preview-remove{background:#000000b3;color:#ffffffb3}.dark-mode .link-preview-remove:hover{background:#000000e6;color:#ffffffde}@media (max-width:768px){.link-preview-image-container{height:100px;width:100px}.link-preview-content{padding:.5rem .75rem}}.note-list{column-count:4;column-gap:16px;margin-top:24px;padding:0 16px}@media (max-width:1600px){.note-list{column-count:3}}@media (max-width:1200px){.note-list{column-count:2}}@media (max-width:768px){.note-list{column-count:1;padding:0 8px}}.note-list .note{display:inline-block;margin-bottom:16px;width:100%}.empty-state{color:#00000061;grid-column:1/-1;padding:4rem 2rem}.empty-state p:first-child{font-size:3rem;margin-bottom:1rem}.empty-state p:last-child{color:#0000008a;font-size:1.2rem}.dark-mode .empty-state{color:#ffffff80}.dark-mode .empty-state p:last-child{color:#ffffffb3}.oled-mode .empty-state{color:#fff9}.oled-mode .empty-state p:last-child{color:#fffc}.search-bar{flex:1 1;margin:0;max-width:600px;position:relative}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem 3rem .75rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 2px 8px #667eea33;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-icon{opacity:.5;pointer-events:none;right:1rem}.search-clear,.search-icon{font-size:1.2rem;position:absolute;top:50%;transform:translateY(-50%)}.search-clear{align-items:center;background:#0000;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;height:24px;justify-content:center;padding:.25rem;right:3rem;transition:all .2s ease;width:24px}.search-clear:hover{background:#0000001a;color:#333}.eink-mode .search-input{background:#fff;border:2px solid #000}.eink-mode .search-input:focus{border-color:#000;box-shadow:none}.eink-mode .search-clear:hover{background:#e0e0e0;color:#000}@media (max-width:768px){.search-bar{margin-bottom:1.5rem;max-width:100%}.search-input{font-size:.95rem;padding:.65rem 3rem .65rem .875rem}}.theme-toggle{display:none}.sidebar-mobile-actions .theme-toggle,.user-info .theme-toggle{display:flex}.language-selector{display:inline-block;position:relative}.language-toggle{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:background-color .2s}.language-toggle:hover{background-color:#0000001a}.dark-mode .language-toggle:hover{background-color:#ffffff26}.oled-mode .language-toggle:hover{background-color:#fff3}.language-emoji{font-size:24px;line-height:1}.language-popup{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;min-width:150px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dark-mode .language-popup{background:#2d2d2d;box-shadow:0 4px 12px #0006}.oled-mode .language-popup{background:#0a0a0a;border:1px solid #ffffff1a;box-shadow:0 4px 12px #0009}.language-options{display:flex;flex-direction:column;gap:4px}.language-option{align-items:center;background:none;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px;transition:background-color .2s}.dark-mode .language-option{color:#e0e0e0}.oled-mode .language-option{color:#f0f0f0}.language-option:hover{background-color:#0000000d}.dark-mode .language-option:hover{background-color:#ffffff1a}.oled-mode .language-option:hover{background-color:#ffffff26}.language-option.active{background-color:#4285f426}.dark-mode .language-option.active{background-color:#4285f440}.oled-mode .language-option.active{background-color:#4285f44d}.language-emoji-large{font-size:28px;line-height:1}.language-name{flex:1 1;font-weight:500;text-align:left}.language-option.active .language-name{font-weight:600}@media (max-width:768px){.language-popup{right:-8px}.language-toggle{font-size:20px;padding:6px}.language-emoji{font-size:20px}}.logo-container{align-items:center;animation:logoFadeIn .6s cubic-bezier(.4,0,.2,1);display:flex;gap:12px}.logo-img{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dark-mode .logo-img{filter:invert(1) drop-shadow(0 2px 4px rgba(255,255,255,.3))}.oled-mode .logo-img{filter:invert(1) drop-shadow(0 2px 4px rgba(255,255,255,.4))}.logo-text{color:#000;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.dark-mode .logo-text,.oled-mode .logo-text{color:#fff}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logo-img:hover{animation:logoFloat 1s ease-in-out infinite,logoPulse .6s ease-in-out}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-shrink:0;height:100%;overflow-x:hidden!important;overflow-y:auto!important;transition:all var(--duration-slow) var(--ease-default);width:260px}.dark-mode .sidebar{background:#1e1c1a99}.oled-mode .sidebar{background:#0a0a0acc}.eink-mode .sidebar{background:#fff;border-right:2px solid #000}.sidebar.collapsed{width:72px}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);position:absolute;right:var(--space-2);top:var(--space-2);transition:all var(--duration-normal) var(--ease-default);z-index:10}.sidebar-toggle:hover{background:var(--hover-overlay);color:var(--text-primary)}.sidebar-toggle:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.eink-mode .sidebar-toggle:hover{background:#e0e0e0}.sidebar-nav{padding:var(--space-3) 0}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:0 var(--radius-xl) var(--radius-xl) 0;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);gap:var(--space-3);margin:var(--space-1) var(--space-3) var(--space-1) 0;padding:var(--space-3) var(--space-6);text-align:left;transition:all var(--duration-normal) var(--ease-default);width:100%}.sidebar-item:hover{background:var(--accent-light);color:var(--accent-color)}.sidebar-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:-2px}.sidebar-item.active{background:#c4785d33;border-left:3px solid var(--accent-color);color:var(--accent-color);font-weight:var(--font-semibold);padding-left:calc(var(--space-6) - 3px)}.sidebar-item.dragging{cursor:grabbing;opacity:.5}.dark-mode .sidebar-item:hover{background:#c4785d26;color:#e8a87c}.dark-mode .sidebar-item.active{background:#c4785d33;border-left-color:#e8a87c;color:#e8a87c}.oled-mode .sidebar-item:hover{background:#c4785d2e;color:#e8a87c}.oled-mode .sidebar-item.active{background:#c4785d40;border-left-color:#e8a87c;color:#e8a87c}.eink-mode .sidebar-item:hover{background:#e0e0e0}.eink-mode .sidebar-item.active{background:#ccc;border:1px solid #000;border-left-width:3px;color:#000}.sidebar-admin{color:var(--accent-secondary);font-weight:var(--font-semibold)}.sidebar-admin:hover{background:#e8a8441f;color:var(--accent-secondary)}.dark-mode .sidebar-admin{color:#e8a844}.dark-mode .sidebar-admin:hover{background:#e8a84426}.oled-mode .sidebar-admin{color:#e8a844}.oled-mode .sidebar-admin:hover{background:#e8a8442e}.eink-mode .sidebar-admin{color:#000;font-weight:var(--font-bold)}.sidebar-item svg{color:inherit;flex-shrink:0;transition:transform var(--duration-normal) var(--ease-default)}.sidebar-item:hover svg{transform:scale(1.1)}.sidebar-item span{flex:1 1;opacity:1;overflow:hidden;transition:opacity var(--duration-normal) var(--ease-default);white-space:nowrap}.sidebar.collapsed .sidebar-item span{opacity:0;width:0}.sidebar-item .count{background:var(--bg-tertiary);border-radius:var(--radius-full);color:var(--text-muted);flex:0 1;font-size:var(--font-size-xs);font-weight:var(--font-normal);min-width:20px;padding:2px var(--space-2);text-align:center;transition:all var(--duration-normal) var(--ease-default)}.sidebar-item.active .count,.sidebar-item:hover .count{background:#c4785d33;color:var(--accent-color)}.dark-mode .sidebar-item.active .count,.dark-mode .sidebar-item:hover .count{background:#e8a87c33;color:#e8a87c}.sidebar.collapsed .sidebar-item{border-radius:var(--radius-md);justify-content:center;margin-right:0;padding:var(--space-3)}.sidebar-section-title{color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-semibold);letter-spacing:.08em;max-height:40px;overflow:hidden;padding:var(--space-4) var(--space-6) var(--space-2);text-transform:uppercase;transition:all var(--duration-slow) var(--ease-default)}.sidebar.collapsed .sidebar-section-title{margin:0;max-height:0;opacity:0;padding:0}.sidebar-divider,.sidebar-mobile-controls{display:none}@media (max-width:768px){.sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-paper);box-shadow:var(--shadow-2xl);height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--duration-slow) var(--ease-default);width:300px;z-index:var(--z-header)}.dark-mode .sidebar{background:#1e1c1afa}.oled-mode .sidebar{background:#0a0a0afa}.eink-mode .sidebar{background:#fff;border-right:2px solid #000;box-shadow:none}.sidebar.mobile-open{transform:translateX(0)}.sidebar-mobile-controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:block;padding:var(--space-5)}.sidebar-mobile-logo{border-bottom:1px solid var(--border-color);display:flex;justify-content:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.sidebar-mobile-logo .logo-container{gap:var(--space-2)}.sidebar-mobile-logo .logo-text{color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-lg)}.sidebar-mobile-user{align-items:center;background:var(--accent-light);border:1px solid #c4785d4d;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-body);gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);text-align:left;transition:all var(--duration-normal) var(--ease-default);width:100%}.sidebar-mobile-user:hover{background:#c4785d33;border-color:var(--accent-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sidebar-mobile-user:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.dark-mode .sidebar-mobile-user{background:#c4785d26;border-color:#e8a87c33}.dark-mode .sidebar-mobile-user:hover{background:#c4785d33;border-color:#e8a87c}.oled-mode .sidebar-mobile-user{background:#c4785d2e;border-color:#e8a87c40}.oled-mode .sidebar-mobile-user:hover{background:#c4785d40;border-color:#e8a87c}.eink-mode .sidebar-mobile-user{background:#f0f0f0;border:2px solid #000}.eink-mode .sidebar-mobile-user:hover{background:#e0e0e0;box-shadow:none;transform:none}.mobile-user-icon{font-size:32px}.mobile-user-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold)}.sidebar-mobile-actions{gap:var(--space-4);margin-bottom:var(--space-4)}.sidebar-mobile-actions,.sidebar-mobile-logout{align-items:center;display:flex;justify-content:center}.sidebar-mobile-logout{background:var(--accent-color);border:none;border-radius:var(--radius-md);box-shadow:0 2px 8px #c4785d4d;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3);transition:all var(--duration-normal) var(--ease-default);width:100%}.sidebar-mobile-logout:hover{background:var(--accent-hover);box-shadow:0 4px 12px #c4785d66;transform:translateY(-1px)}.sidebar-mobile-logout:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.eink-mode .sidebar-mobile-logout{background:#000;box-shadow:none;color:#fff}.eink-mode .sidebar-mobile-logout:hover{background:#333;box-shadow:none;transform:none}.sidebar-mobile-logout svg{height:18px;width:18px}.user-info{display:none!important}.mobile-menu-toggle{display:flex!important}}.sidebar-overlay{animation:overlayFadeIn var(--duration-normal) var(--ease-default);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#2c241699;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:calc(var(--z-header) - 1)}@media (max-width:768px){.sidebar-overlay{display:block}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.toast{align-items:center;animation:toastSlideIn .4s var(--ease-bounce);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);bottom:var(--space-8);box-shadow:var(--shadow-xl);display:flex;gap:var(--space-3);left:50%;max-width:500px;min-width:320px;overflow:hidden;padding:var(--space-4) var(--space-5);position:fixed;transform:translateX(-50%);z-index:var(--z-modal)}.toast:after{animation:toastProgress 3s linear forwards;background:var(--accent-color);background:var(--toast-accent-color,var(--accent-color));bottom:0;content:"";height:3px;left:0;opacity:.8;position:absolute}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toastProgress{0%{width:100%}to{width:0}}.toast-icon{align-items:center;background:var(--accent-light);background:var(--toast-icon-bg,var(--accent-light));border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-bold);height:28px;justify-content:center;width:28px}.toast-message{color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-medium);line-height:var(--leading-snug)}.toast-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:28px;justify-content:center;padding:var(--space-1);transition:all var(--duration-normal) var(--ease-default);width:28px}.toast-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.toast-close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.toast-success{--toast-accent-color:var(--success-color);--toast-icon-bg:var(--success-light);border-left:4px solid var(--success-color)}.toast-success .toast-icon{color:var(--success-color)}.toast-error{--toast-accent-color:var(--error-color);--toast-icon-bg:var(--error-light);border-left:4px solid var(--error-color)}.toast-error .toast-icon{color:var(--error-color)}.toast-warning{--toast-accent-color:var(--warning-color);--toast-icon-bg:var(--warning-light);border-left:4px solid var(--warning-color)}.toast-warning .toast-icon{color:var(--warning-color)}.toast-info{--toast-accent-color:var(--info-color);--toast-icon-bg:var(--info-light);border-left:4px solid var(--info-color)}.toast-info .toast-icon{color:var(--info-color)}.eink-mode .toast{border:2px solid #000;box-shadow:none}.eink-mode .toast:after{background:#000}.eink-mode .toast-icon{background:#e0e0e0;color:#000}.eink-mode .toast-error,.eink-mode .toast-info,.eink-mode .toast-success,.eink-mode .toast-warning{border-left:4px solid #000}@media (max-width:768px){.toast{bottom:var(--space-4);left:var(--space-4);max-width:none;min-width:auto;right:var(--space-4);transform:none}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:var(--space-5)}.auth-box{animation:authFadeIn .4s var(--ease-out);background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:450px;padding:var(--space-10);width:100%}@keyframes authFadeIn{0%{opacity:0;transform:translateY(var(--space-5))}to{opacity:1;transform:translateY(0)}}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-header h1{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--leading-relaxed);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-error{animation:shake .4s var(--ease-default);background:var(--error-light);border:1px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);text-align:center}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.form-group{gap:var(--space-2)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-semibold)}.form-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:all var(--duration-normal) var(--ease-default)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:hover:not(:disabled){border-color:var(--border-color-strong)}.form-group input:focus{border-color:#667eea;box-shadow:var(--shadow-focus)}.form-group input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-hint{color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--leading-relaxed);margin-top:calc(var(--space-1)*-1)}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-semibold);margin-top:var(--space-3);overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;transition:all var(--duration-normal) var(--ease-default)}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.auth-button:active:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-button:focus-visible{outline:2px solid #667eea;outline-offset:2px}.auth-footer{border-top:1px solid var(--border-color);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.auth-footer p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.auth-link{background:none;border:none;color:#667eea;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:var(--font-semibold);padding:0;text-decoration:none;transition:all var(--duration-normal) var(--ease-default)}.auth-link:hover:not(:disabled){color:#764ba2;text-decoration:underline}.auth-link:disabled{cursor:not-allowed;opacity:.6}.auth-link:focus-visible{outline:2px solid #667eea;outline-offset:2px}body.dark-mode .auth-container{background:linear-gradient(135deg,#1e3a5f,#2d1b4e)}body.dark-mode .auth-error{background:#f28b8226;border-color:var(--error-color);color:var(--error-color)}body.dark-mode .auth-button{background:linear-gradient(135deg,#8ab4f8,#c084fc);color:#000}body.dark-mode .auth-link{color:#8ab4f8}body.dark-mode .auth-link:hover:not(:disabled){color:#aecbfa}body.oled-mode .auth-container{background:#000}body.oled-mode .auth-box{border:1px solid #ffffff1a}body.eink-mode .auth-container{background:#fff}body.eink-mode .auth-box{border:2px solid #000;box-shadow:none}body.eink-mode .auth-button{background:#000;color:#fff}body.eink-mode .auth-button:hover:not(:disabled){background:#333;box-shadow:none;transform:none}body.eink-mode .auth-link{color:#000;text-decoration:underline}body.eink-mode .auth-error{background:#f0f0f0;border:2px solid #000;color:#000}body.eink-mode .form-group input:focus{border-color:#000;box-shadow:none}@media (max-width:500px){.auth-box{border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5)}.auth-header h1{font-size:var(--font-size-2xl)}.auth-header p{font-size:var(--font-size-sm)}}@media (max-width:360px){.auth-container{padding:var(--space-3)}.auth-box{padding:var(--space-6) var(--space-4)}}.admin-console-overlay{align-items:center;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-console{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border-radius:16px;box-shadow:0 24px 48px #0000004d,0 8px 16px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-console-header{align-items:center;display:flex;justify-content:space-between;padding:2rem}.admin-console-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.admin-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px}.admin-close-btn:hover{background:#00000014;color:var(--text-primary)}.dark-mode .admin-close-btn:hover{background:#ffffff14}.admin-tabs{background:var(--bg-secondary);display:flex;padding:0 2rem}.admin-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:1rem;transition:all .2s ease}.admin-tab:hover{background:#0000000d;color:var(--text-primary)}.admin-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.admin-content{flex:1 1;overflow-y:auto;padding:1.5rem}.admin-loading{color:var(--text-secondary);flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.admin-error,.admin-loading{align-items:center;display:flex}.admin-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;justify-content:space-between;margin-bottom:1rem;padding:1rem}.admin-error button{background:#c33;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.admin-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.stat-card h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.stat-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.stat-value{color:#667eea;font-size:2rem;font-weight:700}.admin-table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-table thead{background:var(--bg-primary);border-bottom:2px solid var(--border-color)}.admin-table th{color:var(--text-primary);font-weight:600;padding:.75rem;text-align:left}.admin-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem}.admin-table tbody tr:hover{background:#667eea0d}.user-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-admin-toggle,.btn-user-delete{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.btn-admin-toggle{background:#667eea;color:#fff}.btn-admin-toggle:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-user-delete{background:#ff6b6b;color:#fff}.btn-user-delete:hover:not(:disabled){background:#ee5a5a;transform:translateY(-1px)}.btn-admin-toggle:disabled,.btn-user-delete:disabled{cursor:not-allowed;opacity:.5}.admin-settings{padding:1.5rem}.settings-section{background:var(--bg-secondary);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.settings-section h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.settings-description{color:var(--text-secondary);font-size:.938rem;line-height:1.5;margin:0 0 1.5rem}.setting-item{gap:1rem;margin-bottom:1rem}.setting-item,.toggle-label{align-items:center;display:flex}.toggle-label{cursor:pointer;gap:.75rem;-webkit-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-switch{background:#ccc;border-radius:24px}.toggle-switch,.toggle-switch:after{transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;width:20px}.toggle-checkbox:checked+.toggle-switch{background:var(--accent-color)}.toggle-checkbox:checked+.toggle-switch:after{left:26px}.toggle-checkbox:disabled+.toggle-switch{cursor:not-allowed;opacity:.5}.toggle-text{color:var(--text-primary);font-size:1rem;font-weight:500}.loading-indicator{font-style:italic}.loading-indicator,.settings-note{color:var(--text-secondary);font-size:.875rem}.settings-note{background:#00000008;border-left:3px solid var(--accent-color);border-radius:8px;margin:.75rem 0 0;padding:.75rem}.dark-mode .settings-note{background:#ffffff08}.dark-mode .admin-console{background:var(--bg-primary)}.dark-mode .stat-card{background:#ffffff0d}.dark-mode .admin-error{background:#ff646433;border-color:#ff646466;color:#f88}.oled-mode .admin-close-btn:hover{background:#ffffff1a}.oled-mode .settings-note{background:#ffffff0d}.oled-mode .admin-console{background:#0a0a0a}.oled-mode .stat-card{background:#ffffff14}.oled-mode .admin-error{background:#ff646440;border-color:#ff646480;color:#f99}@media (max-width:768px){.admin-console{border-radius:0;max-height:100vh;max-width:100%}.admin-table{font-size:.8rem}.admin-table td,.admin-table th{padding:.5rem}.user-actions{flex-direction:column}.btn-admin-toggle,.btn-user-delete{width:100%}.stat-grid{grid-template-columns:1fr}}.admin-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-users-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.btn-create-user{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-create-user:hover{background:var(--accent-hover);box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.create-user-form{animation:slideDown .3s ease;background:var(--bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-primary);font-size:.875rem;font-weight:500}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #1a73e81a;outline:none}.checkbox-group{grid-column:span 2}.checkbox-group label{align-items:center;cursor:pointer;flex-direction:row;gap:.75rem}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;width:20px}.btn-submit-user{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s ease;width:100%}.btn-submit-user:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 12px #1a73e84d;transform:translateY(-1px)}.btn-submit-user:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.checkbox-group{grid-column:span 1}}.note-modal-overlay{align-items:flex-start;animation:modalFadeIn .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#2c2416bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:var(--space-8);position:fixed;right:0;top:0;z-index:2000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.note-modal{animation:modalSlideUp .35s cubic-bezier(.4,0,.2,1);background:var(--bg-paper);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 32px 64px #2c241640,0 16px 32px #2c241626;display:flex;flex-direction:column;margin:var(--space-8) 0;max-width:720px;position:relative;transition:all .3s ease;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dark-mode .note-modal{background:var(--bg-paper);border-color:var(--border-color);box-shadow:0 32px 64px #00000080,0 16px 32px #0000004d}.note-modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4);transition:all .2s ease;z-index:10}.note-modal-close:hover{background:var(--hover-overlay);color:var(--text-primary)}.dark-mode .note-modal-close{color:#fff9}.dark-mode .note-modal-close:hover{background:#ffffff14;color:#ffffffe6}.note-modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8)}.note-modal-title{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-primary);font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-semibold);letter-spacing:-.02em;outline:none;padding:var(--space-2) 0;transition:all .2s ease;width:100%}.note-modal-title:focus{border-bottom-color:var(--accent-color)}.note-modal-title::placeholder{color:var(--text-muted)}.dark-mode .note-modal-title{color:#fffffff2}.dark-mode .note-modal-title::placeholder{color:#fff6}.note-modal-content{background:#0000;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.7;min-height:120px;outline:none;overflow:hidden;padding:var(--space-2) 0;resize:none;width:100%}.note-modal-content::placeholder{color:var(--text-muted)}.dark-mode .note-modal-content{color:#ffffffe6}.dark-mode .note-modal-content::placeholder{color:#fff6}.note-modal-tags-container{padding:var(--space-2) 0;width:100%}.note-modal-tags-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.tag-pill{align-items:center;background:var(--accent-light);border:1px solid #c4785d4d;border-radius:var(--radius-full);color:var(--accent-color);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all .2s ease}.tag-pill:hover{background:#c4785d33;border-color:var(--accent-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.tag-pill:active{box-shadow:none;transform:translateY(0)}.tag-pill-text{line-height:1}.tag-pill-remove{flex-shrink:0;opacity:.6;transition:opacity .2s ease}.tag-pill:hover .tag-pill-remove{opacity:1}.dark-mode .tag-pill{background:#c4785d33;border-color:#e8a87c4d;color:#e8a87c}.dark-mode .tag-pill:hover{background:#c4785d4d;border-color:#e8a87c;box-shadow:0 2px 4px #0000004d}.oled-mode .tag-pill{background:#c4785d40;border-color:#e8a87c59;color:#e8a87c}.oled-mode .tag-pill:hover{background:#c4785d59;border-color:#e8a87c;box-shadow:0 2px 4px #00000080}.note-modal-tags-input{background:#0000;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-sm);outline:none;padding:var(--space-2) 0;width:100%}.note-modal-tags-input::placeholder{color:var(--text-muted)}.dark-mode .note-modal-tags-input{color:#ffffffb3}.dark-mode .note-modal-tags-input::placeholder{color:#fff6}.note-modal-tags{background:#0000;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-sm);outline:none;padding:var(--space-3) 0;width:100%}.note-modal-tags::placeholder{color:var(--text-muted)}.dark-mode .note-modal-tags{color:#ffffffb3}.dark-mode .note-modal-tags::placeholder{color:#fff6}.note-modal-footer{align-items:center;background:var(--bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-8)}.note-modal-actions{display:flex;gap:var(--space-3)}.btn-modal-cancel,.btn-modal-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-5);transition:all .2s ease}.btn-modal-cancel{background:#0000;border:2px solid var(--border-color);color:var(--text-primary)}.btn-modal-cancel:hover{background:var(--hover-overlay);border-color:var(--border-strong)}.dark-mode .btn-modal-cancel:hover{background:#ffffff0d}.btn-modal-save{background:var(--accent-color);box-shadow:0 2px 8px #c4785d59;color:#fff}.btn-modal-save:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px #c4785d66;transform:translateY(-1px)}.btn-modal-save:disabled{cursor:not-allowed;opacity:.5}.note-modal-toolbar{align-items:center;display:flex;gap:var(--space-2)}.btn-modal-checkbox{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-modal-checkbox:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-modal-checkbox:active{background:var(--active-overlay)}.btn-modal-checkbox.active{background:var(--accent-light);color:var(--accent-color)}.dark-mode .btn-modal-checkbox{color:#ffffffb3}.dark-mode .btn-modal-checkbox:hover{background:#ffffff14;color:#fffffff2}.dark-mode .btn-modal-checkbox:active{background:#ffffff29}.dark-mode .btn-modal-checkbox.active{background:#c4785d33;color:#e8a87c}.btn-modal-archive,.btn-modal-collaborate,.btn-modal-delete,.btn-modal-pin{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-modal-archive:hover,.btn-modal-collaborate:hover,.btn-modal-delete:hover,.btn-modal-pin:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-modal-archive:active,.btn-modal-collaborate:active,.btn-modal-delete:active,.btn-modal-pin:active{background:var(--active-overlay)}.btn-modal-archive.archived{background:#e8a84426;color:var(--accent-secondary)}.btn-modal-pin.pinned{background:var(--accent-light);color:var(--accent-color)}.btn-modal-delete:hover{background:#b44b4b1a;color:var(--error)}.dark-mode .btn-modal-archive,.dark-mode .btn-modal-collaborate,.dark-mode .btn-modal-delete,.dark-mode .btn-modal-pin{color:#ffffffb3}.dark-mode .btn-modal-archive:hover,.dark-mode .btn-modal-collaborate:hover,.dark-mode .btn-modal-pin:hover{background:#ffffff14;color:#fffffff2}.dark-mode .btn-modal-archive:active,.dark-mode .btn-modal-collaborate:active,.dark-mode .btn-modal-pin:active{background:#ffffff29}.dark-mode .btn-modal-archive.archived{background:#e8a84433;color:#e8a844}.dark-mode .btn-modal-pin.pinned{background:#c4785d33;color:#e8a87c}.dark-mode .btn-modal-delete:hover{background:#b44b4b26;color:#e87c7c}.oled-mode .btn-modal-archive,.oled-mode .btn-modal-collaborate,.oled-mode .btn-modal-delete,.oled-mode .btn-modal-pin{color:#ffffffd9}.oled-mode .btn-modal-archive:hover,.oled-mode .btn-modal-collaborate:hover,.oled-mode .btn-modal-pin:hover{background:#ffffff1a;color:#fffffff2}.oled-mode .btn-modal-archive:active,.oled-mode .btn-modal-collaborate:active,.oled-mode .btn-modal-pin:active{background:#ffffff26}.oled-mode .btn-modal-archive.archived{background:#e8a84440;color:#e8a844}.oled-mode .btn-modal-pin.pinned{background:#e8a87c33;color:#e8a87c}.oled-mode .btn-modal-delete:hover{background:#e87c7c33;color:#e87c7c}.todo-list-container{flex-direction:column;gap:var(--space-2);min-height:50px}.todo-item,.todo-list-container{display:flex;padding:var(--space-2) 0}.todo-item{align-items:center;border-bottom:1px solid #0000;gap:var(--space-3);transition:all .2s ease}.todo-item:hover{border-bottom-color:var(--border-color)}.dark-mode .todo-item:hover{border-bottom-color:#ffffff1a}.todo-item-checkbox{accent-color:var(--accent-color);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:18px;width:18px}.todo-item-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5;outline:none;padding:var(--space-1) 0;transition:all .2s ease}.todo-item-input.completed{color:var(--text-muted);text-decoration:line-through}.todo-item-input::placeholder{color:var(--text-muted)}.dark-mode .todo-item-input{color:#ffffffe6}.dark-mode .todo-item-input.completed{color:#ffffff80}.dark-mode .todo-item-input::placeholder{color:#fff6}.todo-item-delete{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:0;padding:var(--space-1);transition:all .2s ease}.todo-item:hover .todo-item-delete{opacity:1}.todo-item-delete:hover{background:var(--hover-overlay);color:var(--error)}.dark-mode .todo-item-delete{color:#ffffff80}.dark-mode .todo-item-delete:hover{background:#ffffff14;color:#e87c7c}.todo-add-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;font-family:var(--font-body);font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) 0;transition:all .2s ease}.todo-add-item:hover{background:var(--hover-overlay);color:var(--text-primary)}.dark-mode .todo-add-item{color:#fff9}.dark-mode .todo-add-item:hover{background:#ffffff0d;color:#ffffffe6}.oled-mode .note-modal{background:#0a0a0a;border-color:#ffffff1a;box-shadow:0 32px 64px #000000b3,0 16px 32px #00000080}.oled-mode .note-modal-close{color:#ffffffb3}.oled-mode .note-modal-close:hover{background:#ffffff1a;color:#fffffff2}.oled-mode .note-modal-title{color:#fffffff2}.oled-mode .note-modal-title::placeholder{color:#ffffff73}.oled-mode .note-modal-content{color:#fffffff2}.oled-mode .note-modal-content::placeholder{color:#ffffff73}.oled-mode .note-modal-tags{color:#fffc}.oled-mode .note-modal-tags::placeholder{color:#ffffff73}.oled-mode .btn-modal-cancel:hover{background:#ffffff1a;color:#fffffff2}.oled-mode .btn-modal-checkbox{color:#ffffffd9}.oled-mode .btn-modal-checkbox:hover{background:#ffffff1a}.oled-mode .btn-modal-checkbox:active{background:#ffffff26}.oled-mode .btn-modal-checkbox.active{background:#e8a87c33;color:#e8a87c}.oled-mode .todo-item:hover{background:#ffffff08}.oled-mode .todo-item-input{color:#fffffff2}.oled-mode .todo-item-input.completed{color:#ffffff80}.oled-mode .todo-item-input::placeholder{color:#ffffff73}.oled-mode .todo-item-delete{color:#fff9}.oled-mode .todo-item-delete:hover{background:#e87c7c26;color:#e87c7c}.oled-mode .todo-add-item{color:#ffffffb3}.oled-mode .todo-add-item:hover{background:#ffffff14;color:#fffffff2}.note-modal-link-previews{margin-top:var(--space-3)}.note-modal-images{margin-top:var(--space-2)}.new-images-preview,.uploaded-images{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:var(--space-3)}.image-preview{aspect-ratio:1;border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .2s ease}.image-preview:hover{border-color:var(--accent-color);transform:scale(1.02)}.image-preview.new{border-color:var(--accent-color);border-style:dashed}.image-preview img{height:100%;object-fit:cover;width:100%}.image-delete-btn{align-items:center;background:#2c2416cc;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:var(--space-1);position:absolute;right:var(--space-1);top:var(--space-1);transition:all .2s ease}.image-preview:hover .image-delete-btn{opacity:1}.image-delete-btn:hover{background:var(--error);transform:scale(1.1)}.new-badge{background:var(--accent-color);border-radius:var(--radius-full);bottom:var(--space-1);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-semibold);padding:2px var(--space-2);position:absolute;right:var(--space-1)}.btn-modal-image-select,.btn-modal-image-upload{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-modal-image-select:hover,.btn-modal-image-upload:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-modal-image-select:active,.btn-modal-image-upload:active{background:var(--active-overlay)}.btn-modal-image-upload.uploading{background:var(--accent-light);color:var(--accent-color)}.btn-modal-image-upload:disabled{cursor:not-allowed;opacity:.5}.image-count-badge{align-items:center;background:var(--accent-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-bold);height:16px;justify-content:center;min-width:16px;padding:0 var(--space-1);position:absolute;right:2px;top:2px}.dark-mode .btn-modal-image-select,.dark-mode .btn-modal-image-upload{color:#ffffffb3}.dark-mode .btn-modal-image-select:hover,.dark-mode .btn-modal-image-upload:hover{background:#ffffff14;color:#fffffff2}.dark-mode .btn-modal-image-select:active,.dark-mode .btn-modal-image-upload:active{background:#ffffff29}.dark-mode .btn-modal-image-upload.uploading{background:#c4785d33;color:#e8a87c}.dark-mode .image-preview{border-color:#fff3}.dark-mode .image-preview:hover{border-color:#e8a87c}.oled-mode .btn-modal-image-select,.oled-mode .btn-modal-image-upload{color:#ffffffd9}.oled-mode .btn-modal-image-select:hover,.oled-mode .btn-modal-image-upload:hover{background:#ffffff1a;color:#fffffff2}.oled-mode .btn-modal-image-select:active,.oled-mode .btn-modal-image-upload:active{background:#ffffff26}.oled-mode .btn-modal-image-upload.uploading{background:#e8a87c33;color:#e8a87c}.oled-mode .image-preview{border-color:#ffffff40}.oled-mode .image-preview:hover{border-color:#e8a87c}.btn-modal-voice{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-modal-voice:hover{background:var(--hover-overlay);color:var(--text-primary)}.btn-modal-voice:active{background:var(--active-overlay)}.btn-modal-voice.recording{animation:pulse-recording 1.5s ease-in-out infinite;background:#b44b4b26;color:var(--error)}.btn-modal-voice.recording:hover{background:#b44b4b40}.btn-modal-voice.transcribing{background:var(--accent-light);color:var(--accent-color);cursor:wait}.btn-modal-voice:disabled{cursor:not-allowed;opacity:.5}@keyframes pulse-recording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.dark-mode .btn-modal-voice{color:#ffffffb3}.dark-mode .btn-modal-voice:hover{background:#ffffff14;color:#fffffff2}.dark-mode .btn-modal-voice:active{background:#ffffff29}.dark-mode .btn-modal-voice.recording{background:#e87c7c33;color:#e87c7c}.dark-mode .btn-modal-voice.recording:hover{background:#e87c7c4d}.dark-mode .btn-modal-voice.transcribing{background:#c4785d33;color:#e8a87c}.oled-mode .btn-modal-voice{color:#ffffffd9}.oled-mode .btn-modal-voice:hover{background:#ffffff1a;color:#fffffff2}.oled-mode .btn-modal-voice:active{background:#ffffff26}.oled-mode .btn-modal-voice.recording{background:#e87c7c33;color:#e87c7c}.oled-mode .btn-modal-voice.recording:hover{background:#e87c7c4d}.oled-mode .btn-modal-voice.transcribing{background:#e8a87c33;color:#e8a87c}.eink-mode .note-modal{background:#fff;border:2px solid #000;border-radius:0;box-shadow:none}.eink-mode .note-modal-close{border:1px solid #000;color:#000}.eink-mode .note-modal-close:hover{background:#e0e0e0;color:#000}.eink-mode .note-modal-title{border-bottom-color:#000;color:#000;font-family:Georgia,Times New Roman,serif}.eink-mode .note-modal-title::placeholder{color:#666}.eink-mode .note-modal-content{color:#000;font-family:Georgia,Times New Roman,serif}.eink-mode .note-modal-content::placeholder{color:#666}.eink-mode .note-modal-tags{color:#333}.eink-mode .note-modal-tags::placeholder{color:#666}.eink-mode .note-modal-tags-input{color:#333}.eink-mode .note-modal-tags-input::placeholder{color:#666}.eink-mode .tag-pill{background:#e0e0e0;border:1px solid #000;border-radius:0;color:#000}.eink-mode .tag-pill:hover{background:#ccc;border-color:#000;box-shadow:none;transform:none}.eink-mode .note-modal-footer{background:#f5f5f5;border-radius:0}.eink-mode .btn-modal-cancel{background:#fff;border:2px solid #000;color:#000}.eink-mode .btn-modal-cancel:hover{background:#e0e0e0;border-color:#000}.eink-mode .btn-modal-save{background:#000;box-shadow:none;color:#fff}.eink-mode .btn-modal-save:hover:not(:disabled){background:#333;box-shadow:none;transform:none}.eink-mode .btn-modal-checkbox{color:#000}.eink-mode .btn-modal-checkbox:hover{background:#e0e0e0}.eink-mode .btn-modal-checkbox:active{background:#ccc}.eink-mode .btn-modal-checkbox.active{background:#ccc;color:#000}.eink-mode .btn-modal-archive,.eink-mode .btn-modal-collaborate,.eink-mode .btn-modal-delete,.eink-mode .btn-modal-pin{color:#000}.eink-mode .btn-modal-archive:hover,.eink-mode .btn-modal-collaborate:hover,.eink-mode .btn-modal-pin:hover{background:#e0e0e0}.eink-mode .btn-modal-archive:active,.eink-mode .btn-modal-collaborate:active,.eink-mode .btn-modal-pin:active{background:#ccc}.eink-mode .btn-modal-archive.archived,.eink-mode .btn-modal-pin.pinned{background:#ccc;color:#000}.eink-mode .btn-modal-delete:hover{background:#e0e0e0;color:#000}.eink-mode .todo-item:hover{background:#f5f5f5;border-bottom-color:#000}.eink-mode .todo-item-input{color:#000;font-family:Georgia,Times New Roman,serif}.eink-mode .todo-item-delete,.eink-mode .todo-item-input.completed,.eink-mode .todo-item-input::placeholder{color:#666}.eink-mode .todo-item-delete:hover{background:#e0e0e0;color:#000}.eink-mode .todo-add-item{color:#666}.eink-mode .todo-add-item:hover{background:#e0e0e0;color:#000}.eink-mode .btn-modal-image-select,.eink-mode .btn-modal-image-upload{color:#000}.eink-mode .btn-modal-image-select:hover,.eink-mode .btn-modal-image-upload:hover{background:#e0e0e0}.eink-mode .btn-modal-image-select:active,.eink-mode .btn-modal-image-upload:active{background:#ccc}.eink-mode .btn-modal-image-upload.uploading{background:#ccc;color:#000}.eink-mode .image-preview{border-color:#000;border-radius:0}.eink-mode .image-preview:hover{border-color:#000;border-width:2px}.eink-mode .btn-modal-voice{color:#000}.eink-mode .btn-modal-voice:hover{background:#e0e0e0}.eink-mode .btn-modal-voice:active{background:#ccc}.eink-mode .btn-modal-voice.recording{background:#ccc;color:#000}.eink-mode .btn-modal-voice.recording:hover{background:#b0b0b0}.eink-mode .btn-modal-voice.transcribing{background:#e0e0e0;color:#000}.lightbox-overlay{animation:modalFadeIn .2s ease;background:#2c2416f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:3000}.lightbox-close,.lightbox-overlay{align-items:center;display:flex;justify-content:center}.lightbox-close{background:#ffffff1a;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;padding:var(--space-3);position:absolute;right:var(--space-6);top:var(--space-6);transition:all .2s ease;z-index:3002}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-next,.lightbox-prev{align-items:center;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--space-4) var(--space-3);position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:3002}.lightbox-prev{left:var(--space-8)}.lightbox-next{right:var(--space-8)}.lightbox-next:hover,.lightbox-prev:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.lightbox-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);max-height:90vh;max-width:90vw}.lightbox-content img{border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;max-height:85vh;max-width:100%;object-fit:contain}.lightbox-counter{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4)}.image-preview{cursor:pointer}.image-preview:hover{cursor:zoom-in}@media (max-width:768px){.lightbox-next,.lightbox-prev{padding:var(--space-3) var(--space-2)}.lightbox-prev{left:var(--space-4)}.lightbox-close,.lightbox-next{right:var(--space-4)}.lightbox-close{top:var(--space-4)}.lightbox-content{max-height:95vh;max-width:95vw}.lightbox-content img{max-height:90vh}.note-modal{border-radius:0;margin:0;max-width:100%;min-height:100vh;padding:0}.note-modal-overlay{padding:0}.note-modal-body{padding:var(--space-6)}.note-modal-footer{align-items:stretch;border-radius:0;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-6)}.note-modal-toolbar{justify-content:center;order:2}.note-modal-actions{order:1;width:100%}.btn-modal-cancel,.btn-modal-save{flex:1 1}.note-modal-close{padding:var(--space-2)}}.color-picker-wrapper{display:inline-block;position:relative}.color-picker-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#000000b5;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.color-picker-toggle:hover{background:rgba(95,99,104,.157)}.dark-mode .color-picker-toggle{color:#ffffffde}.dark-mode .color-picker-toggle:hover{background:#ffffff14}.oled-mode .color-picker-toggle{color:#fffffff2}.oled-mode .color-picker-toggle:hover{background:#ffffff1a}.color-picker-popup{animation:slideUpFade .2s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 3px 12px #0003,0 1px 4px #0000001f;left:0;padding:12px;position:absolute;z-index:1000}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.color-picker-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);min-width:240px}.color-picker-option{align-items:center;border:2px solid #0000;border-radius:50%;box-shadow:0 1px 3px #0003,inset 0 0 0 1px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.color-picker-option:hover{box-shadow:0 2px 8px #0000004d,inset 0 0 0 1px #0003;transform:scale(1.2)}.color-picker-option.selected{border-color:#00000080;border-width:2px;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px #0000004d}.dark-mode .color-picker-option.selected{border-color:#fff9;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px #fff6}.oled-mode .color-picker-option.selected{border-color:#ffffffb3;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px #ffffff80}.color-picker-option svg{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}@media (max-width:768px){.color-picker-popup{left:50%;transform:translateX(-50%)}.color-picker-grid{gap:6px;min-width:200px}.color-picker-option{height:28px;width:28px}}.friends-modal{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.friends-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.friends-modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.close-btn{background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;padding:8px;transition:background .2s}.close-btn:hover{background:#0000001a}.dark-mode .close-btn:hover{background:#ffffff1a}.friends-modal-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:12px 16px;transition:all .2s}.tab-btn:hover{background:#0000000d}.dark-mode .tab-btn:hover{background:#ffffff0d}.tab-btn.active{border-bottom-color:var(--accent-color);color:var(--accent-color)}.friends-modal-content{flex:1 1;overflow-y:auto;padding:16px 24px}.error-message{align-items:center;background:#fee;border-radius:4px;color:#c33;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.error-message button{background:none;border:none;color:#c33;cursor:pointer;font-size:1.5rem}.loading{color:var(--text-secondary);padding:2rem;text-align:center}.empty-state{color:var(--text-muted);padding:3rem 1rem;text-align:center}.empty-state p{margin:.5rem 0}.empty-state .hint{font-size:.875rem}.friends-list{display:flex;flex-direction:column;gap:8px}.friend-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.btn-remove{background:none;border:none;border-radius:50%;color:#ea4335;cursor:pointer;padding:8px;transition:background .2s}.btn-remove:hover{background:#ea43351a}.requests-list{display:flex;flex-direction:column;gap:12px}.request-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.request-info{margin-bottom:12px}.request-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.request-email{color:var(--text-secondary);font-size:.875rem}.request-actions{display:flex;gap:8px}.btn-accept,.btn-reject{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:500;padding:8px 16px;transition:all .2s}.btn-accept{background:#34a853;color:#fff}.btn-accept:hover{background:#2d8e47}.btn-reject{background:#ea4335;color:#fff}.btn-reject:hover{background:#c5372d}.add-friend{display:flex;flex-direction:column;gap:16px}.search-box{display:flex;gap:8px}.search-box input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.9375rem;padding:12px 16px}.search-box button{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background .2s}.search-box button:hover:not(:disabled){background:var(--accent-hover)}.search-box button:disabled{cursor:not-allowed;opacity:.5}.search-results{display:flex;flex-direction:column;gap:8px}.search-result-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.user-info{flex:1 1}.user-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.user-email{color:var(--text-secondary);font-size:.875rem}.btn-add{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s;white-space:nowrap}.btn-add:hover:not(:disabled){background:var(--accent-hover)}.btn-add:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.5}@media (max-width:768px){.friends-modal{max-height:90vh;width:95%}.friends-modal-header{padding:16px 20px}.friends-modal-content{padding:12px 20px}.search-box{flex-direction:column}.search-box button{width:100%}}.collaborate-modal{background:var(--bg-primary);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.collaborate-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.collaborate-modal-header h2{color:var(--text-primary);font-size:1.5rem;margin:0}.collaborate-modal-content{flex:1 1;overflow-y:auto;padding:20px 24px}.note-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px}.note-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:8px}.note-snippet{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.friends-list h3,.shared-with-section h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.friends-list .friend-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.friend-info{flex:1 1}.friend-name{color:var(--text-primary);font-weight:500;margin-bottom:4px}.friend-email{color:var(--text-secondary);font-size:.875rem}.btn-share{background:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-share:hover{background:var(--accent-hover)}.btn-share.shared{background:#34a853}.btn-share.shared:hover{background:#2d8e47}.shared-with-section{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.shared-users{display:flex;flex-wrap:wrap;gap:8px}.shared-user{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-size:.875rem;gap:8px;padding:6px 12px}.btn-remove-share,.shared-user{align-items:center;display:flex}.btn-remove-share{background:none;border:none;border-radius:50%;color:#ea4335;cursor:pointer;font-size:1.25rem;height:20px;justify-content:center;padding:0;transition:background .2s;width:20px}.btn-remove-share:hover{background:#ea43351a}@media (max-width:768px){.collaborate-modal{max-height:90vh;width:95%}.collaborate-modal-content,.collaborate-modal-header{padding:16px 20px}}.settings-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.settings-modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:var(--bg-primary);border-radius:16px;box-shadow:0 24px 48px #0000004d,0 8px 16px #0003;max-width:700px;width:100%}.settings-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.settings-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.settings-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#0009;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.settings-close:hover{background:#00000014;color:#000000de}.dark-mode .settings-close{color:#fff9}.dark-mode .settings-close:hover{background:#ffffff14;color:#ffffffde}.settings-content{max-height:60vh;overflow-y:auto;padding:1.5rem 2rem}.settings-section{margin-bottom:2rem}.settings-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.settings-section-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem}.settings-item{align-items:flex-start;background:var(--bg-secondary);border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.settings-item-info{flex:1 1}.settings-item-label{color:var(--text-primary);cursor:pointer;display:block;font-size:1rem;font-weight:500;margin-bottom:.25rem}.settings-item-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.settings-item-control{flex-shrink:0}.toggle-switch{display:inline-block;height:24px;position:relative;width:48px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:var(--accent-color)}input:checked+.toggle-slider:before{transform:translateX(24px)}.dark-mode .toggle-slider{background-color:#555}.dark-mode input:checked+.toggle-slider{background-color:var(--accent-color)}.settings-info-box{align-items:flex-start;background:#1a73e81a;border-left:4px solid var(--accent-color);border-radius:4px;color:var(--text-primary);display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;margin-top:1rem;padding:1rem}.dark-mode .settings-info-box{background:#1a73e833}.settings-info-box svg{flex-shrink:0;margin-top:2px}.settings-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding:1rem 2rem 1.5rem}.btn-settings-close{background:var(--accent-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;transition:all .2s ease}.btn-settings-close:hover{background:var(--accent-hover);box-shadow:0 4px 12px #1a73e866;transform:translateY(-1px)}.settings-config-box{background:var(--bg-secondary);border-radius:8px;font-size:.875rem;line-height:1.6;margin-top:1rem;padding:1rem}.settings-code{background:#0000000d;border:1px solid var(--border-color);border-radius:4px;color:#d63384;display:inline-block;font-family:Courier New,monospace;font-size:.875rem;margin:.5rem 0;padding:.5rem .75rem}.dark-mode .settings-code{background:#ffffff0d;color:#f685b9}.settings-code-inline{background:#0000000d;border:1px solid var(--border-color);border-radius:3px;color:#d63384;font-family:Courier New,monospace;font-size:.8125rem;padding:.125rem .375rem}.dark-mode .settings-code-inline{background:#ffffff0d;color:#f685b9}.settings-code-block{background:#00000008;border:1px solid var(--border-color);border-radius:4px;color:#d63384;font-family:Courier New,monospace;font-size:.8125rem;margin:.5rem 0;overflow-x:auto;padding:.75rem}.dark-mode .settings-code-block{background:#ffffff08;color:#f685b9}.settings-instructions{background:#00000005;border:1px solid var(--border-color);border-radius:6px;margin-top:1rem;padding:1rem}.dark-mode .settings-instructions{background:#ffffff05}.settings-instructions strong{color:var(--text-primary);display:block;margin-bottom:.75rem}.settings-instructions ol{line-height:1.8;margin:0;padding-left:1.5rem}.settings-instructions li{color:var(--text-primary);margin-bottom:.75rem}.settings-warning-box{align-items:flex-start;background:#ffc1071a;border-left:4px solid #ff9800;border-radius:4px;color:var(--text-primary);display:flex;font-size:.875rem;gap:.75rem;line-height:1.5;margin-top:1rem;padding:1rem}.dark-mode .settings-warning-box{background:#ffc10726}.settings-warning-box svg{color:#ff9800;flex-shrink:0;margin-top:2px}.settings-input-group{margin-bottom:1.5rem}.settings-input-label{display:block;font-weight:500;margin-bottom:.5rem}.settings-input,.settings-input-label{color:var(--text-primary);font-size:.875rem}.settings-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;font-family:inherit;padding:.625rem .875rem;transition:all .2s ease;width:100%}.settings-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #1a73e81a;outline:none}.settings-input::placeholder{color:var(--text-muted)}.dark-mode .settings-input:focus{box-shadow:0 0 0 3px #8ab4f826}.oled-mode .settings-input:focus{box-shadow:0 0 0 3px #8ab4f833}.settings-input-hint{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:.5rem 0 0}.btn-admin-console{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9375rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s ease;width:100%}.btn-admin-console:hover{box-shadow:0 4px 16px #667eea80;transform:translateY(-2px)}.btn-admin-console:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.btn-admin-console svg{flex-shrink:0}.dark-mode .btn-admin-console{background:linear-gradient(135deg,#8ab4f8,#aecbfa);box-shadow:0 2px 8px #8ab4f84d;color:#000}.dark-mode .btn-admin-console:hover{box-shadow:0 4px 16px #8ab4f880}.oled-mode .btn-admin-console{background:linear-gradient(135deg,#8ab4f8,#aecbfa);box-shadow:0 2px 8px #8ab4f866;color:#000}.oled-mode .btn-admin-console:hover{box-shadow:0 4px 16px #8ab4f899}@media (max-width:768px){.settings-modal{border-radius:0;max-height:100vh;max-width:100%}.settings-overlay{padding:0}.settings-item{align-items:flex-start;flex-direction:column}.settings-item-control{align-self:flex-end}.settings-instructions ol{padding-left:1.25rem}.settings-code-block{font-size:.75rem}}.error-boundary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:40px;text-align:center;width:100%}.error-boundary h1{color:#333;font-size:2em;margin:0 0 20px}.error-boundary-message{color:#666;font-size:1.1em;line-height:1.6;margin-bottom:30px}.error-boundary-details{background:#f5f5f5;border-radius:8px;margin:20px 0;padding:15px;text-align:left}.error-boundary-details summary{color:#667eea;cursor:pointer;font-weight:600;margin-bottom:10px;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:#764ba2}.error-boundary-stack{background:#2d2d2d;border-radius:6px;color:#f8f8f2;font-family:Courier New,monospace;font-size:.85em;line-height:1.5;margin-top:10px;overflow-x:auto;padding:15px}.error-boundary-actions{display:flex;gap:15px;justify-content:center;margin:30px 0}.error-boundary-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px 30px;transition:all .2s ease}.error-boundary-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.error-boundary-button-secondary{background:#f5f5f5;color:#333}.error-boundary-button-secondary:hover{background:#e0e0e0;box-shadow:0 5px 15px #0000001a}.error-boundary-help{color:#666;font-weight:600;margin:30px 0 10px}.error-boundary-suggestions{color:#666;line-height:1.8;margin:0 auto;max-width:400px;text-align:left}.error-boundary-suggestions li{margin-bottom:8px}@media (max-width:600px){.error-boundary-content{padding:30px 20px}.error-boundary h1{font-size:1.5em}.error-boundary-actions{flex-direction:column}.error-boundary-button{width:100%}}body.dark-mode .error-boundary-content{background:#2d2d2d;color:#e4e4e4}body.dark-mode .error-boundary h1{color:#e4e4e4}body.dark-mode .error-boundary-help,body.dark-mode .error-boundary-message,body.dark-mode .error-boundary-suggestions{color:#b0b0b0}body.dark-mode .error-boundary-details{background:#1a1a1a}body.dark-mode .error-boundary-button-secondary{background:#3a3a3a;color:#e4e4e4}body.dark-mode .error-boundary-button-secondary:hover{background:#4a4a4a}
/*# sourceMappingURL=main.f12a552e.css.map*/