@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Outfit:wght@400;600;800;900&display=swap";.tooltip-anchor{position:relative;display:inline-flex}.tooltip-bubble{position:absolute;z-index:9999;padding:.4rem .7rem;border-radius:var(--tag-radius);background:#1e1e28d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);white-space:nowrap;pointer-events:none;animation:tooltip-fadein .18s ease;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-bubble.tooltip-bottom{top:calc(100% + 8px);bottom:auto;left:50%;transform:translate(-50%)}.tooltip-bubble.tooltip-left{right:calc(100% + 8px);top:50%;bottom:auto;left:auto;transform:translateY(-50%)}.tooltip-bubble.tooltip-right{left:calc(100% + 8px);top:50%;bottom:auto;transform:translateY(-50%)}.tooltip-arrow{position:absolute;width:0;height:0}.tooltip-top .tooltip-arrow,.tooltip-bubble:not(.tooltip-bottom):not(.tooltip-left):not(.tooltip-right) .tooltip-arrow{top:100%;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(30,30,40,.85)}.tooltip-bottom .tooltip-arrow{bottom:100%;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(30,30,40,.85)}.tooltip-left .tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid rgba(30,30,40,.85)}.tooltip-right .tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid rgba(30,30,40,.85)}.tooltip-text{font-size:.75rem;color:#fff;line-height:1.4;display:block}@keyframes tooltip-fadein{0%{opacity:0;transform:translate(-50%) translateY(3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-bottom{animation-name:tooltip-fadein-bottom}@keyframes tooltip-fadein-bottom{0%{opacity:0;transform:translate(-50%) translateY(-3px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-left{animation-name:tooltip-fadein-left}@keyframes tooltip-fadein-left{0%{opacity:0;transform:translateY(-50%) translate(3px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.tooltip-right{animation-name:tooltip-fadein-right}@keyframes tooltip-fadein-right{0%{opacity:0;transform:translateY(-50%) translate(-3px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.scroll-progress{display:flex;flex-direction:column;align-items:center;gap:12px}.sp-dot{width:10px;height:10px;border-radius:999px;border:none;background:var(--c-text-2);opacity:.2;cursor:pointer;padding:0;transition:all .3s ease;position:relative}.sp-dot:hover:after{content:attr(data-tip);position:absolute;right:24px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--c-bg-alt);color:var(--c-text-1);border:1px solid var(--c-border);border-radius:12px;padding:6px 16px;font-size:.8rem;font-weight:700;font-family:inherit;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 4px 16px var(--c-shadow-color);pointer-events:none;z-index:100;animation:tipIn .2s ease forwards}@keyframes tipIn{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.sp-dot.active{opacity:1;background:var(--c-brand-1);transform:scale(1.4);box-shadow:0 0 12px #ffde5999}.sp-dot:hover{background:var(--c-brand-3);opacity:1;box-shadow:0 0 12px #a07cff80}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;color:var(--c-text-1);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background:var(--c-brand-1);color:#111;transform:translateY(-4px) scale(1.05);box-shadow:0 12px 32px #ffde5966;border-color:transparent}@media(max-width:480px){.back-to-top{bottom:1.25rem;right:1rem;width:40px;height:40px}}.gfm-alert{margin:2rem 0;padding:1rem 1.5rem 1rem 3rem;border-radius:16px;border:1px solid var(--c-border);position:relative;line-height:1.8;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 4px 20px var(--c-shadow-color)}.gfm-alert code{line-height:1.7}.gfm-alert:before{content:attr(data-alert-icon);position:absolute;left:.8rem;top:1rem;font-size:1.2rem}.gfm-alert>p:first-child{font-weight:700;margin-top:0}.gfm-alert-note{background:#a9ddf026;border-left:4px solid var(--c-blue)}.gfm-alert-tip{background:#d1e5b426;border-left:4px solid var(--c-green)}.gfm-alert-warning{background:#ffde5926;border-left:4px solid var(--c-brand-1)}.gfm-alert-important{background:#a07cff26;border-left:4px solid var(--c-brand-3)}.gfm-alert-caution{background:#d3b8ff26;border-left:4px solid var(--c-brand-2)}.code-block-wrapper{border:1px solid var(--c-border);border-radius:16px;overflow:hidden;margin:2.5rem 0}.code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--c-bg-alt);border-bottom:1px solid var(--c-border)}.code-lang-label{font-size:.75rem;font-weight:700;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.05em}.code-block-wrapper .copy-btn{display:flex;align-items:center;gap:.35rem;padding:4px 10px;background:transparent;border:1px solid var(--c-border);color:var(--c-text-2);border-radius:6px;font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.code-block-wrapper .copy-btn:hover{color:var(--c-brand-3);border-color:var(--c-brand-3);background:#a07cff14}.code-block-wrapper .copy-btn.copied{color:var(--c-green);border-color:var(--c-green)}.md-content .code-block-wrapper pre{margin:0;border:none;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.article-pagination{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--c-border-dark)}.article-pagination a{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:var(--c-text-1);text-decoration:none;padding:.8rem 1.2rem;border:1px solid var(--c-border);border-radius:12px;background:var(--c-bg-alt);transition:all .3s ease;max-width:48%;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 4px 16px var(--c-shadow-color)}.article-pagination a:hover{background:var(--c-brand-1);border-color:var(--c-brand-1);color:#111;transform:translateY(-2px);box-shadow:0 8px 24px #ffde5933}.pag-next{margin-left:auto;text-align:right}@media(max-width:768px){.md-content h1{font-size:1.8rem}.md-content h2{font-size:1.4rem;margin:2.5rem 0 1rem}.md-content h3{font-size:1.15rem;margin:2rem 0 .6rem}.md-content pre{margin:1.5rem -.5rem;border-radius:12px;padding:1rem;font-size:.85rem}.code-block-wrapper{margin:1.5rem -.5rem;border-radius:12px}.code-header{padding:.4rem .75rem}.code-lang-label{font-size:.7rem}.code-block-wrapper .copy-btn{font-size:.7rem;padding:3px 8px}.md-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:1.5rem 0}.md-content blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-radius:12px}.gfm-alert{margin:1.5rem 0;padding:.9rem 1rem .9rem 2.6rem;border-radius:12px}.md-content img{margin:1.5rem 0;border-radius:12px}.article-pagination{flex-direction:column;gap:.75rem}.md-content th,.md-content td{padding:.75rem .8rem;font-size:.85rem}}@media(max-width:480px){.code-block-wrapper{margin:1.2rem -.25rem;border-radius:10px}.md-content pre{font-size:.8rem;padding:.75rem}.code-header{padding:.35rem .6rem}.md-content blockquote{padding:.8rem 1rem}.gfm-alert{padding:.75rem .8rem .75rem 2.2rem}.md-content th,.md-content td{padding:.6rem;font-size:.8rem}.article-pagination a{max-width:100%;justify-content:center}.pag-next{margin-left:0}}.dashboard-home{width:100%;height:100%;position:relative;overflow:hidden}.goo-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;filter:url(#goo);will-change:filter}.orb-wrapper{position:absolute;top:50%;left:50%;will-change:transform}.goo-orb{position:absolute;border-radius:50%;opacity:.5}.goo-orb-yellow{width:1400px;height:1400px;background:var(--c-brand-1);animation:orbFloat1 12s infinite ease-in-out}.goo-orb-pink{width:1200px;height:1200px;background:var(--c-brand-2);animation:orbFloat2 14s infinite ease-in-out}.goo-orb-purple{width:1600px;height:1600px;background:var(--c-brand-3);animation:orbFloat3 16s infinite ease-in-out}@keyframes orbFloat1{0%,to{transform:translate(-50%,-50%) translate(-520px,-360px) scale(1)}25%{transform:translate(-50%,-50%) translate(360px,-200px) scale(1.08)}50%{transform:translate(-50%,-50%) translate(480px,320px) scale(.95)}75%{transform:translate(-50%,-50%) translate(-160px,400px) scale(1.05)}}@keyframes orbFloat2{0%,to{transform:translate(-50%,-50%) translate(400px,320px) scale(1)}25%{transform:translate(-50%,-50%) translate(-360px,400px) scale(.92)}50%{transform:translate(-50%,-50%) translate(-640px,-160px) scale(1.1)}75%{transform:translate(-50%,-50%) translate(280px,-360px) scale(.97)}}@keyframes orbFloat3{0%,to{transform:translate(-50%,-50%) translate(-160px,400px) scale(1)}25%{transform:translate(-50%,-50%) translate(-640px,-280px) scale(1.06)}50%{transform:translate(-50%,-50%) translate(360px,-400px) scale(.93)}75%{transform:translate(-50%,-50%) translate(600px,200px) scale(1.04)}}.dashboard-collage{position:relative;z-index:10;max-width:1400px;height:100%;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:center}.collage-canvas{position:relative;width:100%;height:800px;display:flex;align-items:center;justify-content:center}.collage-canvas>[class*=collage-]{display:flex;position:absolute;top:50%;left:50%;transform:translate(var(--base-x),var(--base-y));animation:cardPopIn .8s cubic-bezier(.34,1.56,.64,1) both;transition:transform .4s cubic-bezier(.2,.8,.2,1),z-index 0s;will-change:transform}.collage-canvas>[class*=collage-]>*{flex:1;min-height:0;width:100%;transition:box-shadow .4s ease,border-color .4s ease}@keyframes cardPopIn{0%{opacity:0;transform:translate(var(--base-x),calc(var(--base-y) + 60px)) scale(.85)}to{opacity:1;transform:translate(var(--base-x),var(--base-y)) scale(1)}}.collage-canvas>[class*=collage-]:hover{z-index:50;transform:translate(var(--base-x),calc(var(--base-y) - 8px)) scale(1.02)}.collage-canvas>[class*=collage-]:hover>*{box-shadow:0 12px 40px var(--c-brand-3-glow),0 8px 30px var(--c-shadow-color);border-color:var(--c-brand-3-border);will-change:box-shadow,border-color}.collage-clock{width:200px;height:120px;--base-x: calc(-50% - 440px) ;--base-y: calc(-50% - 240px) ;animation-delay:.1s}.collage-clock:hover{transform:translate(var(--base-x),calc(var(--base-y) - 8px)) scale(1.05) rotate(-3deg)}.collage-mood{width:360px;height:160px;--base-x: calc(-50% - 460px) ;--base-y: calc(-50% - 10px) ;animation-delay:.25s}.collage-mood:hover{transform:translate(var(--base-x),calc(var(--base-y) - 8px)) scale(1.02) rotate(-1.5deg)}.collage-greeting{width:440px;height:140px;--base-x: calc(-50% - 100px) ;--base-y: calc(-50% - 210px) ;animation-delay:.4s}.collage-stats{width:240px;height:240px;--base-x: calc(-50% + 240px) ;--base-y: calc(-50% - 250px) ;animation-delay:.55s}.collage-entry{width:540px;height:220px;--base-x: -50%;--base-y: -50%;animation-delay:.7s;z-index:10}.collage-latest{width:300px;height:220px;--base-x: calc(-50% + 450px) ;--base-y: 0px;animation-delay:.85s}.collage-random{width:380px;height:240px;--base-x: calc(-50% - 180px) ;--base-y: calc(-50% + 250px) ;animation-delay:1s}.collage-quote{width:300px;height:200px;--base-x: calc(-50% + 180px) ;--base-y: calc(-50% + 230px) ;animation-delay:1.15s}.collage-quote:hover{transform:translate(var(--base-x),calc(var(--base-y) - 8px)) scale(1.03) rotate(2deg)}@media(max-width:1400px){.collage-canvas{transform:scale(.85)}}@media(max-width:1200px){.collage-canvas{transform:scale(.72)}}@media(max-width:1024px){.collage-canvas{transform:scale(.6)}}@media(max-width:768px){.dashboard-home{overflow-y:auto;overflow-x:hidden}.dashboard-collage{padding:16px;height:auto;display:block}.collage-canvas{display:flex;flex-direction:column;gap:14px;height:auto;transform:none!important}@keyframes mobileCardIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.collage-canvas>[class*=collage-]{position:static;transform:none!important;width:100%!important;height:auto!important;animation:mobileCardIn .6s cubic-bezier(.2,.8,.2,1) both!important}.collage-clock{min-height:100px;order:0;animation-delay:.1s}.collage-greeting{min-height:120px;order:1;animation-delay:.2s}.collage-mood{min-height:140px;order:2;animation-delay:.3s}.collage-entry{min-height:180px;order:3;animation-delay:.4s}.collage-latest{min-height:160px;order:4;animation-delay:.5s}.collage-stats{min-height:180px;order:5;animation-delay:.6s}.collage-random{min-height:200px;order:6;animation-delay:.7s}.collage-quote{min-height:140px;order:7;animation-delay:.8s}.collage-canvas>[class*=collage-]:hover{transform:translateY(-4px)!important}}@media(max-width:480px){.dashboard-collage{padding:8px}.collage-canvas{gap:10px}}.nb-layout{width:100%;height:100%;max-width:1500px;margin:0 auto;padding:20px 28px;display:flex;gap:20px;overflow:hidden}.nb-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;height:100%;padding:16px 12px;background:var(--c-bg-alt)}.nb-sidebar-header{display:flex;align-items:center;gap:10px;padding:0 10px 20px}.nb-logo-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--c-text-1);color:var(--c-bg);display:flex;align-items:center;justify-content:center}.nb-sidebar-header h3{margin:0;font-size:1rem;font-weight:900;color:var(--c-text-1)}.nb-sidebar-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px}.nb-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--c-text-2);font-weight:600;font-size:.9rem;cursor:pointer;position:relative;transition:all .2s ease}.nb-menu-item:hover{background:#0000000a;color:var(--c-text-1)}.dark .nb-menu-item:hover{background:#ffffff0f}.nb-menu-item.active{background:var(--c-bg);color:var(--c-brand-3);box-shadow:0 4px 12px var(--c-shadow-color)}.dark .nb-menu-item.active{background:#23232c}.nb-menu-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--c-brand-3);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.nb-main{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.nb-tag-bar{display:flex;align-items:center;gap:10px;overflow-x:auto;white-space:nowrap;padding-bottom:16px;flex-shrink:0}.nb-tag-btn{padding:6px 14px;border-radius:var(--radius-full);background:var(--c-bg-alt);border:1px solid var(--card-border-light);color:var(--c-text-2);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px var(--c-shadow-color)}.nb-tag-btn:hover{background:var(--c-bg);color:var(--c-text-1);transform:translateY(-2px)}.nb-tag-btn.active{background:var(--c-text-1);color:var(--c-bg);border-color:var(--c-text-1)}.dark .nb-tag-btn.active{background:#e4e4e7;color:#111}.nb-grid-wrapper{flex:1;display:flex;gap:16px;min-height:0}.nb-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:14px;align-content:stretch}.nb-article-card{display:flex;flex-direction:column;padding:18px;border-radius:var(--card-radius);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #0000000a}.nb-article-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.nb-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.nb-card-date{background:#fff9;padding:3px 10px;border-radius:var(--tag-radius);font-size:.7rem;font-weight:800;color:#0009}.nb-card-icon-btn{width:28px;height:28px;border-radius:var(--avatar-radius);background:#fff9;display:flex;align-items:center;justify-content:center;color:#0009;transition:all .2s}.nb-article-card:hover .nb-card-icon-btn{background:var(--c-text-1);color:var(--c-bg)}.nb-card-body{flex:1;display:flex;flex-direction:column;gap:6px}.nb-card-title{margin:0;font-size:1.05rem;font-weight:900;line-height:1.35;color:#111;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nb-card-summary{margin:0;font-size:.78rem;font-weight:600;color:#00000080;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nb-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px}.nb-card-tags{display:flex;gap:5px;flex-wrap:wrap}.nb-card-pill{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:var(--tag-radius);border:1px solid rgba(0,0,0,.1);color:#0009}.nb-card-read-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--btn-radius-lg);background:#111;color:#fff;border:none;font-size:.75rem;font-weight:800;cursor:pointer;transition:background .2s,transform .2s}.nb-article-card:hover .nb-card-read-btn{transform:scale(1.05)}.nb-empty-hint{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--c-text-2);font-size:.9rem;font-weight:600}.nb-pagination{display:flex;flex-direction:column;align-items:center;gap:8px;justify-content:center}.nb-page-btn{width:40px;height:40px;border-radius:var(--btn-radius-md);background:var(--c-bg-alt);border:1px solid var(--card-border-light);color:var(--c-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px var(--c-shadow-color)}.nb-page-btn:hover:not(:disabled){background:var(--c-brand-3);color:#fff;border-color:var(--c-brand-3)}.nb-page-btn:disabled{opacity:.4;cursor:not-allowed}.nb-page-info{font-size:.75rem;font-weight:700;color:var(--c-text-2)}.card-pink{background:var(--c-card-pink)}.card-green{background:var(--c-card-green)}.card-purple{background:var(--c-card-purple)}.card-orange{background:var(--c-card-orange)}.card-blue{background:var(--c-card-blue)}.dark .card-pink{background:var(--c-card-pink);border-color:#ff7a9f33}.dark .card-green{background:var(--c-card-green);border-color:#c4df9b33}.dark .card-purple{background:var(--c-card-purple);border-color:#a07cff33}.dark .card-orange{background:var(--c-card-orange);border-color:#ff9b4433}.dark .card-blue{background:var(--c-card-blue);border-color:#44b2ff33}.dark .nb-card-date,.dark .nb-card-icon-btn{background:#0006;color:#ffffffb3}.dark .nb-card-title{color:#fff}.dark .nb-card-summary{color:#ffffff80}.dark .nb-card-pill{color:#fff9;border-color:#ffffff26}.dark .nb-card-read-btn,.dark .nb-article-card:hover .nb-card-icon-btn{background:#e4e4e7;color:#111}@media(max-width:1200px){.nb-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}@media(max-width:1024px){.nb-layout{padding:16px 20px;gap:16px}.nb-sidebar{width:200px}}@media(max-width:768px){.nb-layout{flex-direction:column;padding:12px;overflow:auto}.nb-sidebar{width:100%;height:auto;flex-shrink:0;padding:12px}.nb-sidebar-scroll{flex-direction:row;overflow-x:auto;padding-bottom:8px}.nb-menu-item{padding:8px 14px;white-space:nowrap}.nb-menu-indicator{left:50%;top:auto;bottom:-4px;width:16px;height:3px;transform:translate(-50%);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.nb-main{height:auto;overflow:visible}.nb-grid-wrapper{flex-direction:column}.nb-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:12px}.nb-pagination{flex-direction:row;padding-top:12px}}.pop-search-container{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:420px;height:64px;margin:0 auto}.pop-aura-blur{position:absolute;width:100%;height:100%;border-radius:24px;overflow:hidden;z-index:0;filter:blur(24px);opacity:.5;transition:opacity .4s ease}.pop-aura-sharp{display:none}.pop-aura-blur:before{content:"";position:absolute;top:50%;left:50%;width:600px;height:600px;background-image:conic-gradient(var(--c-brand-1) 0deg,var(--c-brand-2) 120deg,var(--c-brand-3) 240deg,var(--c-brand-1) 360deg);transition:transform 1s cubic-bezier(.4,0,.2,1);transform:translate(-50%,-50%) rotate(0)}.pop-search-container:hover .pop-aura-blur{opacity:.85}.pop-search-container:hover .pop-aura-blur:before{transform:translate(-50%,-50%) rotate(180deg)}.pop-search-container:focus-within .pop-aura-blur{opacity:1}.pop-search-container:focus-within .pop-aura-blur:before{animation:pop-spin 4s linear infinite}@keyframes pop-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.pop-search-main{position:relative;z-index:10;display:flex;align-items:center;width:100%;height:100%}.pop-input{background-color:var(--c-bg-alt);border:1px solid var(--c-border);width:100%;height:100%;border-radius:20px;color:var(--c-text-1);padding-left:54px;padding-right:64px;font-size:1.05rem;font-weight:600;outline:none;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px var(--c-shadow-color);transition:all .3s ease}.pop-input::placeholder{color:var(--c-text-2);font-weight:400}.pop-input:focus{transform:translateY(-2px);border-color:var(--c-brand-3)}.pop-search-icon{position:absolute;left:20px;width:22px;height:22px;color:var(--c-text-2);z-index:11;pointer-events:none;transition:color .3s ease}.pop-search-container:focus-within .pop-search-icon{color:var(--c-brand-3)}.pop-action-btn{position:absolute;right:10px;width:42px;height:42px;background:#ffde5933;border:1px solid rgba(255,222,89,.4);border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11;transition:all .3s ease}.pop-action-btn svg{stroke:var(--c-text-1)!important;transition:stroke .3s ease}.pop-action-btn:hover{background:var(--c-brand-1);box-shadow:0 4px 16px #ffde5966;transform:scale(1.05);border-color:transparent}.pop-action-btn:hover svg{stroke:#111!important}.pop-action-btn:active{transform:scale(.95);background:var(--c-brand-3);box-shadow:0 4px 12px #a07cff66}.search-wrap{position:relative;margin-bottom:.75rem}.search-bar{display:flex;align-items:center;gap:.4rem;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:12px;padding:.5rem .8rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 4px 16px var(--c-shadow-color);transition:all .3s ease}.search-bar:focus-within{box-shadow:0 8px 24px #a07cff26;border-color:#a07cff66}.search-icon{flex-shrink:0;color:var(--c-text-2)}.search-input{flex:1;border:none;background:none;font-family:inherit;font-size:.85rem;color:var(--c-text-1);outline:none;min-width:0}.search-input::placeholder{color:var(--c-text-2)}.search-clear{flex-shrink:0;border:none;background:none;cursor:pointer;font-size:1.2rem;color:var(--c-text-2);padding:0 2px;line-height:1;transition:color .2s}.search-clear:hover{color:var(--c-brand-3)}.search-results{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--c-bg-alt);border:1px solid var(--c-border);border-radius:12px;margin-top:8px;padding:.5rem;list-style:none;max-height:260px;overflow-y:auto;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 12px 32px var(--c-shadow-color)}.search-result-item{width:100%;display:flex;flex-direction:column;gap:.25rem;padding:.6rem .8rem;border:none;border-bottom:1px solid var(--c-border);background:none;cursor:pointer;font-family:inherit;font-size:.85rem;color:var(--c-text-1);text-align:left;font-weight:600;transition:all .2s ease}.search-results li:last-child .search-result-item{border-bottom:none}.search-result-item:hover,.search-result-item.active{background:#ffde594d;color:var(--c-text-1)}.search-empty{padding:.8rem .6rem;font-size:.85rem;color:var(--c-text-2);text-align:center}.sri-label{display:block}.sri-meta{display:flex;align-items:center;gap:.5rem}.sri-category{display:inline-block;padding:1px 8px;border-radius:6px;font-size:.7rem;font-weight:600;background:#a07cff26;color:var(--c-brand-3);flex-shrink:0}.sri-excerpt{font-weight:400;font-size:.75rem;color:var(--c-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.pop-search-container{height:52px;max-width:100%}.pop-input{padding-left:44px;padding-right:54px;font-size:.95rem;border-radius:16px}.pop-search-icon{left:14px;width:18px;height:18px}.pop-action-btn{right:6px;width:36px;height:36px;border-radius:12px}.search-results{max-height:220px;border-radius:10px}.search-result-item{padding:.5rem .7rem;font-size:.8rem}.sri-category{font-size:.65rem}}@media(max-width:480px){.pop-search-container{height:46px}.pop-input{padding-left:38px;padding-right:46px;font-size:.88rem;border-radius:14px}.pop-search-icon{left:10px;width:16px;height:16px}.pop-action-btn{right:4px;width:32px;height:32px;border-radius:10px}.pop-aura-blur:before{width:400px;height:400px}}.kb-page{width:100%;max-width:1400px;margin:0 auto;padding:3.5rem 2rem;display:flex;flex-direction:column;align-items:center;height:100%;overflow-y:auto}.kb-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%}.kb-title{font-size:2.5rem;font-weight:900;letter-spacing:-.03em;margin:0;background:linear-gradient(135deg,var(--c-brand-1) 0%,var(--c-brand-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kb-subtitle{font-size:1rem;font-weight:600;color:var(--c-text-2);margin:0}.kb-search{width:100%;max-width:480px;margin-top:.5rem}.kb-filter-bar{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.kb-filter-btn{padding:8px 18px;border-radius:var(--radius-full);border:1px solid var(--c-border);background:var(--c-bg-alt);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--c-text-2);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 8px var(--c-shadow-color)}.kb-filter-btn:hover{color:var(--c-text-1);background:var(--c-bg);transform:translateY(-2px)}.kb-filter-btn.active{color:var(--c-text-1);background:var(--c-brand-1-soft);border-color:var(--c-brand-1)}.kb-card-wrapper{margin-top:2rem;width:100%;max-width:800px;border-radius:var(--card-radius-lg);background:var(--c-bg-alt);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border-light);box-shadow:var(--card-shadow-lg);overflow:hidden;animation:slideUp .3s ease-out}.dark .kb-card-wrapper{border-color:var(--card-border-dark)}.kb-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;border-bottom:1px solid var(--c-border-dark)}.kb-card-title{font-size:1.05rem;font-weight:800;color:var(--c-text-1);margin:0}.kb-card-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:#0000000d;color:var(--c-text-2);cursor:pointer;font-size:1.2rem;line-height:1;transition:all .2s ease}.dark .kb-card-close{background:#ffffff14}.kb-card-close:hover{color:var(--c-bg);background:var(--c-text-1);transform:rotate(90deg)}.kb-card-body{max-height:480px;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.kb-article-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;border-radius:var(--card-radius-sm);background:#fff6;border:1px solid transparent;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1)}.dark .kb-article-card{background:#0003}.kb-article-card+.kb-article-card{margin-top:.8rem}.kb-article-card:hover{background:var(--c-bg);border-color:var(--c-brand-3-border);transform:translateY(-2px);box-shadow:var(--card-shadow-sm)}.kb-article-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.kb-article-title{font-size:1rem;font-weight:800;color:var(--c-text-1);margin:0}.kb-article-category{font-size:.7rem;padding:2px 8px;border-radius:var(--tag-radius);background:var(--c-brand-3-soft);color:var(--c-brand-3);font-weight:700}.kb-article-tag{font-size:.65rem;padding:2px 6px;border-radius:var(--tag-radius);background:#0000000d;color:var(--c-text-2);font-weight:600}.dark .kb-article-tag{background:#ffffff1a}.kb-article-date{font-size:.75rem;color:var(--c-text-3);font-weight:600}.kb-article-excerpt{font-size:.82rem;color:var(--c-text-2);margin:0;line-height:1.6;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kb-empty{text-align:center;padding:3rem 0;color:var(--c-text-3);font-size:.95rem;font-weight:600}@media(max-width:768px){.kb-page{padding:2rem 1.25rem}.kb-title{font-size:2rem}.kb-card-wrapper{margin-top:1.5rem}.kb-card-body{max-height:380px;padding:1rem}}@media(max-width:480px){.kb-title{font-size:1.6rem}}.not-found-page{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:transparent}.not-found-card{text-align:center;padding:4rem 3rem;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center}.not-found-404{font-size:8rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--c-brand-1) 0%,var(--c-brand-3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;font-family:var(--font-mono);animation:floatUpDown 3s ease-in-out infinite}.not-found-title{font-size:var(--fs-h2, 1.75rem);font-weight:800;color:var(--c-text-1);margin:0 0 .5rem}.not-found-desc{font-size:var(--fs-body, 1rem);color:var(--c-text-2);margin:0 0 2.5rem;line-height:1.6}.not-found-actions{display:flex;gap:1rem;justify-content:center;width:100%}.not-found-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--btn-radius-lg, 16px);font-size:.95rem;font-weight:700;cursor:pointer;border:none}.btn-back{background:var(--c-bg-alt);border:1px solid var(--card-border-light);color:var(--c-text-1)}.btn-back:hover{background:var(--c-bg);border-color:var(--c-brand-3);color:var(--c-brand-3)}.btn-home{background:var(--c-brand-3);color:#fff;box-shadow:0 4px 12px var(--c-shadow-color)}.btn-home:hover{background:var(--c-brand-3-dark);box-shadow:0 8px 24px var(--c-brand-3-glow)}@media(max-width:480px){.not-found-404{font-size:6rem}.not-found-card{padding:3rem 1.5rem}.not-found-actions{flex-direction:column;gap:.8rem}.not-found-btn{width:100%}}.route-transition{width:100%;height:100%;animation:routeFadeIn .3s ease}@keyframes routeFadeIn{0%{opacity:0}to{opacity:1}}:root{--c-bg: #F8F9FA;--c-bg-alt: rgba(255, 255, 255, .65);--c-border: rgba(255, 255, 255, .8);--c-border-dark: rgba(0, 0, 0, .06);--c-shadow-color: rgba(0, 0, 0, .04);--c-brand-1: #FFDE59;--c-brand-2: #D3B8FF;--c-brand-3: #A07CFF;--c-brand-1-soft: rgba(255, 222, 89, .15);--c-brand-2-soft: rgba(211, 184, 255, .12);--c-brand-3-soft: rgba(160, 124, 255, .15);--c-brand-3-medium: rgba(160, 124, 255, .25);--c-brand-3-border: rgba(160, 124, 255, .2);--c-brand-3-glow: rgba(160, 124, 255, .4);--c-brand-1-dark: #E6C94F;--c-brand-3-dark: #8B68E6;--c-brand-3-light: #B89BFF;--c-green: #D1E5B4;--c-blue: #A9DDF0;--c-orange: #FFD5A4;--c-pink: #FFCDE6;--c-red: #FFB3B3;--c-green-soft: rgba(209, 229, 180, .2);--c-blue-soft: rgba(169, 221, 240, .2);--c-orange-soft: rgba(255, 213, 164, .2);--c-pink-soft: rgba(255, 205, 230, .2);--c-red-soft: rgba(255, 179, 179, .2);--c-text-1: #2C2C30;--c-text-2: #71717A;--c-text-3: #A1A1AA;--c-text-inverse: #FFFFFF;--c-white: #FFFFFF;--c-white-soft: rgba(255, 255, 255, .3);--c-white-medium: rgba(255, 255, 255, .5);--c-white-strong: rgba(255, 255, 255, .8);--c-black: #111111;--c-black-soft: rgba(0, 0, 0, .1);--c-black-medium: rgba(0, 0, 0, .2);--c-black-strong: rgba(0, 0, 0, .4);--c-card-pink: #FFE5EE;--c-card-green: #D1E5B4;--c-card-purple: #E8E5FF;--c-card-orange: #FFF1E5;--c-card-blue: #CBEBFA;--glass-blur: blur(16px);--card-blur: blur(20px) saturate(1.2);--card-border-light: rgba(255, 255, 255, .15);--card-border-dark: rgba(255, 255, 255, .08);--c-success: #8BC34A;--c-success-soft: rgba(139, 195, 74, .15);--c-warning: #FFC107;--c-warning-soft: rgba(255, 193, 7, .15);--c-error: #EF5350;--c-error-soft: rgba(239, 83, 80, .15);--c-info: #29B6F6;--c-info-soft: rgba(41, 182, 246, .15)}.dark{--c-bg: #111116;--c-bg-alt: rgba(25, 25, 30, .5);--c-border: rgba(255, 255, 255, .08);--c-border-dark: rgba(0, 0, 0, .4);--c-shadow-color: rgba(0, 0, 0, .3);--c-brand-1: #FFDE59;--c-brand-2: #B69CFF;--c-brand-3: #9D75FF;--c-brand-1-soft: rgba(255, 222, 89, .2);--c-brand-2-soft: rgba(182, 156, 255, .15);--c-brand-3-soft: rgba(157, 117, 255, .2);--c-brand-3-medium: rgba(157, 117, 255, .3);--c-brand-3-border: rgba(157, 117, 255, .25);--c-brand-3-glow: rgba(157, 117, 255, .5);--c-brand-1-dark: #E6C94F;--c-brand-3-dark: #8B68E6;--c-brand-3-light: #B89BFF;--c-green: #C4DF9B;--c-blue: #82C7E5;--c-orange: #FFCD94;--c-pink: #FFB8D4;--c-red: #FF9B9B;--c-green-soft: rgba(196, 223, 155, .15);--c-blue-soft: rgba(130, 199, 229, .15);--c-orange-soft: rgba(255, 205, 148, .15);--c-pink-soft: rgba(255, 184, 212, .15);--c-red-soft: rgba(255, 155, 155, .15);--c-text-1: #F4F4F5;--c-text-2: #A1A1AA;--c-text-3: #71717A;--c-text-inverse: #111116;--c-card-pink: rgba(255, 122, 159, .15);--c-card-green: rgba(196, 223, 155, .15);--c-card-purple: rgba(160, 124, 255, .15);--c-card-orange: rgba(255, 155, 68, .15);--c-card-blue: rgba(68, 178, 255, .15);--c-success: #9CCC65;--c-success-soft: rgba(156, 204, 101, .15);--c-warning: #FFCA28;--c-warning-soft: rgba(255, 202, 40, .15);--c-error: #EF5350;--c-error-soft: rgba(239, 83, 80, .15);--c-info: #4FC3F7;--c-info-soft: rgba(79, 195, 247, .15)}body{background:var(--c-bg);color:var(--c-text-1);transition:background-color .2s ease,color .2s ease}::selection{background:var(--c-brand-2);color:#111}.dark ::selection{background:var(--c-brand-3);color:#fff}.theme-purple{background:var(--c-card-purple);color:#6c5dd3}.theme-pink{background:var(--c-card-pink);color:#ff7a9f}.theme-orange{background:var(--c-card-orange);color:#ff9b44}.theme-green{background:var(--c-card-green);color:#38c976}.theme-blue{background:var(--c-card-blue);color:#44b2ff}.dark .theme-purple{color:#b69cff}.dark .theme-pink{color:#ffa9c4}.dark .theme-orange{color:#ffb86b}.dark .theme-green{color:#9ccc65}.dark .theme-blue{color:#82c7e5}input::placeholder,textarea::placeholder{color:var(--c-text-3)}:root{--font-family-base: "Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", Consolas, monospace;--font-base: 16px;--line-height-base: 1.6;--fs-h1: 2.5rem;--fs-h2: 1.75rem;--fs-h3: 1.25rem;--fs-body: 1rem;--fs-small: .85rem;--fs-caption: .75rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem}@media(max-width:1024px){:root{--fs-h1: 2rem;--fs-h2: 1.5rem;--fs-h3: 1.15rem}}@media(max-width:768px){:root{--fs-h1: 1.75rem;--fs-h2: 1.25rem;--fs-h3: 1.05rem;--fs-body: .95rem;--spacing-xl: 1.25rem}}@media(max-width:480px){:root{--fs-h1: 1.4rem;--fs-h2: 1.15rem;--fs-h3: 1rem;--fs-body: .9rem;--fs-small: .8rem;--spacing-xl: 1rem}}body{font-family:var(--font-family-base);font-size:var(--fs-body);line-height:var(--line-height-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base);font-weight:800;letter-spacing:-.02em;line-height:1.3}h1{font-weight:900;letter-spacing:-.04em}h1,.h1{font-size:var(--fs-h1);font-weight:900}h2,.h2{font-size:var(--fs-h2);font-weight:800}h3,.h3{font-size:var(--fs-h3);font-weight:700}p{margin:0 0 .6rem}p,li{font-weight:400;line-height:1.8;letter-spacing:.01em}strong,b{font-weight:700}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--c-text-2)}.text-brand{color:var(--c-brand-3)}.text-small{font-size:var(--fs-small)}.text-caption{font-size:var(--fs-caption)}.text-italic{font-style:italic}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{word-break:break-word;overflow-wrap:break-word}:root{--radius-none: 0;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 28px;--radius-full: 9999px;--card-radius: 24px;--card-radius-sm: 20px;--card-radius-lg: 28px;--btn-radius-sm: 8px;--btn-radius-md: 12px;--btn-radius-lg: 16px;--btn-radius-pill: 9999px;--input-radius: 12px;--input-radius-sm: 8px;--input-radius-lg: 16px;--tag-radius: 8px;--tag-radius-pill: 9999px;--avatar-radius: 50%;--avatar-radius-square: 12px;--modal-radius: 24px;--drawer-radius: 20px;--popover-radius: 16px}@media(max-width:1024px){:root{--card-radius: 20px;--card-radius-sm: 16px;--card-radius-lg: 24px;--modal-radius: 20px;--drawer-radius: 16px}}@media(max-width:768px){:root{--card-radius: 16px;--card-radius-sm: 12px;--card-radius-lg: 20px;--btn-radius-md: 10px;--input-radius: 10px;--modal-radius: 16px;--drawer-radius: 14px;--popover-radius: 12px}}@media(max-width:480px){:root{--card-radius: 12px;--card-radius-sm: 10px;--card-radius-lg: 16px;--btn-radius-md: 8px;--input-radius: 8px;--modal-radius: 12px;--drawer-radius: 10px;--popover-radius: 10px}}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.rounded-card{border-radius:var(--card-radius)}.rounded-card-sm{border-radius:var(--card-radius-sm)}.rounded-card-lg{border-radius:var(--card-radius-lg)}.rounded-btn-sm{border-radius:var(--btn-radius-sm)}.rounded-btn-md{border-radius:var(--btn-radius-md)}.rounded-btn-lg{border-radius:var(--btn-radius-lg)}.rounded-btn-pill{border-radius:var(--btn-radius-pill)}.rounded-input{border-radius:var(--input-radius)}.rounded-input-sm{border-radius:var(--input-radius-sm)}.rounded-input-lg{border-radius:var(--input-radius-lg)}.rounded-tag{border-radius:var(--tag-radius)}.rounded-tag-pill{border-radius:var(--tag-radius-pill)}.rounded-avatar{border-radius:var(--avatar-radius)}.rounded-avatar-square{border-radius:var(--avatar-radius-square)}.rounded-modal{border-radius:var(--modal-radius)}.rounded-drawer{border-radius:var(--drawer-radius)}.rounded-popover{border-radius:var(--popover-radius)}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-t-xs{border-top-left-radius:var(--radius-xs);border-top-right-radius:var(--radius-xs)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-full{border-top-left-radius:var(--radius-full);border-top-right-radius:var(--radius-full)}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-b-xs{border-bottom-left-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.rounded-b-sm{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-b-md{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-b-full{border-bottom-left-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-l-xs{border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.rounded-l-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-full{border-top-left-radius:var(--radius-full);border-bottom-left-radius:var(--radius-full)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-r-xs{border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-full{border-top-right-radius:var(--radius-full);border-bottom-right-radius:var(--radius-full)}.rounded-tl-none{border-top-left-radius:0}.rounded-tl-xs{border-top-left-radius:var(--radius-xs)}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-tl-md{border-top-left-radius:var(--radius-md)}.rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.rounded-tl-xl{border-top-left-radius:var(--radius-xl)}.rounded-tl-full{border-top-left-radius:var(--radius-full)}.rounded-tr-none{border-top-right-radius:0}.rounded-tr-xs{border-top-right-radius:var(--radius-xs)}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.rounded-tr-md{border-top-right-radius:var(--radius-md)}.rounded-tr-lg{border-top-right-radius:var(--radius-lg)}.rounded-tr-xl{border-top-right-radius:var(--radius-xl)}.rounded-tr-full{border-top-right-radius:var(--radius-full)}.rounded-bl-none{border-bottom-left-radius:0}.rounded-bl-xs{border-bottom-left-radius:var(--radius-xs)}.rounded-bl-sm{border-bottom-left-radius:var(--radius-sm)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.rounded-bl-xl{border-bottom-left-radius:var(--radius-xl)}.rounded-bl-full{border-bottom-left-radius:var(--radius-full)}.rounded-br-none{border-bottom-right-radius:0}.rounded-br-xs{border-bottom-right-radius:var(--radius-xs)}.rounded-br-sm{border-bottom-right-radius:var(--radius-sm)}.rounded-br-md{border-bottom-right-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-br-xl{border-bottom-right-radius:var(--radius-xl)}.rounded-br-full{border-bottom-right-radius:var(--radius-full)}.rounded-card-top{border-top-left-radius:var(--card-radius);border-top-right-radius:var(--card-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-card-bottom{border-bottom-left-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius);border-top-left-radius:0;border-top-right-radius:0}.rounded-card-left{border-top-left-radius:var(--card-radius);border-bottom-left-radius:var(--card-radius);border-top-right-radius:0;border-bottom-right-radius:0}.rounded-card-right{border-top-right-radius:var(--card-radius);border-bottom-right-radius:var(--card-radius);border-top-left-radius:0;border-bottom-left-radius:0}:root{--card-padding-sm: .75rem;--card-padding-md: 1rem;--card-padding-lg: 1.5rem;--card-padding-xl: 2rem;--card-gap-sm: .5rem;--card-gap-md: 1rem;--card-gap-lg: 1.5rem;--card-shadow-sm: 0 2px 8px var(--c-shadow-color);--card-shadow-md: 0 4px 20px var(--c-shadow-color);--card-shadow-lg: 0 8px 30px var(--c-shadow-color);--card-shadow-xl: 0 12px 40px var(--c-shadow-color);--card-border-width: 1px;--card-border-light: rgba(255, 255, 255, .15);--card-border-dark: rgba(255, 255, 255, .08)}.card{background:var(--c-bg-alt);border:var(--card-border-width) solid var(--card-border-light);border-radius:var(--card-radius);padding:var(--card-padding-lg);box-shadow:var(--card-shadow-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dark .card{border-color:var(--card-border-dark)}.card-sm{padding:var(--card-padding-sm);border-radius:var(--card-radius-sm);box-shadow:var(--card-shadow-sm)}.card-lg{padding:var(--card-padding-xl);border-radius:var(--card-radius-lg);box-shadow:var(--card-shadow-lg)}.card-xl{padding:var(--card-padding-xl);border-radius:var(--card-radius-lg);box-shadow:var(--card-shadow-xl)}.card-flat{background:var(--c-bg-alt);border:1px solid var(--card-border-light);border-radius:var(--card-radius);padding:var(--card-padding-lg);box-shadow:none}.dark .card-flat{border-color:var(--card-border-dark)}.glass-card{background:var(--c-bg-alt);border:var(--card-border-width) solid var(--card-border-light);border-radius:var(--card-radius-lg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);box-shadow:var(--card-shadow-md)}.glass-card-sm{border-radius:var(--card-radius-sm);padding:var(--card-padding-md)}.glass-card-lg{border-radius:var(--card-radius-lg);padding:var(--card-padding-xl)}.glass-card-full{border-radius:0;-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur)}.card-brand-1{background:var(--c-brand-1-soft);border-color:var(--c-brand-1)}.card-brand-2{background:var(--c-brand-2-soft);border-color:var(--c-brand-2)}.card-brand-3{background:var(--c-brand-3-soft);border-color:var(--c-brand-3)}.card-solid-brand-1{background:var(--c-brand-1);color:#2c2c30}.card-solid-brand-2{background:var(--c-brand-2);color:#2c2c30}.card-solid-brand-3{background:var(--c-brand-3);color:#fff}.card-hover-lift{transition:transform .3s ease,box-shadow .3s ease}.card-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-lg)}.card-hover-scale{transition:transform .3s ease,box-shadow .3s ease}.card-hover-scale:hover{transform:scale(1.02);box-shadow:var(--card-shadow-lg)}.card-hover-glow{transition:transform .3s ease,box-shadow .3s ease}.card-hover-glow:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--c-brand-3-glow),var(--card-shadow-md)}.card-hover-border{transition:border-color .2s ease}.card-hover-border:hover{border-color:var(--c-brand-3)}.card-hover-lift-glow{transition:transform .3s ease,box-shadow .3s ease}.card-hover-lift-glow:hover{transform:translateY(-4px);box-shadow:0 0 20px var(--c-brand-3-glow),var(--card-shadow-lg)}.card-grid{display:grid;gap:var(--card-gap-md)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-flex{display:flex;gap:var(--card-gap-md)}.card-flex-wrap{flex-wrap:wrap}.card-flex-column{flex-direction:column}.card-align-center{align-items:center}.card-justify-between{justify-content:space-between}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--card-gap-md)}.card-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--c-text-1)}.card-subtitle{font-size:.85rem;color:var(--c-text-2);margin-top:-.25rem;margin-bottom:var(--card-gap-md)}.card-body{flex:1}.card-footer{margin-top:var(--card-gap-lg);padding-top:var(--card-gap-md);border-top:1px solid var(--c-border-dark);display:flex;justify-content:flex-end;gap:var(--card-gap-sm)}.dark .card-footer{border-top-color:#ffffff0d}.card-dashboard{background:var(--c-bg-alt);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border-light);border-radius:var(--card-radius-lg);padding:var(--card-padding-lg);transition:all .2s ease}.dark .card-dashboard{border-color:var(--card-border-dark)}.card-dashboard:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-lg)}.card-note{background:var(--c-bg-alt);border-left:4px solid var(--c-brand-3);border-radius:var(--card-radius);padding:var(--card-padding-md);transition:box-shadow .2s ease}.card-note:hover{box-shadow:var(--card-shadow-md)}@media(max-width:1024px){.card-grid-4{grid-template-columns:repeat(3,1fr)}.card-grid-auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{padding:var(--card-padding-md)}.card-lg,.card-xl{padding:var(--card-padding-lg)}}@media(max-width:768px){.card-grid-3,.card-grid-4{grid-template-columns:repeat(2,1fr)}.card-grid-2,.card-grid-auto{grid-template-columns:1fr}.card{padding:var(--card-padding-md)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--card-gap-sm)}.card-footer{flex-direction:column;align-items:stretch}}@media(max-width:480px){.card-grid-3,.card-grid-4{grid-template-columns:1fr}.card{padding:var(--card-padding-sm)}.card-lg,.card-xl{padding:var(--card-padding-md)}.card-title{font-size:1.1rem}}*,*:before,*:after{box-sizing:border-box}body{margin:0;overflow-x:hidden}html,body{overflow:hidden}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes floatUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-page-in{animation:pageIn .35s ease}.animate-fade-in{animation:fadeIn .2s ease}.animate-fade-out{animation:fadeOut .2s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-slide-down{animation:slideDown .2s ease}.animate-scale-in{animation:scaleIn .2s ease}.animate-blink{animation:blink 1s step-end infinite}.animate-float{animation:floatUpDown 2s ease-in-out infinite}.animate-spin{animation:spin .6s linear infinite}.animate-fast{animation-duration:.15s!important}.animate-slow{animation-duration:.5s!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--c-brand-3);outline-offset:2px;border-radius:var(--radius-xs)}a{color:var(--c-brand-3);text-decoration:none;transition:color .2s,opacity .2s}a:hover{opacity:.75}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--c-text-1)}input::placeholder,textarea::placeholder{color:var(--c-text-2)}:root{--topbar-height: 56px;--sidebar-width: 280px;--kanban-col-width: 320px}.layout{display:flex;min-height:100vh;position:relative;--sidebar-width: 280px}.new-layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.canvas-area{flex:1;position:relative;overflow:hidden;height:100vh}.canvas-content{width:100%;height:100%}.main-content{flex:1;min-width:0;overflow-x:hidden;height:100vh;overflow-y:auto;-webkit-user-select:none;user-select:none}.page-content{max-width:900px;margin:0 auto;padding:3.5rem 3rem 2.5rem;animation:pageIn .35s ease;min-height:100vh;display:flex;flex-direction:column;-webkit-user-select:text;user-select:text}.page-content:has(>.kb-home-new){padding:0;height:100%;overflow:hidden}.breadcrumb{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-bottom:1.8rem;font-size:var(--fs-small, .85rem);color:var(--c-text-2)}.breadcrumb a{color:var(--c-text-2);text-decoration:none;font-weight:600;transition:color .2s;border-bottom:none}.breadcrumb a:hover{color:var(--c-brand-3)}.breadcrumb-sep{opacity:.4;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--c-text-1);font-weight:700}.tag-item{display:inline-block;padding:4px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;background:#a07cff26;color:var(--c-brand-3)}.tag-item:nth-child(2n){background:#ffde5933;color:#b28f00}.dark .tag-item:nth-child(2n){color:var(--c-brand-1)}.article-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:3rem;flex-wrap:wrap}.article-date{font-size:.85rem;color:var(--c-text-2);margin-left:auto}:root{--card-blur: blur(20px) saturate(1.2);--card-border-light: rgba(255,255,255,.15);--card-border-dark: rgba(255,255,255,.08);--glass-blur: blur(16px)}.glass{background:var(--c-bg-alt);border:1px solid var(--c-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glass-card{background:var(--c-bg-alt);border:1px solid var(--card-border-light);border-radius:var(--card-radius-lg, 28px);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);box-shadow:0 4px 20px var(--c-shadow-color)}.dark .glass-card{border-color:var(--card-border-dark)}.glass-card-lg{border-radius:var(--card-radius-lg, 28px)}.glass-pill{border-radius:var(--radius-full)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--c-shadow-color)}.hover-nudge{transition:transform .2s ease,opacity .2s ease}.hover-nudge:hover{transform:translateY(-2px)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.kanban-col{flex:0 0 var(--kanban-col-width, 320px);display:flex;flex-direction:column;max-height:100%}.kanban-col-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;flex-shrink:0}.kanban-col-title{font-size:1.1rem;font-weight:800;color:var(--c-text-1);display:flex;align-items:center;gap:.5rem}.kanban-cards{padding:0 1.5rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.accent-yellow{border-top:3px solid var(--c-brand-1)}.accent-pink{border-top:3px solid var(--c-brand-2)}.accent-purple{border-top:3px solid var(--c-brand-3)}.accent-blue{border-top:3px solid var(--c-blue)}.accent-green{border-top:3px solid var(--c-green)}@media(max-width:1024px){.page-content{padding:2.5rem 2rem 2rem}}@media(max-width:768px){:root{--kanban-col-width: 260px}.page-content{padding:2rem 1.25rem}}@media(max-width:480px){:root{--kanban-col-width: 240px}.page-content{padding:1.5rem 1rem}}.theme-switch{display:block;--width-of-switch: 3.5em;--height-of-switch: 2em;--size-of-icon: 1.4em;--slider-offset: .3em;position:relative;width:var(--width-of-switch);height:var(--height-of-switch);cursor:pointer}.theme-switch input{opacity:0;width:0;height:0}.theme-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--c-bg-alt);transition:.4s;border-radius:var(--radius-full);border:1px solid var(--c-border)}.theme-switch .slider:before{position:absolute;content:"";height:var(--size-of-icon, 1.4em);width:var(--size-of-icon, 1.4em);border-radius:var(--radius-full);left:var(--slider-offset, .3em);top:50%;transform:translateY(-50%);background:linear-gradient(40deg,var(--c-brand-1),var(--c-brand-2) 70%);transition:.4s}.theme-switch input:checked+.slider{background-color:#303136cc;border-color:#ffffff1a}.theme-switch input:checked+.slider:before{left:calc(100% - (var(--size-of-icon, 1.4em) + var(--slider-offset, .3em)));background:var(--c-bg-alt);box-shadow:inset -3px -2px 5px -2px var(--c-brand-3),inset -10px -4px #a3dafb4d}.dark .theme-switch .slider{background-color:#303136cc;border-color:#ffffff1a}.dark .theme-switch .slider:before{background:linear-gradient(40deg,var(--c-brand-1),var(--c-brand-2) 70%)}.dark .theme-switch input:checked+.slider{background-color:var(--c-bg-alt);border-color:var(--c-border)}.dark .theme-switch input:checked+.slider:before{background:#303136cc;box-shadow:inset -3px -2px 5px -2px var(--c-brand-3),inset -10px -4px #a3dafb4d}.capsule .theme-switch{margin:0;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.theme-switch{--width-of-switch: 3em;--height-of-switch: 1.8em;--size-of-icon: 1.2em;--slider-offset: .25em}}@media(max-width:480px){.theme-switch{--width-of-switch: 2.8em;--height-of-switch: 1.6em;--size-of-icon: 1.1em;--slider-offset: .2em}}.md-content{-webkit-user-select:text;user-select:text;color:var(--c-text-1)}.md-content h1{font-size:2.4rem;font-weight:900;letter-spacing:-.03em;margin:0 0 1rem;line-height:1.3}.md-content h2{font-size:1.6rem;font-weight:800;margin:3.5rem 0 1.2rem;padding-bottom:.8rem;border-bottom:1px solid var(--c-border-dark);line-height:1.4}.md-content h3{font-size:1.25rem;font-weight:700;margin:2.5rem 0 .8rem;line-height:1.5}.md-content p{margin:1.2rem 0;line-height:1.8}.md-content ul,.md-content ol{margin:1.2rem 0;padding-left:1.6rem;line-height:1.8}.md-content li{margin:.6rem 0}.md-content code{background:#a07cff1a;color:var(--c-brand-3);padding:3px 6px;border-radius:var(--radius-xs);font-size:.88em;font-family:var(--font-mono);line-height:1.6}.md-content a{color:var(--c-brand-3);font-weight:600;text-decoration:none;border-bottom:2px dashed rgba(160,124,255,.4);transition:all .2s ease}.md-content a:hover{color:var(--c-brand-1);border-bottom-color:var(--c-brand-1)}.md-content blockquote{margin:2.5rem 0;padding:1.5rem 1.8rem;background:var(--c-bg-alt);border:1px solid var(--c-border);border-left:6px solid var(--c-brand-1);border-radius:var(--btn-radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px var(--c-shadow-color)}.md-content blockquote p{margin:0;color:var(--c-text-2)}.md-content pre{margin:2.5rem 0;border:1px solid var(--c-border);border-radius:var(--btn-radius-lg);background:var(--c-bg-alt);padding:1.5rem;overflow-x:auto;font-family:var(--font-mono);line-height:1.7;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 8px 32px var(--c-shadow-color)}.md-content pre code{display:block;line-height:1.7;padding:0;border:none;background:transparent;color:var(--c-text-1)}.md-content img{max-width:100%;border:1px solid var(--c-border);border-radius:var(--btn-radius-lg);box-shadow:0 12px 40px var(--c-shadow-color);margin:2.5rem 0;transition:transform .4s ease}.md-content img:hover{transform:scale(1.02)}.md-content table{width:100%;border-collapse:collapse;margin:2.5rem 0;border-radius:var(--btn-radius-md);overflow:hidden;background:var(--c-bg-alt);border:1px solid var(--c-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:0 4px 20px var(--c-shadow-color)}.md-content th,.md-content td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--c-border-dark);line-height:1.6}.md-content th{font-weight:800;background-color:#00000005;font-size:.9rem}.dark .md-content th{background-color:#ffffff05}.md-content tbody tr:nth-child(2n){background-color:#00000003}.dark .md-content tbody tr:nth-child(2n){background-color:#ffffff03}.md-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--c-border-dark),transparent);margin:4rem 0}@media(max-width:768px){.md-content h1{font-size:1.75rem}.md-content h2{font-size:1.3rem;margin:2rem 0 .8rem}.md-content h3{font-size:1.1rem}}@media(max-width:480px){.md-content h1{font-size:1.5rem}.md-content h2{font-size:1.15rem}.md-content h3{font-size:1rem}.md-content pre{padding:.8rem;border-radius:var(--tag-radius)}}