@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap");:root{--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--accent-primary:#6366f1;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-purple:#8b5cf6;--accent-warning:#f59e0b;--accent-danger:#ef4444;--card-bg:#121215;--bg-card:#121215;--bg-hover:#1c1c21}:root,[data-theme=dark]{--bg-primary:#09090b;--bg-secondary:#121215;--bg-tertiary:#1c1c21;--border-color:#27272a;--border-hover:#3f3f46;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a}[data-theme=dark]{--card-bg:#121215;--bg-card:#121215;--bg-hover:#1c1c21;--card-border:#27272a;--btn-primary-bg:#f4f4f5;--btn-primary-fg:#09090b;--btn-secondary-bg:#1c1c21;--btn-secondary-fg:#f4f4f5;--badge-bg:#1c1c21;--badge-fg:#a1a1aa;--nav-bg:rgba(9,9,11,0.85)}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--border-color:#e2e8f0;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--card-bg:#ffffff;--bg-card:#ffffff;--bg-hover:#f1f5f9;--card-border:#e2e8f0;--btn-primary-bg:#0f172a;--btn-primary-fg:#ffffff;--btn-secondary-bg:#f1f5f9;--btn-secondary-fg:#0f172a;--badge-bg:#f1f5f9;--badge-fg:#475569;--nav-bg:rgba(255,255,255,0.85)}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);margin:0;padding:0;-webkit-font-smoothing:antialiased;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}@media screen and (max-width:768px){input,select,textarea{font-size:16px}}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{font-family:inherit;background:none;border:none;padding:0;cursor:pointer}.app-layout,.vercel-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary)}.app-header,.vercel-header{position:sticky;top:0;z-index:100;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.app-header-top,.vercel-header-top{display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:0 auto;padding:12px 24px}.app-breadcrumb,.vercel-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.brain-logo-icon{width:22px;height:22px;color:var(--accent-primary)}.vercel-header-nav{display:flex;align-items:center;gap:4px;max-width:1040px;margin:0 auto;padding:0 24px;overflow-x:auto;scrollbar-width:none}.vercel-header-nav::-webkit-scrollbar{display:none}.vercel-tab-btn{padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.vercel-tab-btn.active,.vercel-tab-btn:hover{color:var(--text-primary)}.vercel-tab-btn.active{border-bottom-color:var(--accent-primary)}.app-content,.vercel-content{max-width:1040px;width:100%;margin:0 auto;padding:32px 24px 80px;flex:1 1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-title{font-size:24px;font-weight:600;margin:0;letter-spacing:-.02em}.markdown-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.markdown-content td,.markdown-content th{padding:10px 12px;border:1px solid var(--border-color);text-align:left}.markdown-content th{background:var(--bg-tertiary);font-weight:600}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:24px;margin-bottom:12px;font-weight:700}.markdown-content code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:var(--font-mono)}.page-subtitle{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.page-actions{display:flex;align-items:center;gap:8px}.card,.vercel-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:10px;user-select:none;-webkit-user-select:none;transition:border-color .15s ease,background-color .15s ease;display:flex;align-items:center;justify-content:space-between}.card.dimmed{opacity:.6}.card:hover,.vercel-card:hover{border-color:var(--border-hover);background-color:var(--bg-secondary)}.card-left{display:flex;align-items:center;margin-right:14px}.card-content{flex:1 1;min-width:0}.card-title,.vercel-card-title{font-size:14px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.card-path,.vercel-card-path{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:0}.card-right{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.in-progress{background-color:var(--accent-blue);box-shadow:0 0 8px var(--accent-blue)}.status-dot.pending{background-color:var(--accent-warning)}.status-dot.backlog{background-color:var(--text-secondary)}.status-dot.completed{background-color:var(--accent-green)}.status-dot.someday{background-color:var(--text-muted)}.segmented-control,.vercel-segmented{display:flex;gap:4px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px;overflow-x:auto;margin-bottom:20px;scrollbar-width:none}.segmented-control::-webkit-scrollbar,.vercel-segmented::-webkit-scrollbar{display:none}.segmented-btn,.vercel-segmented-btn{padding:6px 14px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;transition:all .15s ease}.segmented-btn:hover,.vercel-segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active,.vercel-segmented-btn.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.input-field,.vercel-input{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;padding:10px 14px;outline:none;transition:border-color .15s ease}.input-field:focus,.vercel-input:focus{border-color:var(--accent-primary)}.editor-textarea-jetbrains{width:100%;height:calc(100vh - 260px);min-height:420px;background-color:var(--bg-secondary);padding:20px;outline:none;transition:border-color .15s ease}.editor-textarea-jetbrains:focus{border-color:var(--accent-primary)}.btn-primary,.vercel-btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-fg);font-weight:600;font-size:13px;padding:8px 16px;border-radius:var(--radius-md);transition:opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover,.vercel-btn-primary:hover{opacity:.9}.btn-secondary,.vercel-btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--border-color);font-weight:500;font-size:13px;padding:8px 14px;border-radius:var(--radius-md);transition:border-color .15s ease}.btn-secondary:hover,.vercel-btn-secondary:hover{border-color:var(--border-hover)}.badge,.vercel-badge{font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:var(--radius-sm);background-color:var(--badge-bg);color:var(--badge-fg);border:1px solid var(--border-color)}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.lightbox-close-btn{position:absolute;top:20px;right:20px}.lightbox-image{max-width:90vw;max-height:85vh;border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.5);object-fit:contain}.markdown-body{color:var(--text-primary);font-size:14px;line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--text-primary);font-weight:600;margin-top:1.5em;margin-bottom:.5em;letter-spacing:-.02em}.markdown-body h1{font-size:1.4em;padding-bottom:.3em}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--border-color)}.markdown-body h2{font-size:1.25em;padding-bottom:.2em}.markdown-body h3{font-size:1.1em}.markdown-body code{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:3px 8px;color:var(--accent-primary)}.markdown-body code,.markdown-body pre{font-family:var(--font-mono);font-size:13px}.markdown-body pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);border-radius:var(--radius-md);padding:16px;overflow-x:auto;line-height:1.6}.notion-editor-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 8px;min-height:480px}.notion-editor-container .bn-container{font-family:var(--font-sans)}.notion-editor-container .bn-container,.notion-editor-container .bn-editor{background-color:transparent;color:var(--text-primary)}.notion-editor-container .bn-block-content[data-content-type=codeBlock],.notion-editor-container .bn-block-content[data-content-type=codeBlock] *,.notion-editor-container [data-content-type=codeBlock] code,.notion-editor-container [data-content-type=codeBlock] pre,.notion-editor-container [data-content-type=codeBlock] select{background-color:aliceblue;color:#0f172a;font-family:var(--font-mono);font-size:14px;line-height:1.6}[data-theme=dark] .notion-editor-container .bn-block-content[data-content-type=codeBlock],[data-theme=dark] .notion-editor-container .bn-block-content[data-content-type=codeBlock] *,[data-theme=dark] .notion-editor-container [data-content-type=codeBlock] code,[data-theme=dark] .notion-editor-container [data-content-type=codeBlock] pre,[data-theme=dark] .notion-editor-container [data-content-type=codeBlock] select{background-color:#1e293b;color:#f8fafc}.notion-editor-container .bn-block-content[data-content-type=codeBlock]{border:1px solid #cbd5e1;border-left:4px solid var(--accent-primary);border-radius:8px;padding:8px 12px;margin:8px 0}[data-theme=dark] .notion-editor-container .bn-block-content[data-content-type=codeBlock]{border-color:#334155}.editor-textarea-jetbrains{font-family:var(--font-mono);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;line-height:1.6;font-size:14px;resize:vertical}@media (max-width:768px),(pointer:coarse){.desktop-delete-btn{display:none}}.task-completion-exit{overflow:hidden;pointer-events:none;animation:taskCardExit .36s cubic-bezier(.4,0,.2,1) forwards}@keyframes taskCardExit{0%{max-height:96px;opacity:1;transform:translateX(0) scale(1)}to{max-height:0;opacity:0;transform:translateX(24px) scale(.98)}}.bounce-pop{animation:checkboxPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes checkboxPop{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-6deg)}70%{transform:scale(.92) rotate(2deg)}to{transform:scale(1) rotate(0deg)}}.sparkle-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.sparkle{position:absolute;width:5px;height:5px;border-radius:50%;background-color:#10b981;opacity:0;animation:sparkleExplode .45s ease-out forwards}.sparkle.p1{top:-6px;left:50%;--dx:0px;--dy:-12px}.sparkle.p2{bottom:-6px;left:50%;--dx:0px;--dy:12px}.sparkle.p3{top:50%;left:-6px;--dx:-12px;--dy:0px}.sparkle.p4{top:50%;right:-6px;--dx:12px;--dy:0px}@keyframes sparkleExplode{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes strikeSvgDraw{0%{clip-path:inset(0 100% 0 0);opacity:0}10%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:.95}}@keyframes taskComponentStrikeCollapse{0%{opacity:1;transform:scale(1);max-height:100px;margin-bottom:8px;filter:brightness(1)}45%{opacity:1;transform:scale(1);max-height:100px;margin-bottom:8px;filter:brightness(.88)}to{opacity:0;transform:scale(.92) translateY(-12px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden}}.task-completing-exit,.task-completion-exit{position:relative;animation:taskComponentStrikeCollapse .8s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.task-completing-exit:after,.task-completion-exit:after{content:"";position:absolute;top:50%;left:-1%;width:102%;height:14px;transform:translateY(-50%) rotate(-.8deg);transform-origin:left center;z-index:99;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='pencilGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%2310b981' stop-opacity='0.95'/%3E%3Cstop offset='45%25' stop-color='%2334d399' stop-opacity='0.9'/%3E%3Cstop offset='100%25' stop-color='%23059669' stop-opacity='0.95'/%3E%3C/linearGradient%3E%3Cfilter id='roughPencil'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08 0.4' numOctaves='3' result='noise'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='3.5' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23roughPencil)'%3E%3Cpath d='M 5 12 Q 100 8, 200 13 T 395 11' stroke='url(%23pencilGrad)' stroke-width='9' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3Cpath d='M 12 14 Q 120 16, 260 11 T 388 13' stroke='%23047857' stroke-width='3' stroke-linecap='round' fill='none' opacity='0.6'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 2px 6px rgba(16,185,129,.45));animation:strikeSvgDraw .42s cubic-bezier(.25,1,.5,1) forwards}.card-title-text{position:relative;transition:color .3s ease,opacity .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,opacity .3s ease;transition:color .3s ease,text-decoration .3s ease,opacity .3s ease,-webkit-text-decoration .3s ease}.card.dimmed .card-title-text{text-decoration:line-through;text-decoration-color:var(--text-muted);text-decoration-thickness:2px;color:var(--text-muted)}