body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Monaco,Menlo,monospace;margin:0;overflow:hidden;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.App,body{height:100vh;height:100dvh}.App{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:relative;transition:all .3s ease;width:100vw}.App.dark{background:#1a1a1a}.App.light{background:#f5f5f5}.terminal{background:#000;display:flex;flex-direction:column;height:100%;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:relative;width:100%}.terminal-content{background:#000;color:#fff;flex:1 1;font-size:14px;line-height:1.4;overflow-y:auto;padding:20px 20px 40vh;scroll-behavior:smooth}.terminal-content::-webkit-scrollbar{width:8px}.terminal-content::-webkit-scrollbar-track{background:#1a1a1a}.terminal-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#555}.command-entry{animation:fadeInUp .3s ease-out;margin-bottom:16px}.command-line{align-items:center;display:flex;margin-bottom:8px;min-height:20px}.prompt{color:#be00ff;font-weight:700;margin-right:8px;white-space:nowrap}.command{color:#fff;flex:1 1}.command-output{animation:fadeIn .2s ease-out;color:#fff;margin-bottom:8px;margin-left:20px}.output-line{word-wrap:break-word;margin-bottom:2px}.error-output{color:#ff6b6b!important;font-weight:700}.command-line.current{align-items:center;display:flex;position:relative}.command-input{background:#0000;border:none;caret-color:#be00ff;color:#fff;font-family:inherit;font-size:inherit;outline:none;padding:0}.command-input::placeholder{color:#666}.page-content{animation:slideInUp .4s ease-out;margin:20px 0}.page-text{color:#ccc;line-height:1.6}.toggle-buttons{bottom:20px;display:flex;gap:10px;position:fixed;right:20px;z-index:1000}.website-container{--primary-accent:#9333ea;--primary-accent-dim:#7928ca;--border-color:#222;--surface:#111;--text-muted:#888;background:#0a0a0a;color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:relative;width:100%}.left-column,.main-layout{display:flex;height:100%}.left-column{flex-direction:column;flex-grow:1;gap:20px;padding:30px 40px}.right-column{border-left:1px solid var(--border-color);flex-shrink:0;padding:30px 20px;width:260px}.top-nav-bar{display:none}.website-header{padding:0;text-align:left}.main-title{color:#fff;font-size:2.2rem;font-weight:600;letter-spacing:-.5px;margin:0;padding:0 0 10px}.main-title h1{font-size:inherit;font-weight:inherit;margin:0}.website-nav{display:flex;gap:8px;justify-content:flex-start;margin-bottom:10px;padding:0}.nav-button{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.nav-button:hover{background:var(--surface);color:#fff}.nav-button.active{background:var(--primary-accent);color:#fff}.website-content{-webkit-overflow-scrolling:touch;flex-grow:1;overflow-y:auto;padding-right:15px;scroll-behavior:smooth}.website-content::-webkit-scrollbar{width:6px}.website-content::-webkit-scrollbar-track{background:#0000}.website-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.website-content::-webkit-scrollbar-thumb:hover{background:#444}.section-content{background:#0000;padding:0}.section-title{border-bottom:1px solid var(--border-color);color:var(--primary-accent);font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding-bottom:12px;text-transform:uppercase}.section-text{color:#ccc;font-size:1rem;font-weight:400;line-height:1.8}.content-line{word-wrap:break-word;margin-bottom:8px}.projects-list{display:flex;flex-direction:column;gap:8px;margin-top:30px}.back-button,.project-item-button{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:#e8e8e8;cursor:pointer;display:block;font-family:inherit;font-size:.95rem;margin-bottom:0;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.back-button:hover,.project-item-button:hover{background:#1a1a1a;border-color:var(--primary-accent);color:#fff}.back-button{color:var(--text-muted);display:inline-block;margin-top:24px;padding:8px 0;width:auto}.back-button,.back-button:hover{background:#0000;border-color:#0000}.back-button:hover{color:var(--primary-accent)}.sidebar{height:100%;padding:0;width:100%}.sidebar-section{background:#0000;border:none;height:100%;padding:0}.sidebar-list{display:flex;flex-direction:column;gap:4px;list-style:none}.sidebar-item{border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.95rem;padding:10px 14px;transition:all .2s ease}.sidebar-item:hover{background:var(--surface);color:#fff}.sidebar-item.active{background:var(--primary-accent);color:#fff}.toggle-buttons-container{bottom:20px;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;z-index:1001}.website-view .toggle-buttons-container .mode-toggle,.website-view .toggle-buttons-container .theme-toggle{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:44px}.website-view .toggle-buttons-container .mode-toggle:hover,.website-view .toggle-buttons-container .theme-toggle:hover{background:#1a1a1a;border-color:#333;color:#fff}.terminal-view .toggle-buttons-container .mode-toggle,.terminal-view .toggle-buttons-container .theme-toggle{align-items:center;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:44px}.terminal-view .toggle-buttons-container .mode-toggle:hover,.terminal-view .toggle-buttons-container .theme-toggle:hover{background:#2a2a2a;border-color:#444;color:#fff}.App.light .website-container{--primary-accent:#7c3aed;--primary-accent-dim:#6d28d9;--border-color:#e5e5e5;--surface:#fff;--text-muted:#666;background:#fafafa;color:#1a1a1a}.App.light .right-column{border-left-color:var(--border-color)}.App.light .main-title{color:#1a1a1a}.App.light .nav-button{color:var(--text-muted)}.App.light .nav-button:hover{background:#f0f0f0;color:#1a1a1a}.App.light .nav-button.active{background:var(--primary-accent);color:#fff}.App.light .website-content::-webkit-scrollbar-thumb{background:#ddd}.App.light .website-content::-webkit-scrollbar-thumb:hover{background:#ccc}.App.light .section-content{background:#0000}.App.light .section-title{border-bottom-color:var(--border-color);color:var(--primary-accent)}.App.light .section-text{color:#444}.App.light .project-item-button{background:var(--surface);border-color:var(--border-color);color:#1a1a1a}.App.light .project-item-button:hover{background:#f5f5f5;border-color:var(--primary-accent)}.App.light .back-button{color:var(--text-muted)}.App.light .back-button:hover{color:var(--primary-accent)}.App.light .sidebar-section{background:#0000}.App.light .sidebar-item{color:var(--text-muted)}.App.light .sidebar-item:hover{background:#f0f0f0;color:#1a1a1a}.App.light .sidebar-item.active{background:var(--primary-accent);color:#fff}.App.light.website-view .toggle-buttons-container .mode-toggle,.App.light.website-view .toggle-buttons-container .theme-toggle{background:var(--surface);border-color:var(--border-color);color:var(--text-muted)}.App.light.website-view .toggle-buttons-container .mode-toggle:hover,.App.light.website-view .toggle-buttons-container .theme-toggle:hover{background:#f0f0f0;border-color:#ddd;color:#1a1a1a}.App.light .terminal{background:#fff;box-shadow:0 10px 30px #0003}.App.light .terminal-title{color:#2c3e50}.App.light .terminal-content{background:#fff;color:#2c3e50}.App.light .prompt{color:#27ae60}.App.light .command{color:#2c3e50}.App.light .command-input{caret-color:#27ae60;color:#2c3e50}.App.light .page-text{color:#2c3e50}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.terminal-content{font-size:13px;padding:15px 15px 30vh}.page-content{padding:10px}.website-view .toggle-buttons-container .mode-toggle,.website-view .toggle-buttons-container .theme-toggle{font-size:18px;height:40px;width:40px}.main-title{font-size:1.8rem;padding:0 0 8px}.main-layout{display:block}.left-column{height:100vh;overflow:hidden;padding:20px;width:100%}.right-column{display:none}.website-content{height:calc(100vh - 180px);overflow-y:auto;padding:0 0 100px}.section-content{margin-bottom:20px;padding:0}.section-title{font-size:1rem;margin-bottom:16px}.section-text{font-size:.95rem;line-height:1.7}.content-line{margin-bottom:8px}.toggle-buttons-container{bottom:15px;right:15px}.top-nav-bar{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;margin-bottom:16px;padding:0}.top-nav-bar .nav-button{font-size:13px;font-weight:500;min-width:auto;padding:8px 12px}.website-container{overflow:hidden}.projects-list{margin-top:24px}.project-item-button{font-size:.9rem;padding:14px 16px}.back-button{margin-top:20px}}@media (max-width:480px){.main-title{font-size:1.5rem;padding:0 0 6px}.left-column{padding:16px}.website-content{height:calc(100vh - 160px);padding:0 0 80px}.section-content{padding:0}.section-title{font-size:.9rem;margin-bottom:14px}.section-text{font-size:.9rem;line-height:1.7}.top-nav-bar{gap:5px;padding:0}.top-nav-bar .nav-button{font-size:12px;font-weight:500;min-width:70px;padding:8px 10px}.toggle-buttons-container{bottom:10px;right:10px}.mode-toggle,.theme-toggle{font-size:20px;height:40px;width:40px}}.command-line.current .command-input:focus{outline:none}.output-line:has(span:contains("📁")){color:#3498db;font-weight:700}.output-line:has(span:contains("📄")){color:#95a5a6}.command-entry:hover{background-color:#ffffff0d}.App.light .command,.App.light .command-input,.App.light .command-output,.App.light .terminal-content{color:#000}.App.light .command-input::placeholder{color:#888}.bios-container{--primary-accent:#9333ea;--border-color:#222;--surface:#111;--text-muted:#888;align-items:center;background:#0a0a0a;color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;padding:20px;position:relative;width:100%}.bios-container,.bios-login{display:flex;flex-direction:column}.bios-login{background:var(--surface);border:1px solid var(--border-color);border-radius:12px;gap:24px;max-width:400px;min-width:340px;padding:48px 40px}.bios-login label{color:var(--primary-accent);font-size:.85rem;font-weight:600;letter-spacing:2px;margin-bottom:-8px;text-transform:uppercase}.bios-login input{background:#0a0a0a;border:1px solid var(--border-color);border-radius:8px;color:#e8e8e8;font-size:1rem;padding:14px 16px;transition:all .2s ease}.bios-login input:focus{border-color:var(--primary-accent);outline:none}.bios-login input::placeholder{color:var(--text-muted)}.bios-login button{background:var(--surface);border:1px solid var(--border-color);border-radius:8px;color:#e8e8e8;cursor:pointer;font-size:.95rem;font-weight:500;padding:14px 24px;transition:all .2s ease}.bios-login button:hover:not(:disabled){background:#1a1a1a;border-color:var(--primary-accent);color:#fff}.bios-login button:disabled{background:var(--surface);color:var(--text-muted)}.bios-login button:disabled,.bios-login input:disabled{cursor:not-allowed;opacity:.6}.bios-login .back-to-terminal{background:#0000;border:none;color:var(--text-muted);font-size:.9rem;margin-top:-8px;padding:10px}.bios-login .back-to-terminal:hover:not(:disabled){background:#0000;border:none;color:var(--primary-accent)}.login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-size:.9rem;margin-top:8px;padding:12px;text-align:center}.loading-message{color:#fff;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:#0000;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-required{align-items:center;background:linear-gradient(180deg,#0d0a1f,#04020a);color:#e0e0e0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;padding:20px;text-align:center}.auth-required h2{color:var(--secondary-glow);font-size:2rem;margin-bottom:20px}.auth-required p{font-size:1.1rem;margin-bottom:30px;opacity:.8}.auth-required button{background:#0000;border:1px solid var(--primary-glow);box-shadow:0 0 5px var(--primary-glow);color:var(--primary-glow);cursor:pointer;font-size:1.1rem;padding:12px 24px;transition:all .3s ease}.auth-required button:hover{background:var(--primary-glow);box-shadow:0 0 15px var(--primary-glow);color:#0d0a1f}.bios-header{border-bottom:2px solid #fff;margin-bottom:20px;padding:10px;text-align:center;width:100%}.notes-manager{background-color:#003;border:2px solid #fff;display:flex;flex-direction:column;flex-grow:1;max-width:800px;padding:20px;width:80%}.notes-manager h2{border-bottom:1px solid #fff;font-size:1.5rem;margin-bottom:15px;padding-bottom:10px}.notes-input{display:flex;gap:10px;margin-bottom:20px}.notes-input input{background:#fff;border:none;color:#000;flex-grow:1;padding:8px}.notes-input button{background-color:silver;border:1px solid #fff;color:#000;cursor:pointer;padding:8px 15px}.notes-list{flex-grow:1;list-style:none;overflow-y:auto}.notes-list li{align-items:center;background-color:navy;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px}.notes-list li:hover{background-color:#0000b3}.notes-list li button{background:#ff4d4d;border:none;color:#fff;cursor:pointer;padding:3px 8px}.exit-bios{background-color:silver;border:1px solid #fff;color:#000;cursor:pointer;margin-top:20px;padding:10px 20px}.notes-app-container{--notes-accent:#9333ea;--notes-accent-dim:#7928ca;--notes-border:#222;--notes-surface:#111;--notes-text:#e8e8e8;--notes-text-muted:#888;--primary-glow:#9333ea;--secondary-glow:#9333ea;background:#0a0a0a;color:#e8e8e8;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden}.notes-sidebar{background:var(--notes-surface);border-right:1px solid var(--notes-border);display:none;flex-direction:column;flex-shrink:0;height:100vh;overflow:hidden;padding:0;width:280px}.notes-sidebar.sidebar-open{display:flex}.notes-sidebar-header{align-items:center;border-bottom:1px solid var(--notes-border);display:flex;gap:10px;justify-content:space-between;padding:15px 20px}.notes-theme-toggle-btn{align-items:center;background:#0000;border:1px solid var(--notes-border);border-radius:6px;color:var(--notes-text-muted);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.notes-theme-toggle-btn:hover{background:var(--notes-surface);color:#fff}.note-editor{direction:rtl;display:flex;flex:1 1;flex-direction:column;min-height:100vh;overflow-y:auto;padding:20px}.note-editor::-webkit-scrollbar{width:6px}.note-editor::-webkit-scrollbar-track{background:#0000}.note-editor::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.note-editor::-webkit-scrollbar-thumb:hover{background:#444}.note-editor>*{direction:ltr}.exit-notes-btn,.new-note-btn{background:var(--notes-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;margin:8px 20px 10px;padding:10px;transition:all .2s ease;width:calc(100% - 40px)}.exit-notes-btn:hover,.new-note-btn:hover{background:var(--notes-accent-dim)}.exit-notes-btn{background:#0000;border:1px solid var(--notes-border);color:var(--notes-text-muted)}.exit-notes-btn:hover{background:var(--notes-surface);color:#fff}.notes-list-sidebar{flex-grow:1;list-style:none;overflow-y:auto;padding:0 20px}.notes-list-sidebar::-webkit-scrollbar{width:6px}.notes-list-sidebar::-webkit-scrollbar-track{background:#0000}.notes-list-sidebar::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.notes-list-sidebar::-webkit-scrollbar-thumb:hover{background:#444}.note-item{align-items:center;border:1px solid #0000;border-radius:6px;color:var(--notes-text-muted);cursor:pointer;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px;padding:10px 12px;transition:all .2s ease}.note-item:hover{background:#161616;color:var(--notes-text)}.note-item.active{background:#9333ea26;border-left:3px solid var(--notes-accent);color:var(--notes-text)}.note-item.selected{background:#9333ea1a;border-color:var(--notes-accent)}.mobile-instructions{background:var(--notes-surface);border:1px solid var(--notes-border);border-radius:6px;color:var(--notes-text-muted);font-size:.8rem;margin:10px 20px;padding:10px 16px;text-align:center}.editor-menu-bar.mobile-menu{flex-wrap:wrap;gap:6px;justify-content:center;padding:8px 12px}.editor-menu-bar.mobile-menu button{border-radius:4px;font-size:.75rem;min-width:50px;padding:6px 8px}.editor-menu-bar.mobile-menu .font-size-control{align-items:center;display:flex;gap:4px;min-width:80px}.editor-menu-bar.mobile-menu .font-size-input{border-radius:4px;font-size:.75rem;padding:6px 8px;width:50px}.editor-menu-bar.mobile-menu .font-size-unit{font-size:.75rem}.note-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.note-item:hover .note-actions{opacity:1}.note-actions button{background:#0000;border:none;border-radius:4px;color:var(--notes-text-muted);cursor:pointer;padding:4px 6px;transition:all .2s ease}.note-actions button.delete-btn{color:#ff6b6b}.note-actions button:hover{background:var(--notes-surface);color:var(--notes-text)}.note-content-input{background:#0000;border:none;color:var(--notes-text);font-family:inherit;font-size:1.1rem;height:100%;line-height:1.7;outline:none;resize:none;width:100%}.no-note-selected{align-items:center;color:var(--notes-text-muted);display:flex;height:100%;justify-content:center}.no-note-selected h2{color:var(--notes-text-muted);font-weight:400}.formatting-popup-overlay{align-items:center;animation:modalSlideIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.formatting-popup-modal{animation:modalSlideIn .3s ease-out;background:#0a0a0a;border:1px solid var(--notes-border);border-radius:8px;max-height:80vh;max-width:400px;overflow-y:auto;width:90%}.formatting-popup-header{align-items:center;border-bottom:1px solid var(--notes-border);display:flex;justify-content:space-between;padding:16px 20px}.formatting-popup-header h3{color:var(--notes-text);font-size:1.1rem;font-weight:600;margin:0}.formatting-popup-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--notes-text-muted);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.formatting-popup-close:hover{color:#fff}.formatting-popup-content{padding:20px}.formatting-section{margin-bottom:20px}.formatting-section:last-child{margin-bottom:0}.formatting-section h4{color:var(--notes-text-muted);font-size:.8rem;font-weight:600;letter-spacing:1px;margin:0 0 12px;text-transform:uppercase}.formatting-buttons{display:flex;flex-wrap:wrap;gap:8px}.formatting-btn{align-items:center;background:#0000;border:1px solid var(--notes-border);border-radius:6px;color:var(--notes-text);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease}.formatting-btn.active,.formatting-btn:hover:not(:disabled){background:var(--notes-accent);border-color:var(--notes-accent);color:#fff}.formatting-btn:disabled{cursor:not-allowed;opacity:.5}.font-size-control{gap:8px}.font-size-input{background:var(--notes-surface);border:1px solid var(--notes-border);border-radius:6px;color:var(--notes-text);font-size:.9rem;padding:8px 12px;text-align:center;width:80px}.font-size-input:focus{border-color:var(--notes-accent);outline:none}.font-size-unit{color:var(--notes-text-muted);font-size:.9rem}.App.dark .formatting-popup-modal{background:#0a0a0a;border:1px solid #222}.App.dark .formatting-popup-header{border-bottom-color:#222}.App.dark .formatting-popup-header h3{color:#e8e8e8}.App.dark .formatting-popup-close{color:#888}.App.dark .formatting-popup-close:hover{color:#fff}.App.dark .formatting-section h4{color:#888}.App.dark .formatting-btn{border-color:#222;color:#e8e8e8}.App.dark .formatting-btn.active,.App.dark .formatting-btn:hover:not(:disabled){background:#9333ea;border-color:#9333ea;color:#fff}.App.dark .font-size-input{background:#111;border-color:#222}@media (max-width:768px){.formatting-popup-modal{margin:20px;max-width:none;width:95%}.formatting-popup-content{padding:16px}.formatting-buttons{gap:6px}.formatting-btn{font-size:1rem;min-width:44px;padding:10px 12px}.font-size-input{padding:10px 8px;width:70px}}@media (max-width:480px){.formatting-popup-modal{margin:10px;width:98%}.formatting-popup-header{padding:12px 16px}.formatting-popup-header h3{font-size:1.1rem}.formatting-popup-content{padding:12px}.formatting-section{margin-bottom:16px}.formatting-section h4{font-size:.8rem;margin-bottom:8px}}.editor-menu-bar{background-color:var(--notes-surface);border-bottom:1px solid var(--notes-border);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:4px;padding:10px 12px;width:100%}.editor-menu-bar button{background:#0000;border:1px solid var(--notes-border);border-radius:4px;color:var(--notes-text-muted);cursor:pointer;font-family:inherit;padding:6px 10px;transition:all .2s ease}.editor-menu-bar button:hover{background-color:#161616;color:var(--notes-text)}.editor-menu-bar button.is-active{background-color:var(--notes-accent);border-color:var(--notes-accent);color:#fff}.tiptap-editor-content .ProseMirror{font-size:18px;height:auto;min-height:200px;outline:none;padding:16px}.tiptap-editor-content .ProseMirror,.tiptap-editor-root{display:flex;flex:1 1;flex-direction:column;overflow:visible}.tiptap-editor-root{height:100%}.ProseMirror p{margin-bottom:1em}.ProseMirror blockquote{border-left:2px solid #ddd;margin-left:1rem;padding-left:1rem}.ProseMirror ul{list-style-type:disc;padding-left:2rem}.font-size-control{align-items:center;display:flex;margin-left:auto}.font-size-input{border:1px solid #ccc;border-radius:4px;margin-right:4px;padding:4px 8px;width:50px}.font-size-input,.font-size-unit{font-family:Courier New,Monaco,Menlo,monospace}.font-size-unit{color:#555;margin-left:4px}.font-size-control button{background:none;border:none;border-radius:4px;cursor:pointer;font-family:Courier New,Monaco,Menlo,monospace;padding:8px 12px}.font-size-control button:hover{background-color:#eee}.App.light .notes-app-container{--notes-accent:#7c3aed;--notes-accent-dim:#6d28d9;--notes-border:#e0e0e0;--notes-surface:#fff;--notes-text:#1a1a1a;--notes-text-muted:#666;background:#f8f8f8;color:#1a1a1a}.App.light .notes-sidebar{background:#fff;border-right-color:#e0e0e0}.App.light .new-note-btn{background:var(--notes-accent);border:none;color:#fff}.App.light .new-note-btn:hover{background:var(--notes-accent-dim)}.App.light .exit-notes-btn{background:#0000;border:1px solid #e0e0e0;color:#666}.App.light .exit-notes-btn:hover{background:#f0f0f0;color:#1a1a1a}.App.light .note-item{color:#666}.App.light .note-item:hover{background:#f0f0f0;color:#1a1a1a}.App.light .note-item.active{background-color:#7c3aed1a;border-left:3px solid var(--notes-accent);color:#1a1a1a}.App.light .note-actions button{color:#666}.App.light .note-content-input{color:#1a1a1a}.App.light .no-note-selected{color:#888}.App.dark .notes-app-container{background-color:#0a0a0a;color:#e8e8e8}.App.dark .notes-sidebar{background-color:#111;border-right:1px solid #222}.App.dark .new-note-btn{background-color:#9333ea;border:none;color:#fff}.App.dark .new-note-btn:hover{background-color:#7928ca}.App.dark .exit-notes-btn{background-color:initial;border:1px solid #222;color:#888}.App.dark .exit-notes-btn:hover{background-color:#111;color:#fff}.App.dark .note-actions button{border:none;color:#888}.App.dark .note-actions button:hover{background-color:#111;color:#fff}.App.dark .note-item{color:#888}.App.dark .note-item:hover{background-color:#161616;color:#e8e8e8}.App.dark .note-item.active{background-color:#9333ea26;border-left:3px solid #9333ea;color:#e8e8e8}.App.dark .editor-menu-bar{background-color:#111;border-bottom:1px solid #222;box-sizing:border-box;width:100%}.App.dark .editor-menu-bar button{border:1px solid #222;color:#888}.App.dark .editor-menu-bar button:hover{background-color:#161616;color:#e8e8e8}.App.dark .editor-menu-bar button.is-active{background-color:#9333ea;border-color:#9333ea;color:#fff}.App.dark .tiptap-editor-content .ProseMirror{color:#e8e8e8}.App.dark .font-size-input{background-color:#111;border:1px solid #222;color:#e8e8e8}.App.dark .font-size-input:focus{border-color:#9333ea}.App.dark .font-size-unit,.App.dark .no-note-selected h2{color:#888}.notes-app-container.mobile{height:100vh;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:relative}.notes-app-container.mobile .notes-sidebar{background:inherit;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.notes-app-container.mobile.sidebar-open .notes-sidebar{display:flex;flex-direction:column}.notes-app-container.mobile .note-editor{-webkit-touch-callout:default;-webkit-tap-highlight-color:transparent;height:100vh;margin-left:0;-webkit-user-select:text;user-select:text;width:100%}.notes-app-container.mobile.sidebar-open .note-editor{display:none}.notes-app-container.mobile .note-editor{padding-top:0}.notes-app-container.mobile .note-editor .tiptap-editor-content{padding-top:20px}.notes-app-container.mobile .notes-sidebar{padding-top:0}.notes-app-container.mobile .notes-list-sidebar{flex:1 1;overflow-y:auto;padding:0 20px}.notes-app-container.mobile .tiptap-editor-content{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}.notes-app-container.mobile:before{content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:80px;z-index:998}.notes-app-container.mobile.sidebar-open .note-editor{transform:translateX(280px)}.mobile-sidebar-backdrop{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-close-btn{align-items:center;background:#0000;border:1px solid var(--secondary-glow);border-radius:50%;color:var(--secondary-glow);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:30px;z-index:1001}.mobile-close-btn:hover{background:var(--secondary-glow);box-shadow:0 0 10px var(--secondary-glow);color:#0d0a1f}.planner-container{--planner-accent:#9333ea;--planner-accent-dim:#7928ca;--planner-border:#222;--planner-surface:#111;--planner-text:#e8e8e8;--planner-text-muted:#888;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden}.planner-container,.planner-header{display:flex;flex-direction:column;position:relative}.planner-header{background:var(--planner-surface);border-bottom:1px solid var(--planner-border);gap:8px;padding:12px 20px;z-index:10}.planner-controls-row{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.planner-left-section{align-items:center;display:flex;flex-shrink:0;gap:12px}.planner-left-section h1{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:-.3px;line-height:1.1;margin:0}.planner-center-section{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:40px}.planner-right-section{align-items:center;display:flex;flex-shrink:0;gap:8px}.schedule-toggle-btn{background:#0000;border:none;border-radius:6px;color:var(--planner-text-muted);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.schedule-toggle-btn.active{background:var(--planner-accent);color:#fff}.schedule-toggle-btn:hover:not(.active){background:var(--planner-surface);color:#fff}.schedule-controls{align-items:center;display:flex;gap:12px}.streak-counter{align-items:center;background:var(--planner-accent);border-radius:6px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:4px;justify-content:center;min-width:50px;padding:6px 12px;transition:all .2s ease}.streak-counter:hover{background:var(--planner-accent-dim)}.streak-counter.streak-zero{background:#333}.streak-counter.streak-zero:hover{background:#444}.planner-info-row{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.birthday-notification{color:#27ae60;font-size:14px;font-weight:600;text-align:center}.core-task-progress{color:var(--planner-text-muted);font-size:12px;font-weight:500;text-align:center}.core-task-progress span{color:var(--planner-accent)}.core-task-progress span:has(span:contains("🎉")){color:#27ae60}.mobile-task-edit-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.mobile-task-edit-menu{animation:modalSlideIn .3s ease-out;background:#0a0a0a;border:1px solid var(--planner-border);border-radius:8px;max-width:320px;overflow:hidden;width:100%}.task-edit-header{align-items:center;background:var(--planner-surface);border-bottom:1px solid var(--planner-border);display:flex;justify-content:space-between;padding:16px 20px}.task-edit-header h3{color:var(--planner-text);font-size:1.1rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--planner-text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.close-btn:hover{color:#fff}.task-edit-actions{padding:12px 0}.task-edit-actions button{align-items:center;background:none;border:none;color:var(--planner-text);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.task-edit-actions button:hover{background:var(--planner-surface);color:#fff}.task-edit-actions button:active{background:#161616}.action-icon{font-size:1.2rem;text-align:center;width:24px}.action-text{flex:1 1}.delete-action,.delete-action:hover{color:#ff6b6b!important}.delete-action:hover{background:#ff6b6b1a!important}.cancel-action{border-top:1px solid var(--planner-border);color:var(--planner-text-muted)!important;margin-top:8px;padding-top:16px}.cancel-action:hover{background:var(--planner-surface)!important;color:#ccc!important}.selected-task-actions button{background:#0000;border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text);cursor:pointer;font-size:.9rem;font-weight:500;margin:0 2px;padding:6px 12px;transition:all .2s}.selected-task-actions button:hover{background:var(--planner-accent);border-color:var(--planner-accent);color:#fff}.add-task-btn{background:var(--planner-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;padding:8px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.add-task-btn:hover{background:var(--planner-accent-dim)}.planner-nav-btn,.planner-theme-toggle{align-items:center;background:#0000;border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text-muted);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.planner-nav-btn:hover,.planner-theme-toggle:hover{background:var(--planner-surface);color:#fff}.planner-canvas{flex:1 1;overflow:hidden}.planner-canvas,.time-ruler{display:flex;position:relative}.time-ruler{background:var(--planner-surface);border-right:1px solid var(--planner-border);flex-direction:column;width:70px;z-index:5}.time-mark{align-items:center;border-bottom:1px solid var(--planner-border);color:var(--planner-text-muted);display:flex;font-size:.75rem;font-weight:500;height:50px;justify-content:center;position:relative}.time-mark.current{background:#9333ea1a;color:var(--planner-accent);font-weight:600}.time-mark.current:before{background:var(--planner-accent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.tasks-container{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:20px}.tasks-container::-webkit-scrollbar{width:6px}.tasks-container::-webkit-scrollbar-track{background:#0000}.tasks-container::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.tasks-container::-webkit-scrollbar-thumb:hover{background:#444}.task-node{align-items:center;background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:8px;display:flex;justify-content:space-between;min-height:60px;padding:16px;transition:all .2s ease}.task-node:hover{background:#161616;border-color:var(--planner-accent)}.task-node.current{background:#9333ea14;border-color:var(--planner-accent);border-left:3px solid var(--planner-accent)}.task-node.linked{background:#ff6b6b0d;border-color:#ff6b6b}.task-content{flex:1 1}.task-title{color:var(--planner-text);font-size:1rem;font-weight:500;line-height:1.3;margin-bottom:3px}.task-time{color:var(--planner-text-muted);font-size:.8rem;line-height:1.1;margin-bottom:3px}.task-note-link{color:var(--planner-accent);font-size:.75rem;font-weight:500;line-height:1.1;margin-left:8px}.task-actions{gap:8px}.task-actions,.task-edit-btn{align-items:center;display:flex}.task-edit-btn{background:#0000;border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text-muted);cursor:pointer;font-size:.85rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.task-edit-btn:hover{background:var(--planner-surface);border-color:var(--planner-accent);color:#fff}.task-edit-btn.delete:hover{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.note-selector-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.note-selector{background:#0a0a0a;border:1px solid var(--planner-border);border-radius:8px;max-height:80vh;max-width:400px;overflow-y:auto;padding:24px;width:90%}.note-selector::-webkit-scrollbar{width:6px}.note-selector::-webkit-scrollbar-track{background:#0000}.note-selector::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.note-selector::-webkit-scrollbar-thumb:hover{background:#444}.note-selector h3{color:var(--planner-text);font-weight:600;margin:0 0 20px;text-align:center}.birthday-modal{max-width:380px;overflow:hidden;padding:0}.birthday-modal-header{align-items:center;background:var(--planner-surface);border-bottom:1px solid var(--planner-border);display:flex;justify-content:space-between;padding:16px 20px}.birthday-modal-header h3{color:var(--planner-text);font-size:1.1rem;font-weight:600;margin:0}.birthday-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--planner-text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.birthday-close-btn:hover{color:#fff}.birthday-search-container{border-bottom:1px solid var(--planner-border);display:flex;gap:8px;padding:16px}.birthday-search-input{background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text);flex:1 1;font-family:inherit;font-size:.95rem;padding:10px 14px}.birthday-search-input:focus{border-color:var(--planner-accent);outline:none}.birthday-add-toggle,.birthday-search-input::placeholder{color:var(--planner-text-muted)}.birthday-add-toggle{align-items:center;background:#0000;border:1px solid var(--planner-border);border-radius:6px;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.birthday-add-toggle:hover{background:var(--planner-accent);border-color:var(--planner-accent);color:#fff}.birthday-add-form{background:var(--planner-surface);border-bottom:1px solid var(--planner-border);display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.birthday-input{background:#0a0a0a;border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text);flex:1 1;font-family:inherit;font-size:.9rem;min-width:100px;padding:8px 12px}.birthday-input:focus{border-color:var(--planner-accent);outline:none}.birthday-submit-btn{background:var(--planner-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.birthday-submit-btn:hover{background:var(--planner-accent-dim)}.birthday-list{max-height:300px;overflow-y:auto;padding:8px}.birthday-list::-webkit-scrollbar{width:6px}.birthday-list::-webkit-scrollbar-track{background:#0000}.birthday-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.birthday-list::-webkit-scrollbar-thumb:hover{background:#444}.birthday-empty{color:var(--planner-text-muted);font-size:.9rem;padding:24px 16px;text-align:center}.birthday-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:4px;padding:10px 12px;transition:all .2s ease}.birthday-item:hover{background:var(--planner-surface)}.birthday-item.birthday-today{background:#9333ea26;border-left:3px solid var(--planner-accent)}.birthday-item-info{display:flex;flex-direction:column;gap:2px}.birthday-item-name{color:var(--planner-text);font-size:.95rem;font-weight:500}.birthday-item-date{color:var(--planner-text-muted);font-size:.8rem}.birthday-delete-btn{background:none;border:none;border-radius:4px;color:var(--planner-text-muted);cursor:pointer;font-size:1rem;opacity:0;padding:4px;transition:all .2s ease}.birthday-item:hover .birthday-delete-btn{opacity:1}.birthday-delete-btn:hover{color:#ff6b6b}@media (max-width:480px){.birthday-modal{max-width:95vw}.birthday-search-container{padding:12px}.birthday-search-input{font-size:16px;padding:10px 12px}.birthday-add-toggle{height:44px;width:44px}.birthday-add-form{padding:12px}.birthday-input{font-size:16px}.birthday-item .birthday-delete-btn{opacity:1}}.note-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto}.note-list::-webkit-scrollbar{width:6px}.note-list::-webkit-scrollbar-track{background:#0000}.note-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.note-list::-webkit-scrollbar-thumb:hover{background:#444}.note-option{background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text);cursor:pointer;padding:12px 15px;transition:all .2s ease}.note-option:hover{background:#161616;border-color:var(--planner-accent)}.cancel-btn,.create-note-btn{border-radius:6px;cursor:pointer;font-weight:500;margin-top:10px;padding:12px;transition:all .2s ease;width:100%}.create-note-btn{background:var(--planner-accent);border:none;color:#fff}.create-note-btn:hover{background:var(--planner-accent-dim)}.cancel-btn{background:#0000;border:1px solid var(--planner-border);color:var(--planner-text-muted)}.cancel-btn:hover{background:var(--planner-surface);color:#fff}.current-task-indicator{background:var(--planner-surface);border:1px solid var(--planner-accent);border-radius:8px;bottom:30px;color:var(--planner-text);max-width:300px;padding:16px 20px;position:fixed;right:30px;z-index:100}.current-task-content h3{font-size:1.1rem;margin:0 0 10px}.current-task-content p{font-size:.9rem;margin:5px 0}.current-task-time{font-size:.8rem;opacity:.8}@media (max-width:768px){.planner-container{height:100vh;height:100dvh;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.planner-header{gap:6px;padding:8px 12px}.planner-controls-row{gap:6px}.planner-left-section{gap:8px}.planner-left-section h1{font-size:1rem}.schedule-toggle-btn{font-size:.8rem;padding:6px 10px}.planner-center-section{min-height:32px}.selected-task-actions{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.selected-task-actions button{font-size:.7rem;padding:4px 8px;white-space:nowrap}.planner-right-section{gap:6px}.add-task-btn{font-size:.8rem;padding:6px 10px;white-space:nowrap}.birthday-btn,.planner-nav-btn,.planner-theme-toggle{align-items:center;display:flex;font-size:.8rem;height:28px;justify-content:center;padding:0;width:28px}.planner-info-row{gap:3px}.birthday-notification{font-size:12px}.core-task-progress{font-size:10px}.mobile-task-edit-overlay{padding:16px}.mobile-task-edit-menu{max-width:280px}.task-edit-header{padding:14px 16px}.task-edit-header h3{font-size:1rem}.task-edit-actions button{font-size:.9rem;padding:12px 16px}.action-icon{font-size:1.1rem;width:20px}.time-ruler{min-width:50px;width:50px}.time-mark{font-size:.65rem;height:40px;padding:0 3px}.tasks-container{gap:6px;padding:8px}.task-node{min-height:40px;padding:8px}.task-title{font-size:.9rem}.task-time{font-size:.75rem}.task-actions{gap:4px}.task-edit-btn{font-size:.75rem;height:28px;width:28px}.current-task-indicator{bottom:15px;left:15px;max-width:none;padding:15px;right:15px}.task-node-compact{font-size:12px;margin:0 auto;max-width:280px;min-width:140px;padding:8px 10px;width:80%}.planner-scroll-window{-webkit-overflow-scrolling:touch}.add-task-modal{max-width:95vw;min-width:280px;padding:20px}.add-task-modal h2{font-size:1.3rem}.add-task-modal input{font-size:16px}}@media (max-width:480px){.planner-header{gap:4px;padding:6px 8px}.planner-controls-row{gap:4px}.planner-left-section{gap:6px}.planner-left-section h1{font-size:.9rem}.schedule-toggle-btn{font-size:.7rem;padding:4px 8px}.planner-center-section{min-height:28px}.selected-task-actions{align-items:center;flex-direction:column;gap:3px}.selected-task-actions button{font-size:.7rem;max-width:180px;padding:6px 10px;width:100%}.planner-right-section{gap:4px}.add-task-btn{font-size:.7rem;min-width:60px;padding:4px 8px}.birthday-btn,.planner-nav-btn,.planner-theme-toggle{font-size:.7rem;height:24px;width:24px}.planner-info-row{gap:2px}.birthday-notification{font-size:11px}.core-task-progress{font-size:9px}.mobile-task-edit-overlay{padding:12px}.mobile-task-edit-menu{max-width:260px}.task-edit-header{padding:12px 14px}.task-edit-header h3{font-size:.9rem}.task-edit-actions button{font-size:.85rem;padding:10px 14px}.action-icon{font-size:1rem;width:18px}.time-ruler{min-width:45px;width:45px}.time-mark{font-size:.65rem;height:40px}.task-node-compact{font-size:11px;max-width:240px;padding:6px 8px;width:85%}.task-title{font-size:.85rem}.task-time{font-size:.7rem}.add-task-modal{max-width:98vw;min-width:260px;padding:16px}.add-task-modal h2{font-size:1.2rem}.note-selector{max-width:95vw;padding:20px}}@media (max-width:768px) and (orientation:landscape){.planner-header{padding:6px 12px}.planner-header h1{font-size:1.2rem}.planner-controls{gap:6px}.add-task-btn{font-size:.8rem;padding:6px 10px}.planner-nav-btn,.planner-theme-toggle{font-size:.8rem;height:32px;width:32px}.time-ruler{width:45px}.time-mark{font-size:.65rem;height:35px}.task-node-compact{font-size:11px;padding:6px 8px}}.planner-scroll-window{display:flex;flex-direction:row;height:100%;overflow-y:auto;scroll-behavior:smooth;width:100%}.planner-scroll-window::-webkit-scrollbar{width:8px}.planner-scroll-window::-webkit-scrollbar-track{background:#0000}.planner-scroll-window::-webkit-scrollbar-thumb{background:#be00ff33;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.planner-scroll-window::-webkit-scrollbar-thumb:hover{background:#be00ff66}.planner-scroll-window:not(:hover)::-webkit-scrollbar-thumb{background:#0000}.planner-scroll-window:hover::-webkit-scrollbar-thumb{background:#be00ff33}.tasks-hourly-list{display:flex;flex:1 1;flex-direction:column;height:100%}.task-node-hour{align-items:center;background:none;border:none;box-shadow:none;display:flex;height:60px;max-height:60px;min-height:60px}.task-node-compact{word-wrap:break-word;align-items:center;background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:6px;display:flex;font-size:13px;justify-content:space-between;margin:0 auto;max-width:380px;min-height:36px;min-width:160px;overflow-wrap:break-word;padding:6px 10px;transition:all .2s;width:75%}.task-node-compact.current{background:#9333ea14;border-color:var(--planner-accent);border-left:3px solid var(--planner-accent)}.task-node-compact.linked{background:#ff6b6b0d;border-color:#ff6b6b}.task-node{margin:0 auto;max-width:500px;width:80%}.task-node-hour.drag-over,.time-mark.drag-over{background:#9333ea26!important;transition:background .2s}.task-node-compact.dragging{border-color:var(--planner-accent);cursor:grabbing!important;opacity:.5}.notes-to-planner-btn{background:#0000;border:1px solid var(--secondary-glow);border-radius:6px;color:inherit;cursor:pointer;font-size:1rem;margin-left:10px;padding:6px 12px;transition:background .2s,color .2s}.notes-to-planner-btn:hover{background:var(--secondary-glow);color:#0d0a1f}.add-task-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:4000}.add-task-modal{align-items:center;animation:fadeInUp .3s;background:#0a0a0a;border:1px solid var(--planner-border);border-radius:8px;color:var(--planner-text);display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:24px}.add-task-modal h2{color:var(--planner-accent);font-size:1.3rem;font-weight:600;margin-bottom:18px}.add-task-modal label{color:var(--planner-text-muted);display:block;font-weight:500;margin-bottom:6px}.add-task-modal input[type=number]{background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:6px;color:#fff;font-size:1rem;margin-bottom:8px;padding:8px 12px}.add-task-modal input[type=number]:focus{border-color:var(--planner-accent);outline:none}.add-task-modal button.add-task-btn{background:var(--planner-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:0 4px;padding:10px 20px;transition:all .2s}.add-task-modal button.add-task-btn:hover{background:var(--planner-accent-dim)}@media (max-width:600px){.add-task-modal{min-width:90vw;padding:18px 8px 12px}}.task-context-menu{background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:6px;color:var(--planner-text);min-width:160px;padding:4px 0;z-index:2001}.context-menu-item{background:none;border:none;color:var(--planner-text);cursor:pointer;display:block;font-size:.95rem;padding:10px 16px;text-align:left;transition:background .2s;width:100%}.context-menu-item:hover{background:#161616}.edit-task-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2100}.edit-task-modal{align-items:center;animation:fadeInUp .3s;background:#0a0a0a;border:1px solid var(--planner-border);border-radius:8px;color:var(--planner-text);display:flex;flex-direction:column;max-width:90vw;min-width:320px;padding:24px}.edit-task-modal h2{color:var(--planner-accent);font-size:1.3rem;font-weight:600;margin-bottom:18px}.edit-task-modal input[type=text]{background:var(--planner-surface);border:1px solid var(--planner-border);border-radius:6px;color:#fff;font-size:1rem;margin-bottom:8px;padding:10px 12px}.edit-task-modal input[type=text]:focus{border-color:var(--planner-accent);outline:none}.edit-task-modal button.add-task-btn{background:var(--planner-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin:0 4px;padding:10px 20px;transition:all .2s}.edit-task-modal button.add-task-btn:hover{background:var(--planner-accent-dim)}@media (max-width:600px){.edit-task-modal{min-width:90vw;padding:18px 12px 16px}}.planner-root.dark .planner-container{background:#0a0a0a;color:var(--planner-text)}.planner-root.light .planner-container{--planner-accent:#7c3aed;--planner-accent-dim:#6d28d9;--planner-border:#e0e0e0;--planner-surface:#fff;--planner-text:#1a1a1a;--planner-text-muted:#666;background:#f8f8f8;color:#1a1a1a}.planner-root.light .planner-header{background:#fff;border-bottom:1px solid #e0e0e0}.planner-root.light .planner-header h1{color:#1a1a1a}.planner-root.light .add-task-btn{background:var(--planner-accent);border:none;color:#fff}.planner-root.light .add-task-btn:hover{background:var(--planner-accent-dim)}.planner-root.light .planner-nav-btn,.planner-root.light .planner-theme-toggle{background:#0000;border:1px solid #e0e0e0;color:#666}.planner-root.light .planner-nav-btn:hover,.planner-root.light .planner-theme-toggle:hover{background:#f0f0f0;color:#1a1a1a}.planner-root.light .task-node,.planner-root.light .task-node-compact{background:#fff;border:1px solid #e0e0e0;color:#1a1a1a}.planner-root.light .task-node:hover{border-color:var(--planner-accent)}.planner-root.light .task-title{color:#1a1a1a}.planner-root.light .task-time{color:#666}.planner-root.light .time-ruler{background:#fff;border-right:1px solid #e0e0e0}.planner-root.light .time-mark{border-bottom:1px solid #e8e8e8;color:#666}@media (max-width:600px){.planner-controls{flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.planner-controls button{border-radius:8px;font-size:.9rem;height:36px;margin:0 2px 6px;min-width:36px;padding:6px 10px}.selected-task-actions{align-items:stretch;background:#0a0a0a;border:1px solid var(--planner-border);border-radius:8px;display:flex!important;flex-direction:column;gap:0;left:10px;padding:10px 0;position:absolute;right:10px;top:60px;z-index:1002}.selected-task-actions button{border-radius:8px;box-shadow:none;font-size:1rem;height:38px;margin:0 12px 10px;min-width:0;width:auto}.selected-task-actions button:last-child{margin-bottom:0}.planner-header>div:last-child{font-size:14px;margin-top:4px;text-align:center}.planner-header>div:first-child{align-items:center;display:flex;flex-shrink:0;gap:8px}.planner-task-actions-center{display:flex;flex:1 1;justify-content:center}.planner-controls{flex-shrink:0;width:60%}.task-content{display:flex;flex-direction:column;gap:4px}.task-node-compact input[type=checkbox]{height:16px;margin:0;transform:scale(.9);width:16px}.task-title span{font-size:.9em;margin-right:4px}.task-title{align-items:center;display:flex;gap:8px;justify-content:space-between}.task-time{font-size:.7rem;opacity:.8}.add-task-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-task-modal{min-width:95vw}.add-task-modal,.note-selector{max-width:95vw;padding:16px}}.password-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.password-modal{animation:modalSlideIn .3s ease-out;background:#0a0a0a;border:1px solid #222;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;max-width:400px;padding:32px;text-align:center;width:90%}.password-modal h2{color:#9333ea;font-size:1.5rem;font-weight:600;margin-bottom:16px}.password-modal p{color:#888;font-size:1rem;margin-bottom:24px}.password-modal input{background:#111;border:1px solid #222;border-radius:6px;color:#e8e8e8;font-family:inherit;font-size:1rem;margin-bottom:12px;padding:12px;width:100%}.password-modal input:focus{border-color:#9333ea;outline:none}.password-modal button{background:#9333ea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:12px;transition:all .2s ease;width:100%}.password-modal button:hover{background:#7928ca}.password-modal .error{color:#ff6b6b;font-size:14px;margin-bottom:12px}.password-modal .modal-buttons{display:flex;gap:12px;justify-content:space-between}.password-modal .modal-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px;transition:all .2s ease}.password-modal .modal-buttons button[type=submit]{background:#9333ea;color:#fff}.password-modal .modal-buttons button[type=submit]:hover{background:#7928ca}.password-modal .modal-buttons .cancel-btn{background:#0000;border:1px solid #222;color:#888}.password-modal .modal-buttons .cancel-btn:hover{background:#111;color:#fff}.note-menu-overlay{align-items:center;animation:modalSlideIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.note-menu-modal{animation:modalSlideIn .3s ease-out;background:#0a0a0a;border:1px solid #222;border-radius:8px;max-height:80vh;max-width:320px;overflow-y:auto;width:90%}.note-menu-header{align-items:center;background:#111;border-bottom:1px solid #222;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.note-menu-header h3{color:#e8e8e8;font-size:1.1rem;font-weight:600;margin:0}.note-menu-close{align-items:center;background:none;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.note-menu-close:hover{color:#fff;transform:scale(1.1)}.note-menu-content{display:flex;flex-direction:column;gap:8px;padding:16px 20px}.note-menu{animation:menuSlideIn .2s ease-out;background:#0a0a0a;border:1px solid #222;border-radius:6px;min-width:150px;padding:4px 0;position:relative;z-index:9999}.note-menu .menu-item{align-items:center;background:#0000;border:none;color:#e8e8e8;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;justify-content:center;padding:10px 16px;transition:all .2s ease}.note-menu .menu-item:hover{background-color:#161616}.note-menu .menu-item:active{background-color:#1a1a1a}.note-menu .menu-item span{font-size:16px}.note-menu .menu-item.delete-item{color:#ff6b6b}.note-menu .menu-item.delete-item:hover{background-color:#ff6b6b1a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.App.light .password-modal{background:#fff;border-color:#e0e0e0}.App.light .password-modal h2{color:#7c3aed}.App.light .password-modal p{color:#666}.App.light .password-modal input{background:#f8f8f8;border-color:#e0e0e0;color:#1a1a1a}.App.light .password-modal input:focus{border-color:#7c3aed}.App.light .password-modal button{background:#7c3aed}.App.light .password-modal button:hover{background:#6d28d9}.App.light .note-menu{background:#fff;border-color:#e0e0e0}.App.light .note-menu .menu-item{color:#1a1a1a}.App.light .note-menu .menu-item:hover{background:#f0f0f0}.App.light .note-menu .menu-item.delete-item{color:#ff6b6b}.App.light .note-menu .menu-item.delete-item:hover{background:#ff6b6b1a}.App.light .note-menu-modal{background:#fff;border-color:#e0e0e0}.App.light .note-menu-header{background:#f8f8f8;border-bottom-color:#e0e0e0}.App.light .note-menu-header h3{color:#1a1a1a}.App.light .note-menu-close{color:#666}.App.light .note-menu-close:hover{color:#1a1a1a}@media (max-width:768px){.note-menu-modal{margin:20px;max-width:none;width:95%}.note-menu-content{padding:20px 24px}.menu-item{font-size:16px;padding:14px 16px}}@media (max-width:480px){.note-menu-modal{margin:10px;width:98%}.note-menu-header{padding:12px 16px}.note-menu-header h3{font-size:1.1rem}.note-menu-content{padding:16px 20px}.menu-item{font-size:15px;padding:12px 16px}}.note-menu-btn{background:none;border:none;border-radius:4px;color:#888;color:var(--notes-text-muted,#888);cursor:pointer;font-size:18px;margin-left:auto;padding:4px;transition:all .2s ease}.note-menu-btn:hover{color:#e8e8e8;color:var(--notes-text,#e8e8e8)}@keyframes pulse{0%{box-shadow:0 4px 12px #9333ea33}50%{box-shadow:0 4px 20px #9333ea66}to{box-shadow:0 4px 12px #9333ea33}}.exit-confirmation-overlay{align-items:center;animation:modalSlideIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.exit-confirmation{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:400px;padding:24px;text-align:center;width:90%}.exit-confirmation h3{color:var(--primary-glow);font-size:1.5rem;margin:0 0 16px}.exit-confirmation p{color:var(--text-color);font-size:1rem;line-height:1.5;margin:0 0 24px}.exit-confirmation .modal-buttons{display:flex;gap:12px;justify-content:center}.exit-confirmation .modal-buttons button{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:1rem;min-width:80px;padding:10px 24px;transition:all .2s ease}.exit-confirmation .modal-buttons button:first-child{background:#ff4757;border-color:#ff4757;color:#fff}.exit-confirmation .modal-buttons button:first-child:hover{background:#ff3742;border-color:#ff3742;box-shadow:0 0 10px #ff47574d}.exit-confirmation .modal-buttons button:last-child{background:#0000;border-color:var(--border-color);color:var(--text-color)}.exit-confirmation .modal-buttons button:last-child:hover{background:var(--border-color);color:var(--background)}.exit-notes-icon{transition:all .2s ease}.exit-notes-icon:hover{background:#ff47571a!important;border-color:#ff4757!important;box-shadow:0 0 15px #ff47574d!important;color:#ff4757!important}.App.light .exit-confirmation{background:#fff;border-color:var(--primary-glow);box-shadow:0 8px 32px #be00ff33}.App.light .exit-confirmation h3{color:var(--primary-glow)}.App.light .exit-confirmation p{color:#333}.App.light .exit-confirmation .modal-buttons button:last-child{border-color:var(--primary-glow);color:#333}.App.light .exit-confirmation .modal-buttons button:last-child:hover{background:var(--primary-glow);color:#fff}.planner-exit-btn{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);cursor:pointer;font-size:18px;margin-left:8px;padding:8px 12px;transition:all .2s ease}.planner-exit-btn:hover{background:#ff47571a;border-color:#ff4757;box-shadow:0 0 10px #ff47574d;color:#ff4757}.App.light .planner-exit-btn{border-color:#e0e0e0;color:#666}.App.light .planner-exit-btn:hover{background:#f0f0f0;color:#1a1a1a}.streak-history-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.streak-history-modal{animation:modalSlideIn .3s ease-out;background:#0a0a0a;border:1px solid #222;border-radius:8px;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.streak-history-header{align-items:center;background:#111;border-bottom:1px solid #222;display:flex;justify-content:space-between;padding:16px 20px}.streak-history-header h3{color:#e8e8e8;font-size:1.1rem;font-weight:600;margin:0}.streak-history-header .close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#888;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.streak-history-header .close-btn:hover{color:#fff}.streak-history-content{max-height:60vh;overflow-y:auto;padding:20px}.streak-history-content::-webkit-scrollbar{width:6px}.streak-history-content::-webkit-scrollbar-track{background:#0000}.streak-history-content::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.streak-history-content::-webkit-scrollbar-thumb:hover{background:#444}.streak-actions-top{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.streak-actions-top .reset-btn{background:#0000;border:1px solid #222;border-radius:6px;color:#e8e8e8;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;min-width:100px;padding:10px 14px;text-align:center;transition:all .2s ease}.streak-actions-top .reset-btn:hover{background:#111;border-color:#333}.streak-actions-top .test-btn{border-color:#9333ea;color:#9333ea}.streak-actions-top .test-btn:hover{background:#9333ea;color:#fff}.streak-actions-top .total-days-btn{border-color:#9333ea;color:#9333ea}.streak-actions-top .total-days-btn:hover{background:#9333ea;color:#fff}.streak-actions-top .streak-btn{border-color:#ff6b6b;color:#ff6b6b}.streak-actions-top .streak-btn:hover{background:#ff6b6b;color:#fff}.streak-summary-enhanced{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.streak-stat-card{background:#2a2a2a;border:1px solid #333;border-radius:8px;padding:20px;text-align:center;transition:all .2s ease}.streak-stat-card:hover{border-color:#444;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.streak-stat-content{display:flex;flex-direction:column;gap:8px}.streak-stat-content .streak-label{color:#888;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.streak-stat-content .streak-value{color:#e0e0e0;font-size:1.5rem;font-weight:700}.streak-history-list h4{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.streak-history-scroll{max-height:200px;overflow-y:auto}.streak-history-scroll::-webkit-scrollbar{width:8px}.streak-history-scroll::-webkit-scrollbar-track{background:#0000}.streak-history-scroll::-webkit-scrollbar-thumb{background:#be00ff33;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.streak-history-scroll::-webkit-scrollbar-thumb:hover{background:#be00ff66}.streak-history-scroll:not(:hover)::-webkit-scrollbar-thumb{background:#0000}.streak-history-scroll:hover::-webkit-scrollbar-thumb{background:#be00ff33}.streak-days-list{list-style:none;margin:0;padding:0}.streak-day-item{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.streak-day-item:hover{background:#333;border-color:#444}.streak-day-date{color:#e0e0e0;font-size:.875rem;font-weight:500}.delete-streak-day-btn{background:none;border:none;border-radius:4px;color:#888;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:all .2s ease}.delete-streak-day-btn:hover{background:#ff6b6b;color:#1a1a1a}.no-streak-history{color:#888;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.streak-history-modal{max-height:85vh;max-width:90vw}.streak-history-content{max-height:50vh;padding:16px}.streak-actions-top{flex-direction:column;gap:8px;margin-bottom:20px}.streak-actions-top .reset-btn{font-size:.875rem;padding:10px 12px}.streak-summary-enhanced{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.streak-stat-card{padding:16px}.streak-stat-content .streak-value{font-size:1.25rem}.streak-history-scroll{max-height:250px}.streak-day-item{padding:10px 12px}.streak-day-date{font-size:.8rem}}@media (max-width:480px){.streak-history-modal{max-height:90vh;max-width:95vw}.streak-history-header{padding:16px 20px}.streak-history-header h3{font-size:1.125rem}.streak-history-content{max-height:45vh;padding:12px}.streak-actions-top{margin-bottom:16px}.streak-actions-top .reset-btn{font-size:.8rem;padding:8px 10px}.streak-summary-enhanced{margin-bottom:16px}.streak-stat-card{padding:12px}.streak-stat-content .streak-value{font-size:1.125rem}.streak-history-scroll{max-height:200px}}
/*# sourceMappingURL=main.0cde3f5e.css.map*/