:root,[data-theme=dark]{--bg: #0f121a;--sidebar-bg: #12151f;--header-bg: #161a26;--nav-bg: #131722;--card: #171b26;--card-hover: #1d2230;--card-border: #242a3d;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #ef4444;--accent-subtle: rgba(239, 68, 68, .15);--input-bg: #0d1017;--badge-bg: #1e2436;--sec-accent: #818cf8;--sec-primary: #6366f1;--sec-subtle: rgba(99, 102, 241, .16);--sec-border: rgba(99, 102, 241, .45)}[data-theme=light]{--bg: #f8fafc;--sidebar-bg: #f1f5f9;--header-bg: #ffffff;--nav-bg: #f8fafc;--card: #ffffff;--card-hover: #f1f5f9;--card-border: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent: #dc2626;--accent-subtle: rgba(220, 38, 38, .1);--input-bg: #f1f5f9;--badge-bg: #e2e8f0;--sec-accent: #4f46e5;--sec-primary: #4f46e5;--sec-subtle: rgba(79, 70, 229, .1);--sec-border: rgba(79, 70, 229, .4)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font-family:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg)}.top-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;background:var(--header-bg);border-bottom:1px solid var(--card-border);flex-shrink:0}.header-left.svelte-12qhfyh{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-trigger.svelte-12qhfyh{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:var(--sec-primary);color:#fff;font-size:12.5px;font-weight:800;letter-spacing:.2px;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.brand-group.svelte-12qhfyh{display:flex;align-items:center;gap:10px;min-width:0}.mon-crest.svelte-12qhfyh{width:30px;height:30px;border-radius:50%;object-fit:contain;flex-shrink:0}.brand-titles.svelte-12qhfyh{display:flex;flex-direction:column;min-width:0}.brand-main.svelte-12qhfyh{font-size:14.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-brand-title.svelte-12qhfyh{display:none}.mobile-section-title.svelte-12qhfyh{display:block}.search-pill.svelte-12qhfyh{flex:1;max-width:380px;display:flex;align-items:center;gap:9px;padding:7px 13px;border-radius:8px;background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-secondary);font-size:13px;text-align:left;transition:border-color .15s}.search-pill.svelte-12qhfyh:hover{border-color:var(--sec-accent)}.mobile-search-btn.svelte-12qhfyh{display:inline-flex;width:34px;height:34px;border-radius:8px;background:var(--badge-bg);border:1px solid var(--card-border);align-items:center;justify-content:center;flex-shrink:0}.user-meta.svelte-12qhfyh{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-badge.svelte-12qhfyh{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name.svelte-12qhfyh{font-size:12.5px;font-weight:700}.role-chip.svelte-12qhfyh{font-size:9.5px;font-weight:800;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:var(--badge-bg);color:var(--text-secondary)}.role-admin.svelte-12qhfyh{background:#ef44442e;color:#f87171}.role-contributor.svelte-12qhfyh{background:var(--sec-subtle);color:var(--sec-accent)}.logout-icon-btn.svelte-12qhfyh{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--badge-bg);border:1px solid var(--card-border);color:var(--text-secondary)}.logout-icon-btn.svelte-12qhfyh:hover{color:var(--accent)}.desktop-top-nav.svelte-12qhfyh{display:none;align-items:center;gap:6px;padding:7px 16px;background:var(--nav-bg);border-bottom:1px solid var(--card-border);overflow-x:auto;flex-shrink:0}.nav-divider.svelte-12qhfyh{width:1px;height:18px;background:var(--card-border);margin:0 4px;flex-shrink:0}.top-nav-btn.svelte-12qhfyh{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;color:var(--text-secondary);border:1px solid transparent;text-align:left;transition:all .15s;flex-shrink:0}.top-nav-btn.svelte-12qhfyh:hover{background:var(--badge-bg);color:var(--text-primary)}.top-nav-btn.active.svelte-12qhfyh{background:var(--sec-subtle);color:var(--sec-accent);border-color:var(--sec-border)}.rail-icon.svelte-12qhfyh{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-bars.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5px;width:14px;height:14px}.rank-bar.svelte-12qhfyh{display:block;width:100%;height:2px;border-radius:2px;background-color:currentColor}.rail-main.svelte-12qhfyh{font-size:12.5px;font-weight:700;white-space:nowrap}.workspace-body.svelte-12qhfyh{flex:1;display:flex;overflow:hidden}.main-view.svelte-12qhfyh{flex:1;overflow-y:auto;scroll-padding-bottom:120px}.mobile-drawer-scrim.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2500;display:flex;justify-content:flex-start}.mobile-drawer-panel.svelte-12qhfyh{width:286px;max-width:84vw;height:100dvh;background:var(--sidebar-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;box-shadow:12px 0 36px #00000080;animation:svelte-12qhfyh-slideInDrawer .16s ease-out}@keyframes svelte-12qhfyh-slideInDrawer{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:var(--header-bg);border-bottom:1px solid var(--card-border)}.drawer-brand.svelte-12qhfyh{display:flex;align-items:center;gap:10px;min-width:0}.drawer-brand-text.svelte-12qhfyh{display:flex;flex-direction:column;min-width:0}.drawer-brand-text.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-size:14px;font-weight:800;color:var(--text-primary)}.drawer-brand-text.svelte-12qhfyh span:where(.svelte-12qhfyh){font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-close-btn.svelte-12qhfyh{width:32px;height:32px;border-radius:8px;background:var(--badge-bg);color:var(--text-secondary);display:grid;place-items:center}.drawer-scroll.svelte-12qhfyh{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.drawer-group-label.svelte-12qhfyh{font-size:10.5px;font-weight:800;letter-spacing:.7px;color:var(--text-muted);padding:6px 8px 4px}.drawer-nav-item.svelte-12qhfyh{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:9px;color:var(--text-primary);border:1px solid transparent;text-align:left;transition:all .12s}.drawer-nav-item.svelte-12qhfyh:hover{background:var(--card)}.drawer-nav-item.active.svelte-12qhfyh{background:var(--sec-subtle);color:var(--sec-accent);border-color:var(--sec-border);border-left:3px solid var(--sec-accent)}.drawer-item-left.svelte-12qhfyh{display:flex;align-items:center;gap:10px}.drawer-item-title.svelte-12qhfyh{font-size:13.5px;font-weight:700}.drawer-item-kanji.svelte-12qhfyh{font-size:11.5px;color:var(--text-muted);font-weight:600}.drawer-nav-item.active.svelte-12qhfyh .drawer-item-kanji:where(.svelte-12qhfyh){color:var(--sec-accent);opacity:.85}.drawer-divider.svelte-12qhfyh{height:1px;background:var(--card-border);margin:8px 4px}.drawer-footer.svelte-12qhfyh{padding:12px 16px;background:var(--header-bg);border-top:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-user-info.svelte-12qhfyh{display:flex;flex-direction:column;gap:2px}.drawer-logout-btn.svelte-12qhfyh{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:var(--badge-bg);border:1px solid var(--card-border);color:var(--text-secondary);font-size:12px;font-weight:700}.search-overlay-backdrop.svelte-12qhfyh{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2600;display:flex;justify-content:center;align-items:flex-start}.search-overlay-panel.svelte-12qhfyh{width:100%;height:100dvh;max-width:780px;background:var(--bg);border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);display:flex;flex-direction:column;overflow:hidden}.overlay-top-bar.svelte-12qhfyh{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--header-bg);border-bottom:1px solid var(--card-border)}.overlay-input-wrap.svelte-12qhfyh{flex:1;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;background:var(--input-bg);border:1px solid var(--sec-border)}.overlay-input-wrap.svelte-12qhfyh input:where(.svelte-12qhfyh){flex:1;background:transparent;border:none;outline:none;font-size:15px;color:var(--text-primary)}.close-overlay-btn.svelte-12qhfyh{padding:8px 13px;border-radius:8px;background:var(--badge-bg);font-size:13px;font-weight:700}.overlay-tags-row.svelte-12qhfyh{display:flex;gap:6px;padding:10px 16px;overflow-x:auto;background:var(--nav-bg);border-bottom:1px solid var(--card-border);flex-shrink:0}.overlay-tag-pill.svelte-12qhfyh{padding:4px 10px;border-radius:6px;background:var(--badge-bg);border:1px solid var(--card-border);color:var(--text-secondary);font-size:11.5px;font-weight:700;white-space:nowrap}.overlay-tag-pill.selected.svelte-12qhfyh{background:var(--sec-subtle);border-color:var(--sec-border);color:var(--sec-accent)}.overlay-tag-pill.clear-pill.svelte-12qhfyh{display:inline-flex;align-items:center;gap:4px;background:#ef53501f;border-color:#ef535059;color:#ef5350}.overlay-tag-pill.clear-pill.svelte-12qhfyh:hover{background:#ef535038;color:#ef5350}.overlay-body.svelte-12qhfyh{flex:1;overflow-y:auto;padding:16px}.overlay-result-count.svelte-12qhfyh{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.overlay-results-list.svelte-12qhfyh{display:flex;flex-direction:column;gap:6px}.overlay-result-row.svelte-12qhfyh{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;background:var(--card);border:1px solid var(--card-border);text-align:left;transition:border-color .15s}.overlay-result-row.svelte-12qhfyh:hover{border-color:var(--sec-border)}.res-idx.svelte-12qhfyh{font-size:11.5px;font-weight:800;color:var(--text-muted);font-variant-numeric:tabular-nums;width:22px;flex-shrink:0}.res-left.svelte-12qhfyh{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.res-primary.svelte-12qhfyh{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-secondary.svelte-12qhfyh{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-right.svelte-12qhfyh{display:flex;align-items:center;gap:6px;flex-shrink:0}.media-badge.svelte-12qhfyh{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.media-badge.video.svelte-12qhfyh{background:var(--sec-subtle);color:var(--sec-accent)}.media-badge.photo.svelte-12qhfyh{background:#38bdf829;color:#38bdf8}.overlay-empty-prompt.svelte-12qhfyh{padding:60px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-secondary);text-align:center}.overlay-detail-wrap.svelte-12qhfyh{display:flex;flex-direction:column;gap:12px}.overlay-back-btn.svelte-12qhfyh{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--badge-bg);border:1px solid var(--card-border);font-size:12.5px;font-weight:700}@media(max-width:767px){.desktop-search-pill.svelte-12qhfyh,.user-badge.svelte-12qhfyh,.logout-icon-btn.svelte-12qhfyh{display:none}}@media(min-width:768px){.mobile-menu-trigger.svelte-12qhfyh{display:none}.desktop-brand-title.svelte-12qhfyh{display:block}.mobile-section-title.svelte-12qhfyh,.mobile-search-btn.svelte-12qhfyh{display:none}.desktop-top-nav.svelte-12qhfyh{display:flex}}
