:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0d0f14;--bg-glow: rgba(107, 126, 255, .08);--panel: rgba(16, 18, 25, .88);--panel-elevated: #151922;--surface: #121620;--surface-elevated: #171b26;--card-bg: rgba(18, 22, 31, .9);--card-bg-hover: rgba(22, 27, 38, .94);--icon-panel: linear-gradient(180deg, #1b2130 0%, #131826 100%);--search-panel: rgba(16, 18, 25, .92);--detail-button: rgba(28, 32, 45, .9);--accent-soft: rgba(246, 195, 67, .16);--accent-border: rgba(246, 195, 67, .42);--accent-text: #f6c343;--hover: rgba(255, 255, 255, .04);--overlay: rgba(7, 9, 14, .58);--border-soft: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text-strong: #f2f4f8;--text-muted: #aab2c6;--text-subtle: #788095;--search-shadow: 0 20px 50px rgba(0, 0, 0, .34);--modal-shadow: 0 28px 60px rgba(0, 0, 0, .42);--panel-shadow: 0 24px 52px rgba(0, 0, 0, .22);--card-shadow: 0 16px 34px rgba(0, 0, 0, .12);background:var(--bg);color:var(--text-strong)}:root[data-theme=light]{color-scheme:light;--bg: #f6f4ef;--bg-glow: rgba(246, 195, 67, .06);--panel: rgba(255, 255, 255, .82);--panel-elevated: #ffffff;--surface: #f2efe7;--surface-elevated: #ece7dc;--card-bg: #f0ede6;--card-bg-hover: #ebe6dc;--icon-panel: linear-gradient(180deg, #ffffff 0%, #ebe6da 100%);--search-panel: rgba(255, 255, 255, .9);--detail-button: rgba(255, 255, 255, .94);--accent-soft: rgba(255, 196, 31, .22);--accent-border: rgba(255, 184, 0, .48);--accent-text: #c77f00;--hover: rgba(23, 29, 41, .045);--overlay: rgba(30, 38, 52, .16);--border-soft: rgba(16, 24, 40, .12);--border-strong: rgba(16, 24, 40, .2);--card-border: rgba(255, 255, 255, .88);--text-strong: #171b24;--text-muted: #5b6373;--text-subtle: #868d9d;--search-shadow: 0 16px 40px rgba(44, 53, 71, .12);--modal-shadow: 0 24px 52px rgba(44, 53, 71, .18);--panel-shadow: 0 20px 44px rgba(44, 53, 71, .08);--card-shadow: 0 12px 28px rgba(44, 53, 71, .08)}:root[data-theme=paper]{color-scheme:light;--bg: #f4f1eb;--bg-glow: rgba(246, 195, 67, .05);--panel: rgba(250, 247, 241, .92);--panel-elevated: #fcfaf6;--surface: #f0ece4;--surface-elevated: #ebe5da;--card-bg: #efe9de;--card-bg-hover: #e8e1d5;--icon-panel: linear-gradient(180deg, #faf7f0 0%, #e9e2d4 100%);--search-panel: rgba(252, 249, 243, .94);--detail-button: rgba(255, 255, 255, .92);--accent-soft: rgba(255, 191, 24, .2);--accent-border: rgba(245, 170, 0, .44);--accent-text: #bf7800;--hover: rgba(38, 31, 20, .045);--overlay: rgba(34, 30, 25, .14);--border-soft: rgba(71, 58, 40, .1);--border-strong: rgba(71, 58, 40, .16);--card-border: rgba(248, 243, 234, .95);--text-strong: #1e1a16;--text-muted: #6d655d;--text-subtle: #958b80;--search-shadow: 0 16px 40px rgba(64, 54, 42, .08);--modal-shadow: 0 24px 52px rgba(64, 54, 42, .14);--panel-shadow: 0 18px 42px rgba(64, 54, 42, .06);--card-shadow: 0 10px 24px rgba(64, 54, 42, .06)}:root[data-theme=studio]{color-scheme:light;--bg: #f6f7fa;--bg-glow: rgba(246, 195, 67, .04);--panel: rgba(247, 248, 251, .92);--panel-elevated: #ffffff;--surface: #eef1f5;--surface-elevated: #e7ebf1;--card-bg: #eff2f6;--card-bg-hover: #e7ebf1;--icon-panel: linear-gradient(180deg, #ffffff 0%, #e8edf5 100%);--search-panel: rgba(255, 255, 255, .94);--detail-button: rgba(255, 255, 255, .96);--accent-soft: rgba(255, 198, 36, .2);--accent-border: rgba(247, 176, 0, .42);--accent-text: #bb7a00;--hover: rgba(21, 27, 38, .04);--overlay: rgba(25, 33, 48, .14);--border-soft: rgba(48, 58, 78, .1);--border-strong: rgba(48, 58, 78, .16);--card-border: rgba(255, 255, 255, .96);--text-strong: #151b26;--text-muted: #5e697b;--text-subtle: #8a93a3;--search-shadow: 0 16px 42px rgba(43, 52, 68, .09);--modal-shadow: 0 24px 54px rgba(43, 52, 68, .14);--panel-shadow: 0 18px 42px rgba(43, 52, 68, .06);--card-shadow: 0 10px 24px rgba(43, 52, 68, .06)}:root[data-theme=console]{color-scheme:light;--bg: #f3f4f6;--bg-glow: rgba(246, 195, 67, .035);--panel: rgba(242, 244, 247, .96);--panel-elevated: #f8f9fb;--surface: #e8ebf0;--surface-elevated: #e1e6ed;--card-bg: #e9edf2;--card-bg-hover: #e2e7ed;--icon-panel: linear-gradient(180deg, #f8fafc 0%, #e3e8ef 100%);--search-panel: rgba(247, 248, 250, .96);--detail-button: rgba(248, 250, 252, .96);--accent-soft: rgba(255, 192, 26, .18);--accent-border: rgba(238, 168, 0, .4);--accent-text: #b37200;--hover: rgba(15, 23, 42, .04);--overlay: rgba(23, 31, 45, .12);--border-soft: rgba(30, 41, 59, .09);--border-strong: rgba(30, 41, 59, .15);--card-border: rgba(252, 253, 255, .95);--text-strong: #161c28;--text-muted: #5f6978;--text-subtle: #8a92a0;--search-shadow: 0 14px 36px rgba(34, 43, 58, .08);--modal-shadow: 0 22px 48px rgba(34, 43, 58, .12);--panel-shadow: 0 16px 36px rgba(34, 43, 58, .05);--card-shadow: 0 8px 20px rgba(34, 43, 58, .05)}:root[data-theme=obsidian]{color-scheme:dark;--bg: #0d0f14;--bg-glow: rgba(107, 126, 255, .08);--panel: rgba(16, 18, 25, .88);--panel-elevated: #151922;--surface: #121620;--surface-elevated: #171b26;--card-bg: rgba(18, 22, 31, .9);--card-bg-hover: rgba(22, 27, 38, .94);--icon-panel: linear-gradient(180deg, #1b2130 0%, #131826 100%);--search-panel: rgba(16, 18, 25, .92);--detail-button: rgba(28, 32, 45, .9);--accent-soft: rgba(246, 195, 67, .16);--accent-border: rgba(246, 195, 67, .42);--accent-text: #f6c343;--hover: rgba(255, 255, 255, .04);--overlay: rgba(7, 9, 14, .58);--border-soft: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--card-border: var(--border-soft);--text-strong: #f2f4f8;--text-muted: #aab2c6;--text-subtle: #788095;--search-shadow: 0 20px 50px rgba(0, 0, 0, .34);--modal-shadow: 0 28px 60px rgba(0, 0, 0, .42);--panel-shadow: 0 24px 52px rgba(0, 0, 0, .22);--card-shadow: 0 16px 34px rgba(0, 0, 0, .12)}:root[data-theme=indigo]{color-scheme:dark;--bg: #10131b;--bg-glow: rgba(96, 123, 255, .14);--panel: rgba(20, 24, 38, .9);--panel-elevated: #1a2030;--surface: #161c2a;--surface-elevated: #1c2435;--card-bg: rgba(22, 28, 43, .9);--card-bg-hover: rgba(26, 34, 50, .95);--icon-panel: linear-gradient(180deg, #212a41 0%, #171f31 100%);--search-panel: rgba(19, 24, 38, .94);--detail-button: rgba(33, 39, 58, .92);--accent-soft: rgba(246, 195, 67, .17);--accent-border: rgba(246, 195, 67, .4);--accent-text: #ffd166;--hover: rgba(255, 255, 255, .05);--overlay: rgba(9, 12, 20, .6);--border-soft: rgba(153, 170, 255, .08);--border-strong: rgba(153, 170, 255, .18);--card-border: var(--border-soft);--text-strong: #eef2ff;--text-muted: #b2bdd8;--text-subtle: #7f89a8;--search-shadow: 0 22px 58px rgba(11, 14, 24, .42);--modal-shadow: 0 28px 64px rgba(8, 11, 21, .48);--panel-shadow: 0 22px 48px rgba(10, 13, 24, .28);--card-shadow: 0 14px 30px rgba(10, 13, 24, .16)}:root[data-theme=ember]{color-scheme:dark;--bg: #120f0e;--bg-glow: rgba(231, 114, 79, .12);--panel: rgba(24, 18, 16, .9);--panel-elevated: #211816;--surface: #1b1513;--surface-elevated: #231b19;--card-bg: rgba(28, 21, 19, .9);--card-bg-hover: rgba(33, 25, 23, .95);--icon-panel: linear-gradient(180deg, #322320 0%, #221815 100%);--search-panel: rgba(24, 18, 16, .94);--detail-button: rgba(43, 32, 28, .92);--accent-soft: rgba(246, 195, 67, .16);--accent-border: rgba(246, 195, 67, .38);--accent-text: #ffd27a;--hover: rgba(255, 255, 255, .04);--overlay: rgba(13, 10, 9, .62);--border-soft: rgba(255, 219, 203, .08);--border-strong: rgba(255, 219, 203, .16);--card-border: var(--border-soft);--text-strong: #f7efe9;--text-muted: #cbb9ad;--text-subtle: #927f74;--search-shadow: 0 22px 56px rgba(11, 8, 8, .42);--modal-shadow: 0 28px 64px rgba(10, 8, 8, .5);--panel-shadow: 0 22px 48px rgba(11, 8, 8, .28);--card-shadow: 0 14px 30px rgba(11, 8, 8, .16)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;overflow-x:hidden}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at top,var(--bg-glow),transparent 28%),var(--bg);color:var(--text-strong);overflow-x:hidden}body,input,button,a{font:inherit}button,input{color:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh;overflow-x:hidden}.app-shell{min-height:100vh;max-width:100%;overflow:visible;padding:1.5rem 1.5rem 6.5rem}.app-frame{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:flex-start;gap:1.25rem;width:min(1360px,100%);max-width:100%;margin:0}.sidebar{position:sticky;top:1.5rem;display:flex;min-width:0;max-width:100%;align-self:start;flex-direction:column;gap:1rem;border-right:1px solid var(--border-soft);padding-right:1.25rem}.brand{display:none;align-items:center;gap:.75rem;padding:0 .35rem}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1360px,100%);padding:.85rem 0;margin-bottom:1.25rem}.site-header-brand{display:flex;align-items:center;gap:.75rem;justify-self:start}.site-header-logo{display:block;width:36px;height:auto}.site-header-search{display:flex;align-items:center;gap:.6rem;width:min(520px,100%);border:1px solid var(--border-soft);border-radius:.62rem;background:var(--search-panel, var(--surface));padding:.62rem .9rem;cursor:text}.site-header-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text-strong);font-size:.88rem;outline:none}.site-header-search input::placeholder{color:var(--text-muted)}.site-header-search .search-icon{color:var(--text-muted);font-size:1rem;flex-shrink:0}.site-header-nav{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:.25rem}.site-header-nav-link{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border:1px solid transparent;border-radius:.62rem;color:var(--text-subtle);font-size:.88rem;font-weight:500;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease}.site-header-nav-link:hover,.site-header-nav-link:focus-visible{border-color:var(--border-soft);background:var(--hover);color:var(--text-strong);outline:none}.site-header-nav-icon{color:var(--text-muted);font-size:.85rem}.site-header-nav-link:hover .site-header-nav-icon,.site-header-nav-link:focus-visible .site-header-nav-icon{color:var(--text-strong)}.brand-logo{display:block;width:48px;height:auto}.brand-name{color:var(--text-strong);font-size:1.05rem;font-weight:700;letter-spacing:.12em}.sidebar-card{display:flex;min-height:min(760px,calc(100vh - 7rem));min-width:0;max-width:100%;flex-direction:column;gap:1rem}.resource-icon,.modal-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);background:var(--icon-panel);color:var(--text-strong);letter-spacing:-.03em}.category-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:.45rem;overflow-y:auto}.category-item,.resource-detail,.modal-close{appearance:none;border:1px solid transparent;outline:none}.category-item{display:grid;grid-template-columns:1.2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;border-radius:.62rem;background:transparent;color:var(--text-muted);padding:.85rem .9rem;text-align:left;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.category-item:hover,.category-item:focus-visible,.resource-card:hover,.resource-card:focus-within,.resource-detail:hover,.resource-detail:focus-visible,.modal-link:hover,.modal-link:focus-visible,.modal-close:hover,.modal-close:focus-visible{border-color:var(--border-strong)}.category-item:hover,.category-item:focus-visible{background:var(--hover);color:var(--text-strong)}.category-item.is-active{border-color:transparent;background:var(--accent-soft);color:var(--accent-text)}.category-item.is-active .category-symbol,.category-item.is-active .category-label,.category-item.is-active .category-count{color:var(--accent-text)}.category-item-favorites .category-symbol{color:#c7921c}.category-item.is-active .category-count{background:transparent}.favorite-star-icon{display:inline-block;line-height:1}.category-symbol,.section-symbol{color:var(--text-strong);font-size:.95rem}.category-label,.resource-name,.toolbar-title,.section-head h2,.modal-meta h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-label{font-size:.96rem;font-weight:500}.category-count,.toolbar-total,.section-count{min-width:1.85rem;border:0;border-radius:999px;color:var(--text-subtle);font-size:.75rem;font-variant-numeric:tabular-nums;padding:.18rem .48rem;text-align:center;background:transparent}.sidebar-promo{display:none;flex-direction:column;gap:.35rem}.sidebar-divider{height:1px;background:var(--border-soft);margin:.1rem 0 .25rem}.sidebar-promo-link{display:grid;grid-template-columns:1rem minmax(0,1fr) 1rem;align-items:center;gap:.65rem;border:1px solid transparent;border-radius:.62rem;color:var(--text-subtle);padding:.68rem .78rem;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.sidebar-promo-link:hover,.sidebar-promo-link:focus-visible{border-color:var(--border-soft);background:var(--hover);color:var(--text-strong);outline:none}.sidebar-promo-icon,.sidebar-promo-symbol{color:inherit;font-size:.82rem;text-align:center}.sidebar-promo-icon{color:var(--text-muted);font-size:.88rem}.sidebar-promo-link:hover .sidebar-promo-icon,.sidebar-promo-link:focus-visible .sidebar-promo-icon{color:var(--text-strong)}.sidebar-promo-label{min-width:0;overflow:hidden;font-size:.86rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.theme-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border:1px solid var(--border-soft);border-radius:.82rem;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);color:var(--text-strong);box-shadow:inset 0 1px #ffffff14;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--surface);transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 10px 24px #0f172a14,inset 0 1px #ffffff1f;outline:none}.theme-toggle-icon{font-size:1.12rem;line-height:1}.theme-toggle.theme-light .theme-toggle-icon{color:#b8841b}.theme-toggle.theme-obsidian .theme-toggle-icon{color:#89aee3}.content{width:100%;min-width:0;max-width:100%;padding:.2rem 0 0}.content-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem}.toolbar{display:flex;align-items:center;margin-bottom:1.25rem;padding:.3rem .2rem}.toolbar-title{color:var(--text-muted);font-size:.88rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.section{scroll-margin-top:1.5rem}.section.is-single{min-height:100%}.section-head{display:flex;align-items:center;gap:.7rem;margin-bottom:1.05rem;padding:0 .2rem}.section-head h2{margin:0;color:var(--text-strong);font-size:.98rem;font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.resource-card{position:relative;min-width:0;border:1px solid var(--card-bg, var(--surface));border-radius:.82rem;background:var(--card-bg, var(--surface));transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.resource-card:hover,.resource-card:focus-within{border-color:var(--card-bg-hover, var(--surface-elevated));background:var(--card-bg-hover, var(--surface-elevated));transform:translateY(-1px)}.resource-link{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:138px;padding:.85rem}.resource-icon,.modal-icon{height:3.7rem;width:3.7rem;border-radius:.62rem;font-size:.95rem;font-weight:700;overflow:hidden}.resource-icon img,.modal-icon img{height:100%;width:100%;object-fit:cover}.resource-name{color:var(--text-strong);font-size:.98rem;font-weight:600;text-align:center}.resource-detail{position:absolute;top:.7rem;right:.7rem;display:inline-flex;height:1.7rem;width:1.7rem;align-items:center;justify-content:center;border-radius:999px;background:var(--detail-button);color:var(--text-muted);font-size:.78rem;opacity:0;pointer-events:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.resource-card:hover .resource-detail,.resource-card:focus-within .resource-detail{opacity:1;pointer-events:auto}.resource-detail:hover,.resource-detail:focus-visible{background:var(--surface-elevated);color:var(--text-strong)}.resource-favorite{appearance:none;position:absolute;top:.7rem;left:.7rem;z-index:1;display:inline-flex;height:1.9rem;width:1.9rem;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:var(--detail-button);color:#bf9729d1;font-size:.92rem;line-height:1;opacity:0;pointer-events:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease,transform .16s ease}.resource-card:hover .resource-favorite,.resource-card:focus-within .resource-favorite,.resource-favorite.is-active{opacity:1;pointer-events:auto}.resource-favorite:hover,.resource-favorite:focus-visible{border-color:var(--border-strong);background:var(--surface-elevated);color:#d5a62c;transform:translateY(-1px);outline:none}.resource-favorite.is-active{border-color:transparent;background:transparent;color:#d5a62c}.mobile-navbar,.sidebar-overlay{display:none}.tag-filter{width:256px}.tag-chip{appearance:none;border:1px solid transparent;outline:none}.tag-filter-header{appearance:none;display:flex;width:100%;align-items:center;justify-content:space-between;border:0;background:transparent;cursor:pointer;padding:.1rem 0 .45rem;outline:none}.tag-filter-header-right{display:flex;align-items:center;gap:.45rem}.tag-filter-chevron{color:var(--text-subtle);font-size:1.1rem;line-height:1;transition:transform .18s ease;transform:rotate(0)}.tag-filter-chevron.is-open{transform:rotate(90deg)}.tag-filter-body{padding-top:.1rem}.tag-filter-title{color:var(--text-strong);font-size:.88rem;font-weight:600}.tag-filter-count{min-width:1.35rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-size:.72rem;padding:.08rem .36rem;text-align:center}.tag-filter-panel{border:1px solid var(--border-soft);border-radius:.88rem;background:transparent;padding:.72rem}.tag-chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip-list-subcategory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.tag-filter-group{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border-soft)}.tag-filter-label{margin-bottom:.55rem;color:var(--text-subtle);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tag-chip{border-color:var(--border-soft);border-radius:999px;background:transparent;color:var(--text-muted);font-size:.84rem;padding:.42rem .72rem;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.tag-chip:hover,.tag-chip:focus-visible{border-color:var(--border-strong);background:var(--hover);color:var(--text-strong)}.tag-chip.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-text)}.tag-chip-subcategory{display:grid;grid-template-columns:1.15rem minmax(0,1fr);align-items:center;width:100%;gap:.5rem;border-radius:.82rem;font-size:.82rem;font-weight:500;padding:.55rem .7rem;text-align:left}.tag-chip-icon{color:inherit;font-size:.82rem;text-align:center}.tag-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip-reset{margin-top:.5rem}.search-dock{pointer-events:none;position:fixed;inset:auto 0 1.5rem;display:none;justify-content:center;max-width:100vw;overflow:hidden;padding:0 1rem}.search-bar{pointer-events:auto;display:flex;width:min(720px,calc(100vw - 2rem));align-items:center;gap:.9rem;border:1px solid var(--border-strong);border-radius:.78rem;background:var(--search-panel);box-shadow:var(--search-shadow);padding:.95rem 1rem}.search-icon,.search-clear{color:var(--text-muted)}.search-bar input{min-width:0;flex:1;border:0;background:transparent;color:var(--text-strong);font:inherit;outline:none}.search-bar input::placeholder{color:var(--text-subtle)}.search-clear{border:0;background:transparent;padding:0}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:var(--overlay);padding:1rem}.modal{position:relative;width:min(460px,100%);border:1px solid var(--border-strong);border-radius:.82rem;background:var(--panel-elevated);padding:1.15rem;box-shadow:var(--modal-shadow)}.modal-close-icon{appearance:none;position:absolute;top:.8rem;right:.8rem;display:inline-flex;height:1.9rem;width:1.9rem;align-items:center;justify-content:center;border:0;border-radius:999px;box-shadow:none;outline:none;background:var(--detail-button);color:var(--text-muted);font-size:1rem;line-height:1;padding:0;transition:background-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.modal-close-icon:hover,.modal-close-icon:focus-visible{background:var(--surface-elevated);color:var(--text-strong);opacity:.8;transform:scale(1.08)}.modal-head{display:flex;align-items:center;gap:1rem}.modal-meta{min-width:0}.modal-meta h3{margin:0 0 .25rem;color:var(--text-strong);font-size:1rem}.modal-meta p,.modal-usage{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.55}.modal-usage{margin-top:1rem}.modal-actions{display:flex;gap:.75rem;margin-top:1.15rem}.modal-link,.modal-copy{display:inline-flex;align-items:center;justify-content:center;border-radius:.6rem;background:var(--surface);color:var(--text-strong);padding:.8rem 1rem}.modal-link{border:1px solid var(--border-strong)}.modal-copy{border:1px solid var(--border-soft);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.modal-copy:hover,.modal-copy:focus-visible{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--text-strong)}.modal-links-list{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.42rem}.modal-links-list li{position:static}.modal-links-list a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.62rem .8rem;border:1px solid color-mix(in srgb,var(--border-soft) 72%,transparent);border-radius:.6rem;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-strong);font-size:.88rem;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.modal-links-list a:hover,.modal-links-list a:focus-visible{background:var(--surface-elevated);border-color:color-mix(in srgb,var(--border-strong) 78%,transparent);transform:translateY(-1px)}.modal-link-label{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-link-arrow{color:var(--text-muted);flex-shrink:0;font-size:.8rem}.resource-link-multi{appearance:none;background:transparent;border:none;cursor:pointer;text-align:center;width:100%}.admin-entry{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;border:1px solid var(--border-soft);border-radius:.82rem;background:color-mix(in srgb,var(--surface-elevated) 76%,transparent);color:var(--text-strong);box-shadow:inset 0 1px #ffffff14;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.admin-entry .theme-toggle-icon{font-size:1.12rem;line-height:1}.admin-entry:hover{background:var(--surface);transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 10px 24px #0f172a14,inset 0 1px #ffffff1f}.sidebar-icon-row{display:flex;gap:.5rem;margin-top:auto;justify-content:flex-end}.empty-state{display:grid;min-height:50vh;place-items:center;color:var(--text-muted);font-size:.95rem}.favorites-empty-state{display:grid;justify-items:center;gap:.55rem}.favorites-note{margin:0;max-width:26rem;color:var(--text-subtle);font-size:.8rem;line-height:1.5;text-align:center}@media(min-width:1360px){.app-shell{--desktop-content-width: min(1120px, calc(100vw - 536px - 6.75rem) );padding-top:5.5rem}.site-header{position:fixed;top:0;left:0;right:0;width:auto;z-index:100;min-height:4rem;margin-bottom:0;padding-left:1.5rem;padding-right:1.5rem;background:var(--surface);border-bottom:1px solid var(--border-soft)}.app-frame{display:block;width:100%}.sidebar{position:fixed;top:5.5rem;left:1.5rem;width:280px;min-height:calc(100vh - 5.5rem)}.content{width:auto;margin-left:calc(280px + 1.25rem);margin-right:0;max-width:var(--desktop-content-width);padding-top:1.5rem}.content-layout{grid-template-columns:minmax(0,1fr)}.tag-filter{position:fixed;top:7rem;left:calc(280px + 2.75rem + var(--desktop-content-width) + 1rem);right:auto}.search-dock{left:calc(280px + 2.75rem);right:auto;width:var(--desktop-content-width);padding:0}}@media(max-width:900px){.sidebar{position:static}.app-shell{padding:1rem 1rem 6rem}.app-frame{grid-template-columns:1fr;gap:1rem;width:100%;max-width:100%}.sidebar-card{min-height:auto}.content{width:100%;padding-top:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tag-filter,.sidebar-promo,.theme-toggle,.admin-entry{display:none}}@media(max-width:640px){.app-shell{padding:3.8rem .8rem 5.8rem}.mobile-navbar{display:flex;position:fixed;top:0;left:0;right:0;z-index:200;height:3rem;align-items:center;gap:.65rem;padding:0 1rem;background:var(--surface);border-bottom:1px solid var(--border-soft)}.mobile-navbar-menu{appearance:none;border:none;background:transparent;padding:.3rem;cursor:pointer;display:flex;flex-direction:column;gap:5px;flex-shrink:0}.mobile-navbar-menu span{display:block;width:20px;height:2px;background:var(--text-strong);border-radius:2px}.mobile-navbar-brand{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;pointer-events:none}.mobile-navbar-logo{width:26px;height:auto;flex-shrink:0}.mobile-navbar-name{color:var(--text-strong);font-size:.95rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:299;background:#00000073}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100dvh;z-index:300;width:260px;max-width:80vw;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);background:var(--surface);border-right:1px solid var(--border-soft);box-shadow:4px 0 24px #0000001f;overflow-y:auto;gap:0;padding:1rem}.sidebar.is-open{transform:translate(0)}.brand{padding:.25rem .1rem .75rem;border-bottom:1px solid var(--border-soft);margin-bottom:.75rem}.sidebar-card{min-height:0;flex:1;gap:.5rem;border:none;border-radius:0;padding:0;box-shadow:none;background:transparent}.sidebar-icon-row{padding-bottom:.25rem}.site-header{display:none}.brand,.sidebar-promo,.theme-toggle,.admin-entry{display:flex}.category-list{flex-direction:column;gap:.25rem}.category-item{border-radius:.6rem;gap:.75rem;padding:.72rem .85rem}.theme-toggle,.admin-entry{width:2.7rem;height:2.7rem}.toolbar{margin-bottom:.95rem;padding:.2rem .1rem}.section+.section{margin-top:1.45rem}.section-head{gap:.55rem;margin-bottom:.8rem;padding:0 .1rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.resource-link{min-height:124px;gap:.45rem;padding:.75rem}.resource-icon{height:3rem;width:3rem;border-radius:.5rem;font-size:.88rem}.resource-name{font-size:.9rem}.resource-detail{top:.55rem;right:.55rem;height:1.5rem;width:1.5rem;font-size:.72rem}.tag-chip-list-subcategory{grid-template-columns:minmax(0,1fr)}.search-dock{display:flex;inset:auto 0 1rem;padding:0 .75rem}.search-bar{width:100%;gap:.72rem;border-radius:.72rem;padding:.82rem .9rem}.modal-backdrop{padding:.75rem}.modal{width:100%;padding:.95rem}.modal-head{gap:.8rem}.modal-actions{flex-direction:column;gap:.6rem}.modal-link,.modal-close{width:100%;padding:.78rem .9rem}}@media(max-width:420px){.app-shell{padding-inline:.7rem}.brand-name{font-size:1rem}.card-grid{grid-template-columns:1fr}.resource-link{min-height:116px}}.content-error-banner{margin:1.2rem auto 0;max-width:1200px;padding:.9rem 1rem;border:1px solid rgba(176,68,68,.32);border-radius:1rem;background:#b044441f;color:#7a1f1f}:root{--admin-bg: #f4efe7;--admin-card: rgba(255, 252, 246, .88);--admin-line: rgba(32, 27, 19, .14);--admin-text: #1f1a13;--admin-muted: #6e6255;--admin-accent: #b55b3d;--admin-accent-strong: #913b22;--admin-danger: #ab3131;--admin-success-bg: rgba(50, 124, 83, .12);--admin-success-line: rgba(50, 124, 83, .26);--admin-error-bg: rgba(171, 49, 49, .1);--admin-error-line: rgba(171, 49, 49, .22)}.admin-shell{color:var(--admin-text);background:radial-gradient(circle at top left,rgba(181,91,61,.12),transparent 28%),linear-gradient(180deg,#f5f0e8,#efe7db)}html.admin-dark{background:radial-gradient(circle at top left,rgba(210,100,60,.1),transparent 30%),linear-gradient(180deg,#1e1510,#150f0a)}.admin-shell.is-dark{--admin-bg: #181210;--admin-card: rgba(35, 26, 20, .95);--admin-line: rgba(255, 235, 210, .1);--admin-text: #f0e6da;--admin-muted: #9a8474;--admin-accent: #d9714f;--admin-accent-strong: #e8906e;--admin-danger: #e05a5a;--admin-success-bg: rgba(50, 124, 83, .18);--admin-success-line: rgba(50, 124, 83, .32);--admin-error-bg: rgba(224, 90, 90, .14);--admin-error-line: rgba(224, 90, 90, .28);color:var(--admin-text);background:radial-gradient(circle at top left,rgba(210,100,60,.1),transparent 30%),linear-gradient(180deg,#1e1510,#150f0a)}body{background:transparent}.admin-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.admin-sidebar{padding:28px 18px;border-right:1px solid var(--admin-line);background:#fcf8f2d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column}.admin-shell.is-dark .admin-sidebar{background:#1c140ee0}.admin-logo{display:flex;align-items:center;gap:14px;margin-bottom:28px;opacity:1;transition:opacity .16s ease}.admin-logo:hover{opacity:.7}.admin-logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#2a1f18,#8c452c);color:#fff7ef;font-weight:700;letter-spacing:.08em}.admin-logo-name{font-size:1rem;font-weight:700}.admin-logo-sub{font-size:.8rem;color:var(--admin-muted)}.admin-nav{display:grid;gap:8px}.admin-nav-item{border:1px solid transparent;background:transparent;border-radius:14px;padding:12px 14px;text-align:left;color:var(--admin-text);font:inherit;cursor:pointer}.admin-nav-item.is-active{border-color:#b55b3d3d;background:#b55b3d1a}.admin-sidebar-create{margin-top:14px;width:100%}.admin-deploy{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:8px}.admin-deploy-button{appearance:none;width:100%;border:1px solid var(--admin-accent-strong);border-radius:12px;background:transparent;color:var(--admin-accent-strong);font:inherit;font-size:.88rem;font-weight:600;padding:10px 14px;cursor:pointer;transition:background .14s ease,color .14s ease}.admin-deploy-button:hover:not(:disabled){background:var(--admin-accent-strong);color:#fff}.admin-deploy-button.is-deploying{opacity:.6;cursor:default}.admin-deploy-button.is-done{border-color:#3a8a5c;color:#3a8a5c}.admin-deploy-button.is-error{border-color:#b84040;color:#b84040}.admin-deploy-url{font-size:.75rem;color:var(--admin-muted);word-break:break-all;text-decoration:none}.admin-deploy-url:hover{color:var(--admin-accent-strong)}.admin-deploy-url.is-error{color:#b84040}.admin-theme-toggle{padding-top:12px;display:flex;justify-content:flex-end}.admin-theme-toggle button{border:1px solid var(--admin-line);background:transparent;border-radius:10px;padding:7px 10px;cursor:pointer;font-size:1rem;color:var(--admin-muted);line-height:1;transition:background .12s ease,color .12s ease}.admin-theme-toggle button:hover{background:#b55b3d1a;color:var(--admin-accent-strong)}.admin-main{padding:24px;display:grid;gap:16px}.admin-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.admin-topbar h1,.admin-card-header h2,.admin-card-header h3{margin:0}.admin-pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.85rem;background:#327c531f;color:#28593d}.admin-pill.is-busy{background:#b55b3d24;color:var(--admin-accent-strong)}.admin-banner{border:1px solid;border-radius:16px;padding:12px 14px;font-size:.94rem}.admin-banner.is-success{background:var(--admin-success-bg);border-color:var(--admin-success-line)}.admin-banner.is-error{background:var(--admin-error-bg);border-color:var(--admin-error-line)}.admin-card{background:var(--admin-card);border:1px solid var(--admin-line);border-radius:24px;padding:18px;box-shadow:0 16px 48px #2c20130f}.admin-card-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.admin-inline-actions{display:flex;gap:10px}.admin-scope-switch{display:inline-flex;padding:4px;border:1px solid var(--admin-line);border-radius:14px;background:#ffffff8c}.admin-scope-button{border:0;background:transparent;color:var(--admin-muted);padding:8px 12px;border-radius:10px;font:inherit;cursor:pointer}.admin-scope-button.is-active{background:#b55b3d1f;color:var(--admin-accent-strong)}.admin-primary-button,.admin-secondary-button,.admin-danger-button,.admin-link-button{border:1px solid var(--admin-line);border-radius:14px;font:inherit;cursor:pointer}.admin-primary-button{padding:10px 14px;background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-strong));color:#fff8f2;border-color:transparent}.admin-secondary-button{padding:10px 14px;background:#ffffff9e}.admin-shell.is-dark .admin-secondary-button{background:#ffebd214}.admin-shell.is-dark .admin-danger-button{background:#e05a5a1f}.admin-danger-button{padding:10px 14px;background:#ab31311a;color:var(--admin-danger);border-color:#ab31312e}.admin-link-button{padding:8px 10px;background:transparent}.admin-resource-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px 220px auto;gap:10px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(32,27,19,.08)}.admin-resource-toolbar input,.admin-resource-toolbar select,.admin-form input,.admin-form select,.admin-form textarea,.admin-table-row input{width:100%;border:1px solid var(--admin-line);border-radius:14px;padding:11px 12px;background:#ffffffbd;color:var(--admin-text);font:inherit;box-sizing:border-box}.admin-shell.is-dark .admin-resource-toolbar input,.admin-shell.is-dark .admin-resource-toolbar select,.admin-shell.is-dark .admin-form input,.admin-shell.is-dark .admin-form select,.admin-shell.is-dark .admin-form textarea,.admin-shell.is-dark .admin-table-row input{background:#ffebd20f;color-scheme:dark}.admin-resource-items{display:grid;gap:10px;max-height:72vh;overflow:auto}.admin-resource-list-page,.admin-resource-editor-page{min-height:72vh}.admin-resource-item{border:1px solid var(--admin-line);border-radius:16px;padding:12px;background:#ffffff94;text-align:left;cursor:pointer;color:var(--admin-text);display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center}.admin-shell.is-dark .admin-resource-item{background:#ffebd20a}.admin-resource-item.is-active{border-color:#b55b3d3d;box-shadow:inset 0 0 0 1px #b55b3d29}.admin-resource-item-icon{width:44px;height:44px;border-radius:14px;border:1px solid rgba(181,91,61,.18);background:#b55b3d14;overflow:hidden;display:grid;place-items:center}.admin-resource-item-icon img{width:100%;height:100%;object-fit:contain}.admin-resource-item-icon span{font-size:.9rem;font-weight:700;color:var(--admin-accent-strong)}.admin-resource-item-body{min-width:0}.admin-resource-item-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.admin-resource-item-actions .admin-link-button[disabled]{opacity:.45;cursor:not-allowed}.admin-resource-item-header,.admin-resource-item-meta{display:flex;justify-content:space-between;gap:8px}.admin-resource-item-meta{margin-top:6px;color:var(--admin-muted);font-size:.84rem}.admin-status{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:var(--admin-muted)}.admin-form{display:grid;gap:16px}.admin-form-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);align-items:start}.admin-form-main,.admin-form-side{display:grid;gap:16px}.admin-form-section{border:1px solid rgba(32,27,19,.08);border-radius:18px;padding:16px;display:grid;gap:14px}.admin-form-section-header{font-size:.84rem;font-weight:700;color:var(--admin-muted);letter-spacing:.04em}.admin-form-section-body{display:grid;gap:14px}.admin-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-radio-label{display:block;font-size:.8rem;font-weight:500;color:var(--admin-muted);margin-bottom:8px}.admin-radio-group{display:flex;flex-wrap:wrap;gap:6px}.admin-radio-btn{appearance:none;border:1px solid var(--admin-line);border-radius:6px;background:transparent;color:var(--admin-muted);font-size:.82rem;padding:4px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.admin-radio-btn:hover{border-color:var(--admin-accent);color:var(--admin-accent)}.admin-radio-btn.is-active{border-color:var(--admin-accent);background:#b55b3d1f;color:var(--admin-accent-strong)}.admin-form label{display:grid;gap:8px}.admin-form label span{font-size:.84rem;color:var(--admin-muted)}.admin-field-hint{font-size:.78rem;color:var(--admin-muted);line-height:1.5}.admin-file-input{display:none}.admin-icon-picker{display:inline-grid;gap:8px;width:fit-content;cursor:pointer}.admin-icon-picker-text{font-size:.78rem;color:var(--admin-accent-strong)}.admin-icon-preview{width:80px;height:80px;border-radius:20px;display:grid;place-items:center;border:1px solid rgba(181,91,61,.24);background:#b55b3d14;font-size:1.1rem;font-weight:700;color:var(--admin-accent-strong);overflow:hidden;transition:transform .12s ease,border-color .12s ease}.admin-icon-picker:hover .admin-icon-preview{transform:translateY(-1px);border-color:#b55b3d5c}.admin-icon-preview img{width:100%;height:100%;object-fit:contain}.admin-icon-preview span{display:grid;place-items:center;width:100%;height:100%}.admin-form textarea{resize:vertical}.admin-empty-state{max-width:420px;text-align:center;display:grid;gap:14px}.admin-empty-state h2,.admin-empty-state p{margin:0}.admin-empty-state p{color:var(--admin-muted);line-height:1.7}.admin-table{display:grid;gap:10px}.admin-table-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) 100px 100px 72px;gap:10px;align-items:center}.admin-table-row.is-head{font-size:.8rem;color:var(--admin-muted);padding:0 4px}.admin-subcategory-row,.admin-tag-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 72px}.admin-tag-groups{display:grid;gap:18px}.admin-tag-group{border:1px solid rgba(32,27,19,.08);border-radius:18px;padding:16px}@media(max-width:1080px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--admin-line)}}@media(max-width:720px){.admin-main{padding:16px}.admin-resource-toolbar{grid-template-columns:1fr}.admin-resource-item{grid-template-columns:44px minmax(0,1fr)}.admin-resource-item-actions{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}.admin-form-layout,.admin-table-row{grid-template-columns:1fr}}.admin-links-section{display:flex;flex-direction:column;gap:.4rem}.admin-links-label{display:block;font-size:.82rem;color:var(--admin-text-muted);margin-bottom:.1rem}.admin-link-row{display:flex;gap:.45rem;align-items:center}.admin-form .admin-link-row input{width:auto}.admin-form .admin-link-label-input{flex:0 0 120px}.admin-form .admin-link-href-input{flex:1 1 0;min-width:0}.admin-link-remove{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;appearance:none;border:none;border-radius:8px;background:transparent;color:var(--admin-text-muted);font:inherit;font-size:1.1rem;line-height:1;cursor:pointer;transition:background-color .12s ease,color .12s ease}.admin-link-remove:hover{background:#ab31311a;color:var(--admin-danger)}.admin-link-remove-placeholder{display:inline-block;width:1.75rem;flex-shrink:0}.admin-link-add{align-self:flex-start;appearance:none;border:none;background:transparent;color:var(--admin-text-muted);font:inherit;font-size:.82rem;padding:.2rem 0;cursor:pointer;transition:color .12s ease}.admin-link-add:hover{color:var(--admin-accent)}.admin-login-form{display:flex;flex-direction:column;gap:1rem;width:280px;padding:2rem;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:1rem;box-shadow:0 4px 24px #00000026}.admin-login-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--admin-text);text-align:center}.admin-login-input{width:100%;box-sizing:border-box;padding:.6rem .8rem;border:1px solid var(--admin-border);border-radius:.5rem;background:var(--admin-input-bg, var(--admin-bg));color:var(--admin-text);font:inherit;font-size:.9rem;outline:none}.admin-login-input:focus{border-color:var(--admin-accent)}.admin-login-error{margin:0;font-size:.82rem;color:var(--admin-danger);text-align:center}.admin-login-submit{appearance:none;border:none;border-radius:.5rem;background:var(--admin-accent);color:#fff;font:inherit;font-size:.9rem;font-weight:500;padding:.65rem;cursor:pointer;transition:opacity .12s ease}.admin-login-submit:hover:not(:disabled){opacity:.85}.admin-login-submit:disabled{opacity:.5;cursor:not-allowed}