:root{--notion-primary:#e55a2c;--notion-primary-light:rgba(229,90,44,0.15);--notion-primary-hover:#d1451f;--notion-bg:rgba(255,255,255,0.05);--notion-bg-secondary:rgba(255,255,255,0.03);--notion-bg-hover:rgba(255,255,255,0.08);--notion-bg-card:rgba(255,255,255,0.08);--notion-text-primary:#f8fafc;--notion-text-secondary:#94a3b8;--notion-text-muted:#64748b;--notion-border:rgba(255,255,255,0.12);--notion-border-light:rgba(255,255,255,0.08);--notion-shadow:0 4px 20px rgba(0,0,0,0.1);--notion-shadow-hover:0 8px 32px rgba(0,0,0,0.15);--notion-shadow-card:0 2px 8px rgba(0,0,0,0.1);--notion-space-xs:4px;--notion-space-sm:8px;--notion-space-md:12px;--notion-space-lg:16px;--notion-space-xl:20px;--notion-space-2xl:24px;--notion-space-3xl:32px;--notion-radius-sm:6px;--notion-radius-md:8px;--notion-radius-lg:12px;--notion-radius-xl:16px;--notion-transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--notion-transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1)}.notes-carousel-notion{width:100%;margin:var(--notion-space-2xl) 0;font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notes-horizontal-grid{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding:var(--notion-space-sm) 0;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;max-width:100%;min-width:0;flex-shrink:1}.notes-horizontal-grid::-webkit-scrollbar{display:none}.notes-horizontal-grid{scrollbar-width:none;-ms-overflow-style:none}.notes-horizontal-grid .carousel-slide{min-width:240px;max-width:280px;width:260px;flex-shrink:0}@media (max-width:768px){.notes-horizontal-grid .carousel-slide{min-width:220px;max-width:260px;width:240px}}@media (min-width:1400px){.notes-horizontal-grid .carousel-slide{min-width:260px;max-width:300px;width:280px}}.carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--notion-space-xl);padding:0 var(--notion-space-sm)}.carousel-title-section{display:flex;align-items:center;gap:var(--notion-space-md)}.carousel-title{font-size:20px;font-weight:600;color:var(--notion-text-primary);margin:0;letter-spacing:-.01em}.carousel-count{font-size:14px;color:var(--notion-text-secondary);background:var(--notion-bg-secondary);padding:var(--notion-space-xs) var(--notion-space-sm);border-radius:var(--notion-radius-sm);font-weight:500}.carousel-actions{display:flex;align-items:center;gap:var(--notion-space-md);transition:all .3s ease}.view-all-btn{color:var(--notion-primary);text-decoration:none;font-size:14px;font-weight:500;padding:var(--notion-space-sm) var(--notion-space-md);border-radius:var(--notion-radius-md);transition:var(--notion-transition);border:1px solid transparent}.view-all-btn:hover{background:var(--notion-primary-light);border-color:var(--notion-primary)}.carousel-nav{display:flex;gap:var(--notion-space-xs)}.nav-btn{width:36px;height:36px;border-radius:var(--notion-radius-md);background:var(--notion-bg);border:1px solid var(--notion-border);color:var(--notion-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--notion-transition);box-shadow:var(--notion-shadow)}.nav-btn:hover:not(:disabled){background:var(--notion-bg-hover);border-color:var(--notion-primary);color:var(--notion-primary);transform:translateY(-1px);box-shadow:var(--notion-shadow-hover)}.nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.carousel-container{position:relative;overflow:hidden;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;perspective:1000px}.carousel-container:active{cursor:grabbing}.carousel-track{display:flex;width:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.carousel-slide{flex:0 0 25%;padding:var(--notion-space-sm);box-sizing:border-box;min-width:0;max-width:280px;transition:all .3s ease;transform:translateZ(0)}.note-card-link{text-decoration:none;color:inherit;display:block;height:100%}.note-card{background:linear-gradient(135deg,#20202a,#25252f 50%,#20202a);border:none;border-radius:var(--notion-radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);height:168px;display:flex;flex-direction:column;cursor:pointer;width:100%;position:relative;transform:translateZ(0);will-change:transform}.note-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.note-card:hover{transform:translateY(-4px);background:linear-gradient(135deg,#24242e,#292934 50%,#24242e)}.note-card:hover:before{opacity:1}.note-image-container{position:relative;height:120px;overflow:hidden;background:rgba(255,255,255,.03);z-index:2}.note-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--notion-transition-slow)}.note-card:hover .note-image{transform:scale(1.05)}.note-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--notion-bg-secondary) 0,var(--notion-bg-hover) 100%);display:flex;align-items:center;justify-content:center;color:var(--notion-text-muted)}.note-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0,transparent 30%,transparent 70%,rgba(0,0,0,.2));display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--notion-space-md);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:3}.note-card:hover .note-overlay{opacity:1}.note-actions{display:flex;gap:var(--notion-space-xs)}.action-btn{width:36px;height:36px;border-radius:var(--notion-radius-lg);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));opacity:0;transition:opacity .3s ease;pointer-events:none}.action-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:rgba(255,255,255,1);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,.2)}.action-btn:hover:before{opacity:1}.action-btn.favorite{color:#fbbf24}.action-btn.favorite:hover{background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.4);color:#fbbf24}.visibility-badge{position:absolute;top:var(--notion-space-md);left:var(--notion-space-md);background:rgba(255,255,255,.08);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:var(--notion-space-xs) var(--notion-space-sm);border-radius:var(--notion-radius-md);display:flex;align-items:center;gap:var(--notion-space-xs);font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.5px}.visibility-badge:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.note-content{padding:8px 12px;justify-content:center;position:relative;z-index:2;height:48px;overflow:hidden}.note-content,.note-header{display:flex;align-items:center}.note-header{justify-content:space-between;gap:8px;width:100%;height:100%}.note-title{font-size:14px;font-weight:500;color:var(--notion-text-primary);margin:0;padding:0;line-height:1.3;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-btn{width:24px;height:24px;border-radius:var(--notion-radius-sm);background:transparent;border:none;color:var(--notion-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--notion-transition);flex-shrink:0}.more-btn:hover{background:var(--notion-bg-hover);color:var(--notion-text-primary)}.carousel-indicators{display:flex;justify-content:center;gap:var(--notion-space-sm);margin-top:var(--notion-space-xl);padding:0 var(--notion-space-sm)}.indicator{width:8px;height:8px;border-radius:50%;background:var(--notion-border);border:none;cursor:pointer;transition:var(--notion-transition)}.indicator:hover{background:var(--notion-text-muted);transform:scale(1.2)}.indicator.active{background:var(--notion-primary);transform:scale(1.3)}.carousel-empty,.carousel-error,.carousel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--notion-space-3xl);text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--notion-radius-lg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);box-shadow:0 4px 20px rgba(0,0,0,.1)}.carousel-loading{gap:var(--notion-space-lg)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.carousel-loading span{font-size:14px;color:var(--notion-text-secondary);font-weight:500}.carousel-error span{font-size:14px;color:#ef4444;font-weight:500}.carousel-empty{gap:var(--notion-space-lg);opacity:.8}.empty-icon{color:var(--notion-text-muted);opacity:.6}.carousel-empty h3{font-size:18px;font-weight:600;color:var(--notion-text-primary);margin:0}.carousel-empty p{font-size:14px;color:var(--notion-text-secondary);margin:0}@media (min-width:1400px){.carousel-slide{flex:0 0 20%;max-width:280px}}@media (max-width:1399px) and (min-width:1024px){.carousel-slide{flex:0 0 25%;max-width:280px}}@media (max-width:1023px) and (min-width:768px){.carousel-slide{flex:0 0 50%}.carousel-header{flex-direction:column;align-items:flex-start;gap:var(--notion-space-md)}.carousel-actions{align-self:flex-end}.note-card{height:160px}.note-image-container{height:114px}.note-preview,.note-title{font-size:13px}.note-preview{-webkit-line-clamp:2}.note-meta{font-size:11px;gap:var(--notion-space-md)}}@media (max-width:767px){.carousel-slide{flex:0 0 100%}.carousel-header{flex-direction:column;align-items:flex-start;gap:var(--notion-space-md)}.carousel-actions{align-self:flex-end}.note-card{height:140px}.note-image-container{height:100px}.note-title{font-size:12px}.note-preview{font-size:13px;-webkit-line-clamp:2}.note-meta{font-size:11px;gap:var(--notion-space-md)}}@media (max-width:480px){.carousel-slide{padding:var(--notion-space-sm)}.note-card{height:120px}.note-image-container{height:86px}.note-title{font-size:11px}.note-preview,.note-tags{display:none}.note-meta{font-size:10px}}.action-btn:focus-visible,.indicator:focus-visible,.nav-btn:focus-visible,.view-all-btn:focus-visible{outline:none;box-shadow:none}@media (prefers-reduced-motion:reduce){.action-btn,.indicator,.nav-btn,.note-card{transition:none}.note-card:hover{transform:none}.loading-spinner{animation:none}}@media (prefers-color-scheme:light){:root{--notion-bg:#ffffff;--notion-bg-secondary:#f8f9fa;--notion-bg-hover:#f1f3f4;--notion-bg-card:#ffffff;--notion-text-primary:#1a1a1a;--notion-text-secondary:#6b7280;--notion-text-muted:#9ca3af;--notion-border:#e5e7eb;--notion-border-light:#f3f4f6;--notion-shadow:0 1px 3px rgba(0,0,0,0.1);--notion-shadow-hover:0 4px 12px rgba(0,0,0,0.15);--notion-shadow-card:0 2px 8px rgba(0,0,0,0.08)}}