@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Outfit:wght@700;800&display=swap";:root{--bg-app: #0c0c0e;--bg-sidebar: #121214;--bg-surface: #18181b;--bg-surface-hover: #27272a;--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .1);--danger: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border: rgba(255, 255, 255, .06);--border-focus: rgba(99, 102, 241, .4);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-main: "Plus Jakarta Sans", sans-serif;--font-display: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}input::-ms-reveal,input::-ms-clear,input::-webkit-contacts-auto-fill-button,input::-webkit-credentials-auto-fill-button{display:none!important}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-main);height:100dvh;overflow:hidden}.app-layout{display:flex;height:100dvh;width:100vw;overflow:hidden}.sidebar{width:380px;height:100%;max-height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:transform .3s ease;overflow:hidden}.sidebar-header{padding:32px 24px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:32px;height:32px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #6366f133;overflow:hidden}.brand-name{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:#fff}.search-box{padding:0 20px 20px}.search-input-wrapper{position:relative;width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s;min-height:44px}.search-input-wrapper:focus-within{border-color:var(--accent);background:var(--bg-surface-hover);box-shadow:0 0 0 3px #6366f11a}.search-input-wrapper svg{flex-shrink:0;color:var(--text-muted)}.input-field{display:block;flex:1;width:100%;padding:10px 0;background:transparent;border:none;color:#fff;outline:none;font-size:.9rem}.input-field:focus{background:transparent}.note-list{flex:1;overflow-y:auto;padding:0 12px 20px;min-height:0}.search-tags-container{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 16px;max-height:120px;overflow-y:auto}.search-tag-chip{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.search-tag-chip:hover{background:var(--bg-surface-hover);color:#fff}.search-tag-chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent);box-shadow:0 0 15px #6366f133}.note-card{padding:16px;border-radius:var(--radius-md);margin-bottom:4px;cursor:pointer;transition:all .2s;border:1px solid transparent}.note-card:hover{background:var(--bg-surface)}.note-card.active{background:var(--accent-soft);border-color:#6366f133}.note-title{font-weight:600;font-size:.95rem;margin-bottom:4px;color:var(--text-primary)}.note-preview{font-size:.8rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.sidebar-footer{padding:20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.main-area{flex:1;background-color:var(--bg-app);display:flex;flex-direction:column}.editor-navbar{padding:16px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.nav-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.note-title-editor{background:transparent;border:none;color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-display);outline:none;width:100%}.writing-area{flex:1;padding:48px 64px;overflow-y:auto;position:relative}.textarea-editor{width:100%;height:100%;min-height:400px;background:transparent;border:none;resize:none;color:#e2e8f0;font-family:var(--font-main);font-size:1.15rem;line-height:1.8;outline:none}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 32px;background:var(--bg-app);border-bottom:1px solid var(--border);z-index:10;width:100%;flex-wrap:wrap;overflow:visible;flex-shrink:0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar button{background:transparent;border:none;color:var(--text-secondary);padding:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.editor-toolbar button:hover{background:var(--bg-surface-hover);color:#fff}.editor-toolbar button.active{background:var(--accent-soft);color:var(--accent)}.toolbar-divider{width:1px;height:24px;background:var(--border);margin:0 8px;flex-shrink:0}.color-picker-wrapper{position:relative;display:flex;align-items:center}.color-picker-wrapper input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.html-renderer.is-editing{background:#ffffff03;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px!important;cursor:text;box-shadow:inset 0 0 40px #0003;min-height:500px}.html-renderer.is-editing:empty:before{content:"Inizia a scrivere...";color:var(--text-muted);pointer-events:none}.html-renderer{color:#e2e8f0;font-family:var(--font-main);font-size:1.15rem;line-height:1.8;cursor:text;min-height:100%}.html-renderer a{color:var(--accent);text-decoration:underline}.html-renderer img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.html-renderer blockquote{border-left:4px solid var(--accent-soft);padding-left:20px;margin:20px 0;font-style:italic;color:var(--text-secondary)}.html-renderer table{border-collapse:collapse;width:100%;margin:20px 0}.html-renderer th,.html-renderer td{border:1px solid var(--border);padding:12px;text-align:left}.html-renderer th{background:var(--bg-surface)}.editor-footer{padding:16px 32px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;font-size:.75rem;color:var(--text-muted)}.btn-action{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.85rem;transition:all .2s}.btn-action:hover{background:var(--bg-surface-hover);color:#fff}.btn-primary{background:var(--accent);color:#fff;border:none;font-weight:600;padding:10px 24px}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-google{transition:all .2s!important;box-shadow:0 1px 3px #0000001a}.btn-google:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 4px 12px #00000026!important}.btn-google:active{transform:translateY(0)}.btn-danger{color:var(--danger);border-color:#f43f5e33}.btn-danger:hover{background:#f43f5e1a;border-color:var(--danger)}@media(max-width:768px){.sidebar{position:absolute;width:100%;z-index:200}.sidebar.collapsed{transform:translate(-100%)}.editor-navbar{padding:8px 12px;gap:8px}.nav-left{gap:8px;min-width:0;flex:1}.nav-right{gap:4px}.note-title-editor{font-size:1.1rem;min-width:0}.btn-action{padding:6px 8px}.editor-toolbar{padding:8px 12px;gap:6px;justify-content:center}.writing-area{padding:12px;width:100%;max-width:100vw;overflow-x:hidden}.html-renderer.is-editing{padding:12px!important}.editor-footer{padding:12px 16px;gap:8px}.tag-manager{gap:4px}.tag-badge{padding:2px 6px;font-size:.7rem}.tag-input{width:80px}}.welcome-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;overflow-y:auto}.login-screen{width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-app);padding:20px}.welcome-icon{width:120px;height:120px;background:var(--accent-soft);color:var(--accent);border-radius:32px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 20px 40px #0003;border:1px solid rgba(99,102,241,.2)}.tree-container{padding:0 12px}.tree-item{margin-bottom:2px}.folder-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;color:var(--text-secondary)}.folder-header:hover{background:var(--bg-surface);color:#fff}.folder-header .chevron{transition:transform .2s;color:var(--text-muted)}.folder-header.expanded .chevron{transform:rotate(90deg)}.folder-content{margin-left:20px;border-left:1px solid var(--border);padding-left:4px}.tree-note{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s}.tree-note:hover{background:var(--bg-surface);color:#fff}.tree-note.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.tree-note .delete-btn{opacity:0;transition:all .2s;color:var(--text-muted);flex-shrink:0}@media(max-width:768px){.tree-note .delete-btn{opacity:.8;padding:10px}}.tree-note:hover .delete-btn,.tree-note.active .delete-btn{opacity:1}.tree-note .delete-btn:hover{color:var(--danger)!important;background:#f43f5e1a}.toolbar-dropdown{background:var(--bg-surface)!important;border:1px solid var(--border)!important;box-shadow:0 10px 25px #00000080!important}.toolbar-dropdown .menu-item{padding:10px 16px!important}.tree-note .note-preview{overflow:hidden;text-overflow:ellipsis;max-width:100%}.note-updated-at{font-size:.65rem;color:var(--text-muted);opacity:.7;white-space:nowrap;font-weight:500}.folder-actions{margin-left:auto;display:flex;gap:4px;opacity:0;transition:opacity .2s}.folder-header:hover .folder-actions{opacity:1}.btn-icon-sm{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center;justify-content:center}.btn-icon-sm:hover{background:var(--bg-surface-hover);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:32px;box-shadow:0 20px 50px #0006}.modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:24px;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f166;border:1px solid transparent;background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6366f199;background-clip:padding-box}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.tag-manager{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag-badge{background:var(--accent-soft);color:var(--accent);padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;font-weight:500;font-size:.8rem;transition:all .2s;border:1px solid rgba(99,102,241,.1)}.tag-badge:hover{background:#6366f126}.tag-remove{cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.tag-remove:hover{opacity:1;color:var(--danger)}.tag-input-container{display:flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:4px 10px;transition:all .2s}.tag-input-container:focus-within{border-color:var(--accent);background:var(--bg-surface-hover)}.tag-input{background:transparent;border:none;outline:none;color:#fff;font-size:.8rem;width:100px;min-width:60px}.custom-suggestions{position:absolute;bottom:calc(100% + 8px);left:0;width:200px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000080;max-height:240px;overflow-y:auto;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.suggestion-item{padding:10px 16px;font-size:.85rem;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.suggestion-item:hover,.suggestion-item.active{background:var(--accent-soft);color:var(--accent)}.suggestion-separator{height:1px;background:var(--border);margin:6px 12px;opacity:.8}.count-badge{font-size:.7rem;background:#ffffff14;padding:2px 6px;border-radius:4px;color:var(--text-muted);margin-left:8px;font-weight:600}.folder-header:hover .count-badge{background:var(--accent);color:#fff}.encrypted-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:20px 0;overflow:hidden}.encrypted-banner{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#0003}.lock-icon{font-size:1.5rem;background:var(--bg-app);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border)}.encrypted-info{display:flex;flex-direction:column;gap:4px}.full-encrypted-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:80px 40px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin:20px;box-shadow:0 10px 40px #0003}.full-encrypted-placeholder .lock-icon-large{width:80px;height:80px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:1px solid rgba(99,102,241,.2)}.full-encrypted-placeholder h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:#fff}.full-encrypted-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px;background:#0003;border-radius:var(--radius-lg);border:1px dashed var(--border)}.lock-icon-large{width:80px;height:80px;background:var(--accent-soft);color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.full-encrypted-placeholder p{color:var(--text-secondary);max-width:300px;line-height:1.6}.full-encrypted-placeholder .btn-primary{padding:12px 32px;font-size:.95rem}.encrypted-info strong{color:#fff;font-size:1rem}.encrypted-info span{font-size:.8rem;color:var(--text-muted)}.btn-decrypt{background:var(--accent);color:#fff;border:none;padding:8px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-decrypt:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:480px;box-shadow:0 20px 50px #00000080}.modal-title{margin-top:0;margin-bottom:12px;font-size:1.25rem;font-weight:600;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.folder-header.drag-over{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px}.tree-note[draggable=true]{cursor:grab}.tree-note[draggable=true]:active{cursor:grabbing}.notebook-path-trigger:hover{background:#ffffff0d;color:var(--accent)!important}.notebook-path-trigger:active{transform:scale(.98)}.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;min-width:200px;z-index:1000;box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.menu-item:hover{background:var(--bg-surface-hover);color:#fff}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{background:#f43f5e1a}.menu-divider{height:1px;background:var(--border);margin:8px 0}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:transparent}@media(max-width:768px){.dropdown-menu{position:fixed;top:auto;bottom:20px;left:20px;right:20px;width:auto;min-width:0;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toolbar-dropdown{position:absolute!important;top:calc(100% + 8px)!important;bottom:auto!important;left:auto!important;right:0!important;width:200px!important;animation:none!important}.toolbar-backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.custom-toggle{width:36px;height:20px;background:#ffffff1a;border-radius:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--border)}.custom-toggle.active{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.custom-toggle.active .toggle-thumb{transform:translate(16px)}.sidebar-tab-bar{display:flex;background:var(--bg-surface);border-top:1px solid var(--border);padding:8px;gap:8px}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s}.tab-item:hover{background:var(--bg-surface-hover);color:var(--text-secondary)}.tab-item.active{background:var(--accent-soft);color:var(--accent)}.tab-item span{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.flat-note-list{padding:0 0 20px}.tree-note.list-mode{border:none;border-bottom:1px solid var(--border);background:transparent;margin-bottom:0;border-radius:0}.tree-note.list-mode:hover{background:var(--bg-surface-hover)}.tree-note.list-mode.active{background:var(--accent-soft);border-bottom-color:var(--accent)}.task-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;background:transparent}.task-row:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 8px 24px #00000080;transform:translate(4px)}.task-row.completed{opacity:.6}.task-row .btn-icon-sm{opacity:0;transition:opacity .2s}.task-row:hover .btn-icon-sm{opacity:1}.task-row .btn-icon-sm:hover{color:var(--danger);transform:scale(1.1)}.task-section{margin-bottom:24px}.task-section-title{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.85rem;font-weight:600;margin-bottom:12px;padding:0 8px}.tab-item-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.task-row .btn-icon-sm{opacity:.6}}