@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Instrument+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{--font-brand: "Plus Jakarta Sans", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Plus Jakarta Sans", "Instrument Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", monospace;--sidebar-width: 280px;--header-height: 72px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--radius-full: 9999px;--bg-main: #0c0f17;--bg-sidebar: #0f131f;--bg-card: rgba(22, 27, 43, .7);--bg-card-hover: rgba(30, 37, 58, .85);--bg-input: rgba(15, 19, 31, .8);--bg-code: rgba(12, 15, 23, .95);--bg-hover: rgba(255, 122, 89, .1);--modal-overlay: rgba(5, 7, 12, .82);--bg-main: #272822;--bg-sidebar: #1e1f1c;--bg-card: rgba(45, 46, 39, .88);--bg-card-hover: #3e3d32;--bg-input: #1e1f1c;--bg-code: #1e1f1c;--bg-hover: rgba(249, 38, 114, .12);--modal-overlay: rgba(20, 21, 17, .82);--accent-primary: #ff7a59;--accent-secondary: #00e5ff;--accent-tertiary: #a78bfa;--accent-glow: rgba(255, 122, 89, .35);--accent-primary: #f92672;--accent-secondary: #a6e22e;--accent-tertiary: #66d9ef;--accent-yellow: #e6db74;--accent-orange: #fd971f;--accent-purple: #ae81ff;--accent-glow: rgba(249, 38, 114, .35);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-dim: #64748b;--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(255, 122, 89, .5);--text-primary: #f8f8f2;--text-secondary: #d6d6cd;--text-dim: #75715e;--border-subtle: rgba(255, 255, 255, .09);--border-active: #f92672;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .5);--shadow-card: 0 8px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 25px rgba(255, 122, 89, .25);--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .55);--shadow-card: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(249, 38, 114, .25);--cat-orange-text: #ff7a59;--cat-orange-bg: rgba(255, 122, 89, .12);--cat-orange-border: rgba(255, 122, 89, .3);--cat-orange-text: #fd971f;--cat-orange-bg: rgba(253, 151, 31, .14);--cat-orange-border: rgba(253, 151, 31, .35);--cat-blue-text: #38bdf8;--cat-blue-bg: rgba(56, 189, 248, .12);--cat-blue-border: rgba(56, 189, 248, .3);--cat-blue-text: #66d9ef;--cat-blue-bg: rgba(102, 217, 239, .14);--cat-blue-border: rgba(102, 217, 239, .35);--cat-green-text: #34d399;--cat-green-bg: rgba(52, 211, 153, .12);--cat-green-border: rgba(52, 211, 153, .3);--cat-green-text: #a6e22e;--cat-green-bg: rgba(166, 226, 46, .14);--cat-green-border: rgba(166, 226, 46, .35);--cat-neutral-text: #94a3b8;--cat-neutral-bg: rgba(148, 163, 184, .12);--cat-neutral-border: rgba(148, 163, 184, .3);--cat-neutral-text: #ae81ff;--cat-neutral-bg: rgba(174, 129, 255, .14);--cat-neutral-border: rgba(174, 129, 255, .35)}[data-theme=dark]{--bg-main: #272822;--bg-sidebar: #1e1f1c;--bg-card: rgba(45, 46, 39, .88);--bg-card-hover: #3e3d32;--bg-input: #1e1f1c;--bg-code: #1e1f1c;--bg-hover: rgba(249, 38, 114, .12);--modal-overlay: rgba(20, 21, 17, .82);--accent-primary: #f92672;--accent-secondary: #a6e22e;--accent-tertiary: #66d9ef;--accent-yellow: #e6db74;--accent-orange: #fd971f;--accent-purple: #ae81ff;--accent-glow: rgba(249, 38, 114, .35);--text-primary: #f8f8f2;--text-secondary: #d6d6cd;--text-dim: #75715e;--border-subtle: rgba(255, 255, 255, .09);--border-active: #f92672;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .55);--shadow-card: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(249, 38, 114, .25);--cat-orange-text: #fd971f;--cat-orange-bg: rgba(253, 151, 31, .14);--cat-orange-border: rgba(253, 151, 31, .35);--cat-blue-text: #66d9ef;--cat-blue-bg: rgba(102, 217, 239, .14);--cat-blue-border: rgba(102, 217, 239, .35);--cat-green-text: #a6e22e;--cat-green-bg: rgba(166, 226, 46, .14);--cat-green-border: rgba(166, 226, 46, .35);--cat-neutral-text: #ae81ff;--cat-neutral-bg: rgba(174, 129, 255, .14);--cat-neutral-border: rgba(174, 129, 255, .35)}[data-theme=light]{--bg-main: #f8f7f4;--bg-sidebar: #f0eee7;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: #ffffff;--bg-input: #ffffff;--bg-code: #f0eee7;--bg-hover: rgba(217, 119, 87, .08);--modal-overlay: rgba(20, 20, 19, .6);--accent-primary: #d97757;--accent-secondary: #0284c7;--accent-tertiary: #16a34a;--accent-glow: rgba(217, 119, 87, .25);--text-primary: #18181b;--text-secondary: #52525b;--text-dim: #71717a;--border-subtle: rgba(0, 0, 0, .09);--border-active: rgba(217, 119, 87, .6);--shadow-soft: 0 4px 16px -2px rgba(0, 0, 0, .06);--shadow-card: 0 4px 20px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(217, 119, 87, .15);--cat-orange-text: #c2410c;--cat-orange-bg: rgba(194, 65, 12, .1);--cat-orange-border: rgba(194, 65, 12, .25);--cat-blue-text: #0369a1;--cat-blue-bg: rgba(3, 105, 161, .1);--cat-blue-border: rgba(3, 105, 161, .25);--cat-green-text: #15803d;--cat-green-bg: rgba(21, 128, 61, .1);--cat-green-border: rgba(21, 128, 61, .25);--cat-neutral-text: #52525b;--cat-neutral-bg: rgba(82, 82, 91, .08);--cat-neutral-border: rgba(82, 82, 91, .2)}[data-theme=emerald]{--bg-main: #06110d;--bg-sidebar: #091913;--bg-card: rgba(13, 33, 26, .7);--bg-card-hover: rgba(18, 46, 36, .85);--bg-input: rgba(9, 25, 19, .8);--bg-code: rgba(6, 17, 13, .95);--bg-hover: rgba(16, 185, 129, .12);--modal-overlay: rgba(3, 8, 6, .85);--accent-primary: #10b981;--accent-secondary: #06b6d4;--accent-tertiary: #f59e0b;--accent-glow: rgba(16, 185, 129, .35);--text-primary: #ecfdf5;--text-secondary: #a7f3d0;--text-dim: #6ee7b7;--border-subtle: rgba(16, 185, 129, .15);--border-active: rgba(16, 185, 129, .6);--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .6);--shadow-card: 0 8px 30px rgba(0, 0, 0, .4);--shadow-glow: 0 0 25px rgba(16, 185, 129, .3)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(255,122,89,.05) 0%,rgba(249,38,114,.04) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,229,255,.05) 0%,rgba(166,226,46,.04) 0%,transparent 40%);background-attachment:fixed}.app-container{display:flex;min-height:100vh;position:relative}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;min-height:100vh}.content-area{flex:1;padding:24px 32px 64px;max-width:1600px;width:100%;margin:0 auto}.header{position:sticky;top:0;z-index:40;height:var(--header-height);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-main);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}.header-left{display:flex;align-items:center;gap:14px;flex:1;max-width:680px}.header-brand-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full)}.header-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);animation:pulse 2s infinite}.header-brand-title{font-family:var(--font-heading);font-weight:700;font-size:.82rem;letter-spacing:.08em;color:var(--text-primary)}.search-container{flex:1;position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;height:40px;padding:0 68px 0 38px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);font-size:.88rem;transition:all .2s ease;outline:none}.search-input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px var(--bg-hover)}.search-icon-fixed{position:absolute;left:13px;color:var(--text-dim);pointer-events:none}.search-controls{position:absolute;right:8px;display:flex;align-items:center;gap:4px}.cmd-k-hint{padding:2px 7px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.cmd-k-hint:hover{color:var(--text-primary);border-color:var(--border-active)}.search-clear-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.header-count-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.8rem}.header-count-num{font-weight:700;color:var(--accent-primary)}.header-count-text{color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:8px}.view-mode-tabs{display:flex;align-items:center;padding:3px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-full);gap:2px}.view-mode-pill{display:flex;align-items:center;gap:5px;padding:6px 12px;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-dim);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.view-mode-pill:hover{color:var(--text-primary)}.view-mode-pill.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.header-action-btn,.header-backpack-btn,.header-roulette-btn{height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.header-action-btn{padding:0 10px}.header-action-btn:hover,.header-backpack-btn:hover,.header-roulette-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-active);transform:translateY(-1px)}.header-backpack-btn.is-active{border-color:#f59e0b;background:#f59e0b1f;color:#f59e0b}.header-backpack-count{font-weight:700;font-size:.75rem}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:35;transition:width .3s cubic-bezier(.16,1,.3,1),opacity .25s ease,border-color .3s ease,transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:0px!important;border-right-color:transparent;opacity:0;pointer-events:none}.sidebar-inner-content{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;display:flex;flex-direction:column}.sidebar-top-bar{height:var(--header-height);padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.sidebar-brand-btn{background:none;border:none;padding:0;color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-brand);transition:all .15s ease;text-decoration:none}.sidebar-brand-btn:hover{opacity:.9}.sidebar-brand-title{font-family:var(--font-brand);font-size:1.15rem;font-weight:700;letter-spacing:-.015em;color:var(--text-primary);display:inline-block;line-height:1.2;transition:color .15s ease}.sidebar-brand-btn:hover .sidebar-brand-title{color:var(--accent-primary)}.sidebar-reset-btn{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--accent-primary);background:var(--bg-hover);border:none;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer}.sidebar-scroll-area{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:20px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.nav-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:0 8px}.sidebar-nav-list{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.86rem;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--category-bg, var(--bg-hover));color:var(--category-color, var(--accent-primary));border-color:var(--category-border, var(--border-active));font-weight:600}.nav-item-icon{display:flex;align-items:center;justify-content:center;width:20px}.nav-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item-count{font-size:.75rem;font-family:var(--font-mono);padding:2px 6px;background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-dim)}.bookmark-tab.active{background:#f59e0b1f;color:#f59e0b;border-color:#f59e0b4d}.sidebar-priority-group{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sidebar-priority-chip{padding:6px 0;text-align:center;font-size:.75rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:all .15s ease}.sidebar-priority-chip:hover{color:var(--text-primary)}.sidebar-priority-chip.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sidebar-tag-cloud{display:flex;flex-wrap:wrap;gap:5px}.sidebar-tag-pill{display:flex;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-family:var(--font-mono);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.sidebar-tag-pill:hover{border-color:var(--border-active);color:var(--text-primary)}.sidebar-tag-pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.sidebar-tag-count{font-size:.65rem;opacity:.7}.filter-status-banner{margin-bottom:20px}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.78rem;color:var(--text-primary)}.active-filter-chip button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-weight:700;font-size:.9rem}.active-filter-chip.bookmark{border-color:#f59e0b;color:#f59e0b}.active-filter-chip.tag{color:var(--accent-secondary)}.filter-clear-all-btn{background:none;border:none;color:var(--accent-primary);font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:underline;margin-left:6px}.bento-grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.bento-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:14px;overflow:hidden;box-shadow:var(--shadow-card);transition:border-color .25s ease,box-shadow .25s ease;cursor:pointer}.bento-card:hover{border-color:var(--category-border, var(--border-active));box-shadow:var(--shadow-soft),var(--shadow-glow)}.bento-spotlight{position:absolute;width:300px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--category-bg, rgba(255, 122, 89, .15)) 0%,transparent 70%);pointer-events:none;z-index:0}.bento-card-top,.bento-card-body,.bento-card-tags,.bento-card-footer{position:relative;z-index:1}.bento-card-top{display:flex;align-items:center;justify-content:space-between}.bento-category-pill{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:var(--radius-sm);background:var(--category-bg, var(--bg-hover));color:var(--category-color, var(--accent-primary));border:1px solid var(--category-border, var(--border-subtle))}.bento-priority-badge{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full)}.bento-priority-dot{width:6px;height:6px;border-radius:50%}.badge-high{background:#ef44441f;color:#ef4444}.badge-high .bento-priority-dot{background:#ef4444;box-shadow:0 0 6px #ef4444}.badge-medium{background:#f59e0b1f;color:#f59e0b}.badge-medium .bento-priority-dot{background:#f59e0b}.badge-low{background:#10b9811f;color:#10b981}.badge-low .bento-priority-dot{background:#10b981}.bento-card-quick-actions{display:flex;align-items:center;gap:4px}.bento-icon-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.bento-icon-btn:hover{color:var(--text-primary);border-color:var(--border-active);background:var(--bg-card-hover)}.bento-icon-btn.is-bookmarked{color:#f59e0b;border-color:#f59e0b66}.bento-card-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.bento-title-arrow{color:var(--text-dim);opacity:0;transform:translate(-3px,3px);transition:all .2s ease}.bento-card:hover .bento-title-arrow{opacity:1;transform:translate(0);color:var(--accent-primary)}.bento-card-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bento-feature-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;background:#a78bfa1f;color:#a78bfa;border:1px solid rgba(167,139,250,.25);border-radius:var(--radius-sm)}.bento-feature-badge.terminal{background:#38bdf81f;color:#38bdf8;border-color:#38bdf840}.bento-tag-pill{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 7px;font-size:.72rem;font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;transition:all .15s ease}.bento-tag-pill:hover{color:var(--accent-primary);border-color:var(--border-active)}.bento-card-footer{margin-top:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.bento-url-link{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim);text-decoration:none;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-url-link:hover{color:var(--accent-primary)}.bento-footer-action-group{display:flex;flex-direction:row;align-items:center;gap:6px;flex-shrink:0}.bento-footer-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-decoration:none;flex-shrink:0}.bento-footer-action-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.bento-footer-action-btn.primary{background:var(--bg-hover);color:var(--accent-primary)}.terminal-hud-container{display:flex;flex-direction:column;gap:14px;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-card)}.terminal-telemetry-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.75rem}.terminal-telemetry-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.terminal-hud-main{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:560px;height:590px;max-height:640px}.terminal-list-pane{background:var(--bg-main);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow-y:auto;height:100%;max-height:100%;display:flex;flex-direction:column}.terminal-list-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.terminal-list-row:hover{background:var(--bg-hover)}.terminal-list-row.is-selected{background:var(--bg-card-hover);border-left:3px solid var(--accent-primary)}.terminal-row-index{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.terminal-row-info{flex:1;min-width:0}.terminal-row-title{font-size:.88rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-row-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.terminal-badge-cat{font-size:.68rem;font-weight:700;color:var(--accent-primary)}.terminal-badge-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim)}.terminal-row-priority{font-size:.7rem;font-weight:600;color:var(--text-dim)}.terminal-inspect-pane{background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;gap:20px;height:100%;max-height:100%;overflow-y:auto}.terminal-inspect-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.terminal-inspect-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;color:var(--text-primary)}.terminal-inspect-actions{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.terminal-hud-btn{width:34px;height:34px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;text-decoration:none;flex-shrink:0}.terminal-hud-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.terminal-hud-btn.primary{background:var(--accent-primary);color:#fff}.terminal-hud-btn.is-active{border-color:#f59e0b}.terminal-inspect-body{display:flex;flex-direction:column;gap:16px}.terminal-field-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--text-dim);margin-bottom:4px}.terminal-field-value{font-size:.92rem;color:var(--text-secondary);line-height:1.4}.terminal-code-line{font-family:var(--font-mono);font-size:.82rem;color:var(--accent-secondary)}.terminal-command-box{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.84rem;color:#38bdf8}.terminal-inline-copy{background:none;border:none;color:var(--text-dim);cursor:pointer}.terminal-inline-copy:hover{color:var(--text-primary)}.terminal-snippet-pre{padding:14px;background:#0006;border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8rem;color:#a7f3d0;max-height:200px;overflow-y:auto}.terminal-tag-pill{font-family:var(--font-mono);font-size:.72rem;padding:3px 8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}.terminal-inspect-footer{margin-top:auto}.terminal-full-inspect-btn{width:100%;padding:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.terminal-full-inspect-btn:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--accent-primary)}.dense-table-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}.dense-table{width:100%;border-collapse:collapse;text-align:left;font-size:.86rem}.dense-table thead tr{background:var(--bg-input);border-bottom:1px solid var(--border-subtle)}.dense-table th{padding:14px 18px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.dense-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.dense-table tbody tr:hover{background:var(--bg-card-hover)}.dense-table td{padding:14px 18px;vertical-align:middle}.dense-star-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto}.dense-resource-cell{display:flex;flex-direction:column}.dense-resource-title{background:none;border:none;font-family:var(--font-heading);font-weight:700;font-size:.95rem;color:var(--text-primary);text-align:left;cursor:pointer}.dense-resource-title:hover{color:var(--accent-primary)}.dense-resource-desc{font-size:.78rem;color:var(--text-dim);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dense-category-pill{font-size:.72rem;font-weight:600;padding:3px 8px;background:var(--bg-input);border-radius:var(--radius-sm);color:var(--text-secondary)}.dense-priority-badge{font-size:.72rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full)}.dense-tag-pill{font-family:var(--font-mono);font-size:.7rem;padding:2px 6px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer}.dense-tag-pill:hover{color:var(--accent-primary)}.dense-url-link{font-family:var(--font-mono);font-size:.76rem;color:var(--accent-secondary);text-decoration:none}.dense-action-btn{width:28px;height:28px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .15s ease}.dense-action-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.dense-action-btn.primary{color:var(--accent-primary)}.cmd-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.cmd-modal-box{width:100%;max-width:620px;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 24px 64px #000000b3;overflow:hidden;display:flex;flex-direction:column}.cmd-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-input)}.cmd-input-field{flex:1;background:none;border:none;outline:none;font-size:1rem;color:var(--text-primary)}.cmd-kbd-esc{font-family:var(--font-mono);font-size:.7rem;padding:2px 6px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-dim)}.cmd-results-list{max-height:400px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.cmd-section-group{display:flex;flex-direction:column;gap:4px}.cmd-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:4px 8px}.cmd-item-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.cmd-item-row:hover,.cmd-item-row.is-active{background:var(--bg-hover);color:var(--text-primary)}.cmd-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--accent-primary)}.cmd-item-content{flex:1;min-width:0}.cmd-item-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.cmd-item-cat{font-size:.7rem;color:var(--accent-secondary);font-weight:600}.cmd-item-sub{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-item-hint{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-primary)}.cmd-empty-state{padding:32px 16px;text-align:center;color:var(--text-dim);font-size:.88rem}.cmd-footer-bar{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:10px 20px;background:var(--bg-main);border-top:1px solid var(--border-subtle);font-size:.72rem;color:var(--text-dim)}.cmd-footer-bar kbd{font-family:var(--font-mono);padding:1px 4px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:4px}.roulette-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.roulette-modal-card{width:100%;max-width:520px;background:var(--bg-sidebar);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 24px 64px #000000b3;overflow:hidden;padding:24px;display:flex;flex-direction:column;gap:20px}.roulette-header{display:flex;align-items:center;justify-content:space-between}.roulette-dice-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.roulette-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.roulette-sub{font-size:.78rem;color:var(--text-dim)}.roulette-close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer}.roulette-stage{min-height:220px;display:flex;align-items:center;justify-content:center}.roulette-spinning-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.roulette-spinner-ring{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.roulette-rolling-text{font-family:var(--font-heading);font-size:1.3rem;font-weight:800;color:var(--accent-primary)}.roulette-result-card{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}.roulette-celebrate-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:#f59e0b;background:#f59e0b1f;padding:3px 8px;border-radius:var(--radius-sm)}.roulette-result-name{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.roulette-result-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45}.roulette-actions-row{display:flex;align-items:center;gap:8px;margin-top:16px}.roulette-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease}.roulette-btn.primary{background:var(--accent-primary);color:#fff;border:none;flex:1}.roulette-btn.secondary{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary)}.roulette-btn.icon-only{padding:9px 11px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-dim)}.roulette-btn.icon-only.is-active{border-color:#f59e0b}.roulette-footer{display:flex;justify-content:center}.roulette-spin-again-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-hover);border:1px solid var(--border-active);border-radius:var(--radius-full);color:var(--accent-primary);font-size:.86rem;font-weight:700;cursor:pointer;transition:all .2s ease}.roulette-spin-again-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff}.drawer-overlay-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;justify-content:flex-end}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer-panel{position:relative;width:100%;max-width:540px;height:100vh;background:var(--bg-sidebar);border-left:1px solid var(--border-subtle);box-shadow:-12px 0 40px #00000080;display:flex;flex-direction:column;z-index:95}.drawer-header{padding:24px 28px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.drawer-category-pill{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--category-color, var(--accent-primary));background:var(--category-bg, var(--bg-hover));padding:3px 8px;border-radius:var(--radius-sm)}.drawer-importance-pill{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full)}.drawer-title{font-family:var(--font-heading);font-size:1.45rem;font-weight:800;color:var(--text-primary);line-height:1.2}.drawer-icon-btn,.drawer-close-button{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.drawer-icon-btn.is-active{border-color:#f59e0b}.drawer-url-bar{padding:10px 28px;background:var(--bg-input);border-bottom:1px solid var(--border-subtle)}.drawer-url-link{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-secondary);display:flex;align-items:center;gap:6px;text-decoration:none}.drawer-tabs{display:flex;padding:0 28px;border-bottom:1px solid var(--border-subtle);gap:16px}.drawer-tab{display:flex;align-items:center;gap:6px;padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s ease}.drawer-tab.is-active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.drawer-body{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.snippet-section,.overview-section{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.snippet-section-header,.overview-subtitle{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between}.snippet-copy-btn{display:flex;align-items:center;gap:4px;font-size:.72rem;color:var(--accent-primary);background:var(--bg-hover);border:none;padding:2px 7px;border-radius:var(--radius-sm);cursor:pointer}.snippet-code-block{padding:14px;background:var(--bg-code);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.8rem;color:var(--text-primary);overflow-x:auto}.overview-description{font-size:.92rem;color:var(--text-secondary);line-height:1.5}.drawer-tags-container{display:flex;flex-wrap:wrap;gap:6px}.drawer-tag-chip{font-family:var(--font-mono);font-size:.75rem;padding:3px 8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary)}.drawer-tag-chip.clickable{cursor:pointer}.drawer-tag-chip.clickable:hover{color:var(--accent-primary);border-color:var(--border-active)}.drawer-related-list{display:flex;flex-direction:column;gap:8px}.drawer-related-card{padding:12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.drawer-related-card:hover{border-color:var(--border-active);background:var(--bg-hover)}.drawer-related-title{font-size:.88rem;font-weight:700;color:var(--text-primary)}.drawer-related-desc{font-size:.78rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-footer{padding:18px 28px;background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:12px}.drawer-footer-btn{flex:1;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);font-size:.86rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .15s ease}.drawer-footer-btn.primary{background:var(--accent-primary);color:#fff;border:none}.drawer-footer-btn.secondary{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary)}.empty-state-card{padding:64px 24px;text-align:center;background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-xl);margin-top:20px}.empty-icon-wrap{width:72px;height:72px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.empty-reset-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:.86rem;font-weight:700;cursor:pointer;transition:all .2s ease}.empty-reset-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width)!important;transform:translate(-100%);opacity:0;pointer-events:none;z-index:50}.sidebar.open{transform:translate(0);opacity:1;pointer-events:auto}.sidebar.collapsed{transform:translate(-100%);width:var(--sidebar-width)!important;opacity:0;pointer-events:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30}.terminal-hud-main{grid-template-columns:1fr}.hidden-tablet{display:none!important}}@media (max-width: 768px){.header{padding:0 14px}.content-area{padding:16px 14px 48px}.hidden-mobile{display:none!important}.bento-grid-layout{grid-template-columns:1fr}.roadmap-hero-card{flex-direction:column;align-items:flex-start}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}