.panel[data-panel="notebook"]{--bg:var(--bg,#fdf2f7);--bg2:var(--bg-elevated,#fff);--txt:var(--text,#3a2230);--txt2:var(--text-muted,#8a6d7b);--brd:var(--border,#f3c6da);--tc:var(--pink,#e91e63)}.nb3-subject.nb3-drop-target>.notebook-section-content{border:2.5px dashed color-mix(in srgb,var(--sub-color,var(--pk)) 35%,transparent);border-top:none;border-radius:0 0 12px 12px;background:color-mix(in srgb,var(--sub-color,var(--pk)) 4%,transparent)}.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:16px 0;padding:0 20px 0 24px}.notebook-note{background:#fff9c4;border:3px solid #f59e0b;border-radius:8px;padding:16px;min-height:140px;position:relative;box-shadow:4px 4px 12px rgba(245,158,11,0.2),0 2px 8px rgba(0,0,0,0.08);transform:rotate(-0.5deg);transition:all 0.2s ease;cursor:pointer;font-family:Calibri,'Segoe UI',sans-serif}.notebook-note:nth-child(2n){transform:rotate(0.8deg)}.notebook-note:nth-child(3n){transform:rotate(-0.3deg)}.notebook-note:nth-child(4n){transform:rotate(0.6deg)}.notebook-note:hover{transform:rotate(0deg) scale(1.02);box-shadow:6px 6px 16px rgba(245,158,11,0.3),0 4px 16px rgba(0,0,0,0.12);z-index:10}.notebook-note.note-yellow{background:#fef3c7;border-color:#f59e0b;box-shadow:4px 4px 12px rgba(245,158,11,0.2),0 2px 8px rgba(0,0,0,0.08)}.notebook-note.note-turquoise{background:#ccfbf1;border-color:var(--gn);box-shadow:4px 4px 12px rgba(20,184,166,0.2),0 2px 8px rgba(0,0,0,0.08)}.notebook-note.note-pink{background:#fce7f3;border-color:#ec4899;box-shadow:4px 4px 12px rgba(236,72,153,0.2),0 2px 8px rgba(0,0,0,0.08)}.notebook-note.note-default{background:#f8fafc;border-color:#94a3b8;box-shadow:4px 4px 12px rgba(148,163,184,0.2),0 2px 8px rgba(0,0,0,0.08)}.notebook-note:hover .note-header{opacity:1}.notebook-section{margin-bottom:24px}.notebook-section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all 0.2s ease;font-weight:600;color:#475569}.notebook-section-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.notebook-section-header.expanded{background:linear-gradient(135deg,#e91e63,#ad1457);color:white;border-color:#e91e63}.notebook-section-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.notebook-section-content.expanded{max-height:none;overflow:visible}.notebook-pill-header.stream:hover{background:linear-gradient(135deg,var(--gn),var(--gns));border-color:var(--gns)}.notebook-pill-header.stream:hover *{color:#fff !important}.notebook-pill-header.stream.expanded{background:linear-gradient(135deg,var(--gn),var(--gn));border-color:var(--gns)}.notebook-pill-header.stream.expanded .notebook-pill-title,.notebook-pill-header.stream.expanded .notebook-pill-chevron{color:#fff !important}.notebook-pill-header:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);border-color:var(--pk)}.notebook-pill-header.expanded{background:linear-gradient(135deg,var(--pkl),#fff);border-color:var(--pk);box-shadow:0 6px 20px rgba(233,30,99,0.15)}.notebook-pill-header.empty{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#f59e0b;border-style:dashed}.notebook-pill-header.empty:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-style:solid}.notebook-pill-header.empty:hover *{color:#fff !important}.notebook-pill-content{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.notebook-pill-emoji{font-size:1.4rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.8);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.notebook-pill-title{flex:1;font-weight:700;font-size:1rem;color:#374151;text-transform:capitalize;letter-spacing:0.3px}.notebook-pill-count{background:linear-gradient(135deg,var(--pk),#c2185b);color:#fff;padding:4px 10px;border-radius:15px;font-size:0.75rem;font-weight:700;min-width:24px;text-align:center;box-shadow:0 2px 8px rgba(233,30,99,0.3)}.notebook-pill-empty-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 10px;border-radius:15px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.notebook-pill-add{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:8px 12px;border-radius:18px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;box-shadow:0 3px 10px rgba(22,163,74,0.3)}.notebook-pill-add:hover{background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.05);box-shadow:0 4px 15px rgba(22,163,74,0.4)}.notebook-pill-add.primary{background:linear-gradient(135deg,var(--pk),#c2185b);box-shadow:0 3px 10px rgba(233,30,99,0.3)}.notebook-pill-add.primary:hover{background:linear-gradient(135deg,#f06292,var(--pk));box-shadow:0 4px 15px rgba(233,30,99,0.4)}.notebook-pill-chevron{font-size:1.2rem;transition:transform 0.3s ease;cursor:pointer}.notebook-pill-header.expanded .notebook-pill-chevron{transform:scale(1.1)}.notebook-section-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease;padding:0 8px}.notebook-section-content.expanded{max-height:2000px;padding:16px 8px}.notebook-post-board{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:flex-start}.notebook-note{width:280px;min-height:200px;background:linear-gradient(135deg,#fef08a,#eee);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden;border-left:4px solid #f59e0b}.notebook-note:hover{transform:rotate(1deg) translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.15);z-index:10}.notebook-note.pink{background:linear-gradient(135deg,#fce4ec,#f8bbd9);border-left-color:#e91e63}.notebook-note.turquoise{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border-left-color:var(--gn)}.notebook-note.yellow{background:linear-gradient(135deg,#fff9c4,#fef08a);border-left-color:#f59e0b}body.dark .notebook-section.notebook-project{background:linear-gradient(135deg,var(--card-bg),#1e293b);border-color:var(--brd)}body.dark .notebook-subsection{background:linear-gradient(135deg,rgba(233,30,99,0.05),transparent);border-left-color:var(--pk)}body.dark .notebook-pill-header{background:linear-gradient(135deg,var(--card-bg),#1f2937);border-color:var(--brd)}body.dark .notebook-pill-header:hover{border-color:var(--pk)}body.dark .notebook-pill-header.expanded{background:linear-gradient(135deg,rgba(233,30,99,0.1),var(--card-bg))}body.dark .notebook-pill-header.project-main{background:linear-gradient(135deg,rgba(245,158,11,0.15),var(--card-bg));border-color:#f59e0b}body.dark .notebook-pill-header.stream{background:linear-gradient(135deg,rgba(14,165,233,0.1),var(--card-bg));border-color:var(--gn)}body.dark .notebook-pill-title{color:var(--bd)}body.dark .notebook-note{background:linear-gradient(135deg,var(--card-bg),#374151);border-left-color:var(--pk)}.notebook-search-system{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:12px;border:2px solid #e2e8f0}.notebook-controls{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.notebook-pill-header.independent{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--gn);border-radius:20px}.notebook-pill-header.independent:hover{background:linear-gradient(135deg,var(--gn),var(--gns));border-color:var(--gns)}.notebook-pill-header.independent:hover *{color:#fff !important}.notebook-pill-header.independent.expanded{background:linear-gradient(135deg,var(--gn),var(--gn));border-color:var(--gns)}.notebook-pill-header.independent.expanded .notebook-pill-title,.notebook-pill-header.independent.expanded .notebook-pill-chevron{color:#fff !important}.notebook-section.notebook-independent{border:1px solid #bae6fd;border-radius:16px;padding:8px;background:linear-gradient(135deg,#f0f9ff,#fff);box-shadow:0 2px 8px rgba(14,165,233,0.06)}.notebook-subject-subsection{margin:12px 0;margin-left:20px;border-left:3px solid var(--pk);padding-left:16px;background:linear-gradient(135deg,rgba(139,92,246,0.02),transparent);border-radius:0 8px 8px 0}.notebook-pill-header.subject{background:linear-gradient(135deg,var(--pkl),#ede9fe);border-color:var(--pk);padding:8px 16px;border-radius:20px;font-size:0.9rem;margin-bottom:6px;box-shadow:0 2px 8px rgba(139,92,246,0.1)}.notebook-pill-header.subject:hover{background:linear-gradient(135deg,var(--pk),var(--pk));border-color:var(--pk)}.notebook-pill-header.subject:hover *{color:#fff !important}.notebook-pill-header.subject.expanded{background:linear-gradient(135deg,var(--pk),var(--pk));border-color:var(--pk)}.notebook-pill-header.subject.expanded .notebook-pill-title,.notebook-pill-header.subject.expanded .notebook-pill-chevron{color:#fff !important}.notebook-pill-manage{background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.1);padding:4px 8px;border-radius:12px;font-size:0.75rem;cursor:pointer;transition:all 0.2s ease;line-height:1}.notebook-pill-manage:hover{background:rgba(255,255,255,0.9);transform:scale(1.1)}.notebook-pill-manage.danger:hover{background:#fecaca;border-color:#ef4444}body.dark .notebook-section.notebook-independent{border-color:rgba(14,165,233,0.3);background:linear-gradient(135deg,rgba(14,165,233,0.05),var(--card-bg))}body.dark .notebook-subject-subsection{border-left-color:var(--pk);background:linear-gradient(135deg,rgba(139,92,246,0.05),transparent)}body.dark .notebook-pill-header.subject{background:linear-gradient(135deg,rgba(139,92,246,0.1),var(--card-bg));border-color:var(--pk)}body.dark .notebook-pill-header.independent.expanded{background:linear-gradient(135deg,var(--gn),var(--gns))}body.dark .notebook-pill-manage{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15);color:#d1d5db}body.dark .notebook-pill-manage:hover{background:rgba(255,255,255,0.2)}body.dark .notebook-pill-manage.danger:hover{background:rgba(239,68,68,0.2);border-color:#ef4444}.notebook-subject-subsection{margin-left:12px;padding-left:10px}.notebook-pill-header.empty-group{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;border-style:dashed;opacity:0.8}.notebook-pill-header.empty-group:hover{background:linear-gradient(135deg,#64748b,#475569);border-style:solid;opacity:1}.notebook-pill-header.empty-group:hover *{color:#fff !important}.notebook-pill-visibility{font-size:0.8rem;padding:2px 6px;border-radius:8px;background:rgba(255,255,255,0.8);border:1px solid rgba(0,0,0,0.1)}body.dark .notebook-search-system{background:linear-gradient(135deg,var(--card-bg),#1f2937);border-color:var(--brd)}body.dark .notebook-pill-header.independent{background:linear-gradient(135deg,rgba(14,165,233,0.1),var(--card-bg));border-color:var(--gn)}body.dark .notebook-pill-header.empty-group{background:linear-gradient(135deg,rgba(148,163,184,0.1),var(--card-bg));border-color:#64748b}.notebook-note{width:100%;max-width:320px}.notebook-pill-content{gap:8px}.notebook-pill-title{font-size:0.9rem}.notebook-search-system{flex-direction:column;gap:8px}.notebook-controls{flex-wrap:wrap}.notebook-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.notebook-section{margin-bottom:20px}.notebook-section.notebook-project{border:1px solid #e2e8f0;border-radius:16px;padding:8px;background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.notebook-subsection{margin:12px 0;margin-left:20px;border-left:3px solid var(--pk);padding-left:16px;background:linear-gradient(135deg,rgba(233,30,99,0.02),transparent);border-radius:0 8px 8px 0}.notebook-pill-header{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:25px;padding:12px 20px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.05);margin-bottom:8px;position:relative;overflow:hidden}.notebook-pill-header.project-main{background:linear-gradient(135deg,#fef3c7,#fff);border-color:#f59e0b;padding:16px 24px;border-radius:30px;box-shadow:0 6px 20px rgba(245,158,11,0.15)}.notebook-pill-header.project-main:hover{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706}.notebook-pill-header.project-main:hover *{color:#fff !important}.notebook-pill-header.project-main.expanded{background:linear-gradient(135deg,#f59e0b,#fbbf24);border-color:#d97706;color:#fff}.notebook-pill-header.project-main.expanded .notebook-pill-title,.notebook-pill-header.project-main.expanded .notebook-pill-chevron{color:#fff !important}.notebook-pill-header.stream{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:var(--gn);padding:8px 16px;border-radius:20px;font-size:0.9rem;margin-bottom:6px;box-shadow:0 2px 8px rgba(14,165,233,0.1)}body.dark .notebook-note{box-shadow:4px 4px 12px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.2)}body.dark .notebook-note.note-yellow{background:rgba(245,158,11,0.15);border-color:#f59e0b}body.dark .notebook-note.note-turquoise{background:rgba(20,184,166,0.15);border-color:var(--gn)}body.dark .notebook-note.note-pink{background:rgba(236,72,153,0.15);border-color:#ec4899}body.dark .notebook-note.note-default{background:rgba(148,163,184,0.15);border-color:#94a3b8}body.dark .notebook-section-header{background:linear-gradient(135deg,#1e1e28,#2d2d3a);border-color:var(--brd);color:#d1d5db}body.dark .notebook-section-header:hover{background:linear-gradient(135deg,#2d2d3a,#374151)}body.dark .notebook-section-header.expanded{background:linear-gradient(135deg,#e91e63,#ad1457);color:white}.nb-rich-toolbar{display:flex;gap:2px;flex-wrap:wrap;padding:6px 8px;background:rgba(0,0,0,.03);border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;margin-top:4px}.nb-rich-toolbar button{width:30px;height:28px;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;color:#555;transition:all .15s}.nb-rich-toolbar button:hover{background:#f3f4f6;border-color:#d1d5db}.nb-rich-toolbar button.active{background:var(--pkl);border-color:var(--pk);color:var(--pks)}.nb-rich-toolbar .sep{width:1px;height:20px;background:#e5e7eb;margin:4px 4px}.nb-rich-textarea{border-radius:0 0 8px 8px!important;border-top:1px solid #e5e7eb!important;min-height:150px;font-family:Calibri,'Segoe UI',sans-serif}