:root{--color-bg:#0c1220;--color-surface:#151d2e;--color-surface-hover:#1e2940;--color-border:rgba(148,163,184,.12);--color-border-strong:rgba(148,163,184,.22);--color-text:#e2e8f0;--color-text-muted:#7f8ea3;--color-primary:#6cc5e0;--color-primary-muted:rgba(108,197,224,.1);--color-success:#34d399;--color-warning:#f0b849;--color-error:#ef6b6b;--color-info:#6b9df0;--type-xs:.875rem;--type-sm:.9375rem;--type-base:1.0625rem;--type-lg:1.25rem;--type-xl:1.5rem;--type-2xl:2rem;--type-3xl:2.75rem;--type-4xl:3.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius:10px;--radius-lg:16px;--transition-fast:.15s ease;--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-spring:.4s cubic-bezier(.34,1.56,.64,1);--line-tight:1.15;--line-base:1.55;--z-base:0;--z-elevated:10;--z-overlay:100;--z-noise:200}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--type-base);font-weight:400;line-height:var(--line-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}html{scroll-behavior:smooth}::-moz-selection{background:#6cc5e033;color:var(--color-text)}::selection{background:#6cc5e033;color:var(--color-text)}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;inset:0;opacity:.025;z-index:var(--z-noise)}body:after,body:before{content:"";pointer-events:none;position:fixed}body:after{background:radial-gradient(ellipse,rgba(108,197,224,.04) 0,transparent 70%);height:60%;right:-20%;top:-40%;width:60%;z-index:-1}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-6)}.app-nav{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);background:#151d2ecc;border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;position:sticky;top:0;z-index:var(--z-elevated)}.app-nav .container{align-items:center;display:flex;gap:var(--space-8)}.app-nav .logo{color:var(--color-text);font-size:var(--type-lg);font-weight:700;letter-spacing:-.025em;text-decoration:none}.app-nav .logo:hover{color:var(--color-primary);text-decoration:none}.btn-ghost{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font:inherit;padding:0;text-align:left;transition:color var(--transition-fast)}.btn-ghost:hover{color:var(--color-primary)}.page-header{margin-bottom:var(--space-5);padding:0}.page-title{font-size:var(--type-2xl);font-weight:700;letter-spacing:-.03em;line-height:var(--line-tight);text-wrap:balance}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);position:relative;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.card:before{background:linear-gradient(135deg,rgba(108,197,224,.03),transparent 50%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--transition-base)}.card:hover{border-color:var(--color-border-strong);box-shadow:0 4px 24px #00000040,0 0 0 1px #6cc5e00f;transform:translateY(-2px)}.card:hover:before{opacity:1}.card-title{font-size:var(--type-lg);font-weight:600;letter-spacing:-.015em;line-height:var(--line-tight);margin-bottom:var(--space-2)}.card-meta{color:var(--color-text-muted);font-size:var(--type-sm);letter-spacing:.005em;line-height:1.5}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:var(--type-sm);font-weight:500;gap:var(--space-2);justify-content:center;letter-spacing:.01em;line-height:1;padding:.4rem .875rem;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--color-surface-hover);border-color:#6cc5e040;box-shadow:0 2px 8px #0000001f;color:var(--color-text);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.97);transition-duration:.05s}.btn-sm{font-size:var(--type-sm);padding:.3rem .625rem}.btn-primary{background:var(--color-primary);font-weight:600}.btn-primary,.btn-primary:hover{border-color:transparent;color:var(--color-bg)}.btn-primary:hover{background:#7cd1ea;box-shadow:0 4px 20px #6cc5e033}.btn-danger{border-color:#ef6b6b40}.btn-danger,.btn-danger:hover{color:var(--color-error,#ef6b6b)}.btn-danger:hover{background:#ef6b6b1a;border-color:#ef6b6b66}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:var(--type-xs);font-weight:600;gap:.25rem;letter-spacing:.02em;line-height:1;padding:.25rem .625rem;text-transform:none;white-space:nowrap}.badge-active{background:#34d3991a;color:var(--color-success)}.badge-completed{background:#6b9df01a;color:var(--color-info)}.badge-archived{background:#7f8ea314;color:var(--color-text-muted)}.badge-draft,.badge-pending{background:#f0b8491a;color:var(--color-warning)}.badge-answered{background:#34d3991a;color:var(--color-success)}.badge-deferred{background:#7f8ea314;color:var(--color-text-muted)}.badge-blocked,.badge-failed,.badge-skipped{background:#ef6b6b1a;color:var(--color-error)}.badge-in_progress{background:#f0b8491a;color:var(--color-warning)}.badge-high{background:#ef6b6b1a;color:var(--color-error)}.badge-medium{background:#f0b8491a;color:var(--color-warning)}.badge-low{background:#7f8ea314}.badge-low,.tag{color:var(--color-text-muted)}.tag{align-items:center;background:var(--color-surface-hover);border-radius:4px;display:inline-flex;font-size:var(--type-xs);font-weight:500;line-height:1;padding:.25rem .625rem;transition:all var(--transition-fast)}.tag-hue-0{background:#6cc5e014;color:#6cc5e0}.tag-hue-1{background:#34d39914;color:#34d399}.tag-hue-2{background:#f0b84914;color:#f0b849}.tag-hue-3{background:#ef6b6b14;color:#ef6b6b}.tag-hue-4{background:#a78bfa14;color:#a78bfa}.tag-hue-5{background:#fb923c14;color:#fb923c}.readonly-badge{align-items:center;background:transparent;border:1px solid var(--color-border-strong);border-radius:4px;color:var(--color-text-muted);display:inline-flex;font-size:var(--type-xs);font-weight:600;letter-spacing:.05em;line-height:1;opacity:.7;padding:.25rem .5rem;text-transform:uppercase}.progress-bar{background:var(--color-surface-hover);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-bar-fill{background:var(--color-success);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.layout-sidebar{display:grid;gap:var(--space-8);grid-template-columns:240px 1fr}.sidebar{align-self:start;gap:var(--space-1);position:sticky;top:calc(var(--space-4) + 56px)}.sidebar,.sidebar-item{display:flex;flex-direction:column}.sidebar-item{border-left:2px solid transparent;border-radius:0;color:var(--color-text-muted);cursor:pointer;padding:var(--space-2) var(--space-3);transition:color var(--transition-fast),border-color var(--transition-fast)}.sidebar-item.active,.sidebar-item:hover{color:var(--color-text)}.sidebar-item.active{border-left-color:var(--color-primary)}.sidebar-item.active .sidebar-item-name{font-weight:500}.sidebar-progress{background:#94a3b814;border-radius:1px;height:2px;margin-top:var(--space-1);overflow:hidden}.sidebar-progress-fill{background:var(--color-success);border-radius:1px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.empty-state{color:var(--color-text-muted);padding:var(--space-16) var(--space-12);text-align:center}.empty-command{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);display:flex;font-size:var(--type-sm);gap:var(--space-2);margin-left:auto;margin-right:auto;margin-top:var(--space-4);max-width:500px;padding:var(--space-3) var(--space-4);text-align:left}.command-text{color:var(--color-primary);flex:1;font-family:JetBrains Mono,Fira Code,monospace;word-break:break-all}.command-text,.copy-btn{font-size:var(--type-xs)}.copy-btn{background:transparent;border:1px solid var(--color-border-strong);border-radius:4px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-family:inherit;font-weight:500;padding:.25rem .625rem;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-surface-hover);border-color:#6cc5e040;color:var(--color-text)}.copy-btn.copied{border-color:#34d39933;color:var(--color-success)}.warning-banner{background:#f0b8490f;border:1px solid rgba(240,184,73,.2);border-radius:var(--radius);color:var(--color-warning);font-size:var(--type-sm);padding:var(--space-3) var(--space-4)}.filter-bar,.warning-banner{margin-bottom:var(--space-6)}.filter-bar{display:flex;gap:var(--space-2)}.filter-bar select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath stroke='%237f8ea3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--type-sm);font-weight:500;padding:.35rem 1.75rem .35rem .625rem;transition:all var(--transition-fast)}.filter-bar select:hover{border-color:#6cc5e040;color:var(--color-text)}.search-mark{background:#6cc5e033;border-radius:2px;color:var(--color-primary)}.markdown-content h1{font-size:var(--type-xl);font-weight:700;letter-spacing:-.02em;margin:var(--space-8) 0 var(--space-3);padding-bottom:var(--space-2)}.markdown-content h1,.markdown-content h2{border-bottom:1px solid var(--color-border)}.markdown-content h2{font-size:var(--type-lg);font-weight:600;letter-spacing:-.015em;margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-1)}.markdown-content h3{font-size:var(--type-base);font-weight:600;margin:var(--space-6) 0 var(--space-2)}.markdown-content h4{font-size:var(--type-sm);font-weight:600;margin:var(--space-4) 0 var(--space-2)}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child{margin-top:0}.markdown-content p{margin:var(--space-3) 0}.markdown-content ol,.markdown-content ul{margin:var(--space-3) 0;padding-left:var(--space-6)}.markdown-content li,.markdown-content li>ol,.markdown-content li>ul{margin:var(--space-1) 0}.markdown-content strong{color:var(--color-text);font-weight:600}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.markdown-content code{background:var(--color-surface-hover);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;padding:.15em .4em}.markdown-content pre{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius);line-height:var(--line-base);margin:var(--space-5) 0;overflow-x:auto;padding:var(--space-4) var(--space-5)}.markdown-content pre code{background:none;font-size:var(--type-xs);padding:0}.markdown-content blockquote{border-left:2px solid var(--color-primary);color:var(--color-text-muted);margin:var(--space-4) 0;padding:var(--space-2) var(--space-4)}.markdown-content blockquote p{margin:var(--space-1) 0}.markdown-content table{border-collapse:collapse;font-size:var(--type-sm);margin:var(--space-5) 0;width:100%}.markdown-content thead th{background:var(--color-surface-hover);border-bottom:2px solid var(--color-border-strong);color:var(--color-text);font-weight:600;padding:var(--space-2) var(--space-3);text-align:left}.markdown-content tbody td{border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-3);vertical-align:top}.markdown-content tbody tr:hover{background:#ffffff05}.markdown-content tbody tr:last-child td{border-bottom:none}.markdown-content img{border-radius:var(--radius);margin:var(--space-4) 0;max-width:100%}.markdown-content a{color:var(--color-primary);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.crossref-link{background:var(--color-primary-muted);border-radius:4px;color:var(--color-primary);font-family:JetBrains Mono,monospace;font-size:.9em;font-weight:600;padding:.1rem .35rem;text-decoration:none}.crossref-link:hover{background:#6cc5e033;text-decoration:none}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;position:relative}.skeleton-card:after{animation:skeleton-shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(148,163,184,.03) 50%,transparent);content:"";inset:0;position:absolute}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.card,.getting-started,.notes-card,.page-header,.progress-card,.session-widget,.task-widget{animation:fade-up .4s cubic-bezier(.4,0,.2,1) both}.grid>:first-child{animation-delay:.05s}.grid>:nth-child(2){animation-delay:.1s}.grid>:nth-child(3){animation-delay:.15s}.grid>:nth-child(4){animation-delay:.2s}.grid>:nth-child(5){animation-delay:.25s}.grid>:nth-child(6){animation-delay:.3s}.grid>:nth-child(7){animation-delay:.35s}.grid>:nth-child(8){animation-delay:.4s}.grid>:nth-child(n+9){animation-delay:.45s}@media print{.app-footer,.app-nav,.btn,.filter-bar,.no-print,.sidebar,.warning-banner{display:none!important}.breadcrumbs a{color:inherit}body{background:#fff;color:#000}body:after,body:before{display:none}.main-content{padding-top:0}.page-header{margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.card{background:none;border:none;-moz-column-break-inside:avoid;box-shadow:none;break-inside:avoid;padding:0;transform:none}.card:before{display:none}.card:hover{border-color:transparent;box-shadow:none}.badge{border:1px solid}.layout-sidebar{grid-template-columns:1fr}.markdown-content pre{background:#f5f5f5}*{animation:none!important;transition:none!important}a{color:inherit;text-decoration:none}}.flex{display:flex}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-start{align-items:flex-start;display:flex}.flex-center{display:flex;justify-content:center}.flex-center,.items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--type-sm)}.text-xs{font-size:var(--type-xs)}.font-medium{font-weight:500}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.ml-auto{margin-left:auto}@media(max-width:768px){.grid-2,.grid-3,.layout-sidebar{grid-template-columns:1fr}.sidebar{flex-direction:row;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-2);position:static;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.sidebar .sidebar-divider{display:none}.sidebar-item{border-bottom:2px solid transparent;border-left:none;flex-direction:row;flex-shrink:0;font-size:var(--type-xs);padding:var(--space-2) var(--space-3);white-space:nowrap}.sidebar-item.active{border-bottom-color:var(--color-primary);border-left-color:transparent;color:var(--color-primary)}.sidebar-progress{display:none}.container{padding:0 var(--space-4)}.page-title{font-size:var(--type-xl)}.ws-label{display:none}.entry-nav-btn{font-size:var(--type-xs);max-width:48%}}@media(max-width:480px){.filter-bar{flex-wrap:wrap}.filter-bar select{flex:1;min-width:0}}.badge-icon[data-v-45c8c6eb]{font-size:.65em}.search-trigger[data-v-ce958e51]{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:var(--type-sm);gap:var(--space-2);min-width:200px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.search-trigger[data-v-ce958e51]:hover{border-color:var(--color-border-strong);color:var(--color-text)}.search-placeholder[data-v-ce958e51]{flex:1;text-align:left}.search-shortcut[data-v-ce958e51]{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:3px;color:var(--color-text-muted);font-family:inherit;font-size:.625rem;line-height:1.4;padding:1px 5px}.search-overlay[data-v-ce958e51]{align-items:flex-start;animation:overlay-in-ce958e51 .15s ease both;backdrop-filter:blur(8px) saturate(.8);-webkit-backdrop-filter:blur(8px) saturate(.8);background:#000000a6;display:flex;inset:0;justify-content:center;padding-top:14vh;position:fixed;z-index:var(--z-overlay)}@keyframes overlay-in-ce958e51{0%{opacity:0}to{opacity:1}}.search-modal[data-v-ce958e51]{animation:modal-in-ce958e51 .2s cubic-bezier(.34,1.56,.64,1) both;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:0 24px 80px #00000080,0 0 0 1px #6cc5e00f,inset 0 1px #ffffff0a;margin:0 var(--space-4);max-width:600px;overflow:hidden;width:100%}@keyframes modal-in-ce958e51{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-input-wrap[data-v-ce958e51]{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.search-icon[data-v-ce958e51]{color:var(--color-text-muted);flex-shrink:0}.search-input[data-v-ce958e51]{background:none;border:none;color:var(--color-text);flex:1;font-family:inherit;font-size:var(--type-base);outline:none}.search-input[data-v-ce958e51]::-moz-placeholder{color:var(--color-text-muted)}.search-input[data-v-ce958e51]::placeholder{color:var(--color-text-muted)}.search-kbd[data-v-ce958e51]{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:inherit;font-size:.625rem;padding:var(--space-1) var(--space-2)}.search-results[data-v-ce958e51]{max-height:420px;overflow-y:auto;padding:var(--space-2) 0}.result-group+.result-group[data-v-ce958e51]{border-top:1px solid var(--color-border)}.result-group-label[data-v-ce958e51]{color:var(--color-text-muted);font-size:var(--type-xs);font-weight:600;letter-spacing:.04em;padding:var(--space-3) var(--space-5) var(--space-1);text-transform:uppercase}.result-item[data-v-ce958e51]{align-items:center;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;gap:var(--space-3);margin:0 var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:background var(--transition-fast)}.result-active[data-v-ce958e51],.result-item[data-v-ce958e51]:hover{background:var(--color-surface-hover)}.result-code[data-v-ce958e51]{background:var(--color-primary-muted);border-radius:3px;color:var(--color-primary);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:var(--type-xs);font-weight:600;padding:.1rem .35rem}.result-content[data-v-ce958e51]{flex:1;min-width:0}.result-title[data-v-ce958e51]{display:block;font-size:var(--type-sm);font-weight:500}.result-meta[data-v-ce958e51]{color:var(--color-text-muted);display:block;font-size:var(--type-xs);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-tags[data-v-ce958e51]{display:flex;flex-shrink:0;gap:3px}.result-tag[data-v-ce958e51]{background:var(--color-surface-hover);border-radius:2px;font-size:.6rem;padding:1px 4px}.result-empty[data-v-ce958e51],.result-tag[data-v-ce958e51]{color:var(--color-text-muted)}.result-empty[data-v-ce958e51]{font-size:var(--type-sm);padding:var(--space-10);text-align:center}.search-hints[data-v-ce958e51]{border-top:1px solid var(--color-border);display:flex;gap:var(--space-6);padding:var(--space-3) var(--space-5)}.hint-item[data-v-ce958e51]{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--type-xs);gap:var(--space-2)}.hint-item kbd[data-v-ce958e51]{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:.625rem;padding:var(--space-1) var(--space-2)}.activity-indicator[data-v-48ebc5a9]{align-items:center;animation:indicator-in-48ebc5a9 .2s ease both;background:var(--color-primary-muted);border:1px solid rgba(108,197,224,.12);border-radius:4px;color:var(--color-primary);display:inline-flex;font-size:var(--type-xs);gap:var(--space-2);line-height:1;padding:.2rem .5rem}@keyframes indicator-in-48ebc5a9{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.activity-dot[data-v-48ebc5a9]{animation:pulse-dot-48ebc5a9 1.5s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:6px;width:6px}@keyframes pulse-dot-48ebc5a9{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.activity-label[data-v-48ebc5a9]{font-weight:500}.connection-status[data-v-7b5a5c94]{align-items:center;color:var(--color-text-muted);cursor:default;display:flex;font-size:var(--type-xs);font-weight:500;gap:.375rem}.ws-dot[data-v-7b5a5c94]{border-radius:50%;flex-shrink:0;height:6px;transition:background var(--transition-base);width:6px}.ws-connected[data-v-7b5a5c94]{background:var(--color-success);box-shadow:0 0 6px #34d39980}.ws-reconnecting[data-v-7b5a5c94]{animation:pulse-dot-7b5a5c94 1.5s ease-in-out infinite;background:var(--color-warning)}.ws-disconnected[data-v-7b5a5c94]{background:var(--color-text-muted);opacity:.5}@keyframes pulse-dot-7b5a5c94{0%,to{opacity:1}50%{opacity:.3}}.nav-inner{justify-content:space-between}.nav-inner,.nav-right{align-items:center;display:flex}.nav-right{gap:var(--space-3)}.main-content{min-height:calc(100dvh - 120px);padding-bottom:var(--space-4);padding-top:var(--space-4)}.app-footer{border-top:1px solid var(--color-border);margin-top:var(--space-4);padding:var(--space-4) 0}.footer-inner{justify-content:space-between}.footer-inner,.footer-right{align-items:center;display:flex}.footer-right{gap:var(--space-4)}.footer-link{text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary);text-decoration:none}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:var(--type-sm);gap:var(--space-2);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.user-menu-trigger:hover{border-color:var(--color-border);color:var(--color-text)}.user-avatar{align-items:center;background:var(--color-primary-muted);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:.6875rem;font-weight:600;height:22px;justify-content:center;width:22px}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:dropdown-in .12s ease both;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;min-width:180px;padding:var(--space-1);position:absolute;right:0;top:calc(100% + var(--space-1));z-index:100}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:var(--type-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast);width:100%}.user-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.user-dropdown-danger:hover{color:var(--color-danger,#dc2626)}.user-dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-1) var(--space-2)}