@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e6eaec;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0d1114;--panel:#151b20;--panel-deep:#11171b;--line:#273138;--line-soft:#202a30;--text:#e6eaec;--muted:#839097;--faint:#56636b;--accent:#d6f35b;--accent-ink:#1b2413;--warm:#ff9e5c;background:#0d1114;font-family:Manrope,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);min-width:320px}body.modal-open{overflow:hidden}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 82% 0%, #40532c21, transparent 31%), var(--bg);min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#0d1114ed;align-items:center;gap:28px;height:72px;padding:0 36px;display:flex}.brand-lockup{align-items:center;gap:11px;min-width:230px;display:flex}.brand-mark{width:32px;height:32px;color:var(--accent);background:#d6f35b14;border:1px solid #d6f35b73;place-items:center;display:grid}.brand-name{letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.brand-subtitle{color:var(--muted);letter-spacing:.09em;margin-top:3px;font-family:IBM Plex Mono,monospace;font-size:9px}.brand-subtitle span{color:var(--accent)}.source-switcher{align-items:center;gap:4px;height:100%;display:flex}.source-button,.catalog-button{cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;display:inline-flex}.source-button{height:36px;color:var(--muted);padding:0 13px;font-size:13px}.source-button:hover,.source-button.active{color:var(--text);border-color:var(--line);background:#1a2227}.source-button.active svg{color:var(--accent)}.top-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.catalog-button{border-color:var(--line);color:var(--muted);padding:9px 12px;font-size:12px}.catalog-button:hover,.catalog-button.active{color:var(--accent);background:#d6f35b0f;border-color:#d6f35b73}.status-indicator{color:var(--faint);white-space:nowrap;align-items:center;gap:7px;font-family:IBM Plex Mono,monospace;font-size:10px;display:inline-flex}.status-indicator i{background:var(--accent);border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 3px #d6f35b1a}.workspace{max-width:1600px;margin:0 auto;padding:38px 36px 24px}.workspace-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;min-height:102px;padding-bottom:25px;display:flex}.overline,.section-kicker{color:var(--accent);letter-spacing:.1em;margin:0 0 10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500}.workspace-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(25px,3vw,38px);font-weight:700}.head-description{max-width:690px;color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.7}.workspace-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:12px;padding-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.workspace-meta a,.site-footer a{color:var(--accent);align-items:center;gap:5px;display:inline-flex}.meta-divider{background:var(--line);width:1px;height:12px}.guide-layout{border-bottom:1px solid var(--line);grid-template-columns:218px minmax(285px,340px) minmax(0,1fr);min-height:690px;display:grid}.category-panel,.list-panel{border-right:1px solid var(--line);min-height:0}.category-panel{flex-direction:column;padding:25px 18px 16px 0;display:flex}.list-panel{flex-direction:column;padding:25px 16px 16px;display:flex}.panel-heading{min-height:25px;color:var(--text);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.panel-index{color:var(--faint);font-size:10px}.category-list{margin-top:16px}.category-button{width:100%;min-height:46px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;padding:0 10px;display:grid}.category-button+.category-button{margin-top:4px}.category-button:hover{color:var(--text);background:#161e23}.category-button.active{color:var(--accent);background:#d6f35b14;border-color:#d6f35b38}.category-number,.category-count{color:var(--faint);font-family:IBM Plex Mono,monospace;font-size:10px}.category-button.active .category-number,.category-button.active .category-count{color:#d6f35bb3}.category-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;overflow:hidden}.source-note{border-top:1px solid var(--line-soft);color:var(--faint);align-items:flex-start;gap:9px;margin-top:auto;padding:15px 8px 0 10px;font-size:11px;line-height:1.6;display:flex}.source-note svg{color:var(--warm);flex:none;margin-top:2px}.list-heading{gap:12px}.list-heading b{color:var(--accent);margin-left:4px;font-weight:500}.search-box{border:1px solid var(--line);min-width:150px;height:31px;color:var(--muted);background:#10161a;align-items:center;gap:7px;padding:0 8px;display:flex}.search-box:focus-within{border-color:#d6f35b8c}.search-box input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:var(--faint)}.search-box kbd{color:var(--faint);align-items:center;gap:1px;font-family:IBM Plex Mono,monospace;font-size:9px;display:inline-flex}.entry-list{scrollbar-color:#39444a transparent;scrollbar-width:thin;min-height:0;margin-top:15px;padding-right:4px;overflow-y:auto}.entry-button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:42px 1fr 16px;align-items:center;gap:10px;width:100%;min-height:58px;padding:7px 8px;display:grid}.entry-button+.entry-button{margin-top:3px}.entry-button:hover{background:#182126}.entry-button.active{background:#d6f35b14;border-color:#d6f35b47}.entry-button.active .entry-title,.entry-button.active .entry-arrow{color:var(--accent)}.entry-thumb{width:42px;height:42px;color:var(--faint);background:#202a2f;place-items:center;display:grid;overflow:hidden}.entry-thumb img{object-fit:cover;width:100%;height:100%}.entry-copy{min-width:0}.entry-title,.entry-meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.entry-title{color:#d9dfe1;font-size:12px;font-weight:600}.entry-meta{color:var(--faint);margin-top:5px;font-family:IBM Plex Mono,monospace;font-size:9px}.entry-arrow{color:var(--faint)}.empty-state{color:var(--faint);text-align:center;justify-items:center;gap:8px;padding:65px 10px;display:grid}.empty-state strong{color:var(--muted);font-size:12px}.empty-state span{font-size:11px}.detail-panel{min-width:0;padding:25px 0 0 31px}.detail-scroll{scrollbar-color:#39444a transparent;scrollbar-width:thin;height:100%;padding-right:5px;overflow-y:auto}.detail-topline,.detail-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-tag,.detail-id{color:var(--accent);letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:10px}.source-link,.detail-footer a{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.source-link:hover,.detail-footer a:hover{color:var(--accent)}.detail-heading{border-bottom:1px solid var(--line);padding:35px 0 23px}.detail-category{color:var(--warm);margin:0 0 11px;font-family:IBM Plex Mono,monospace;font-size:10px}.detail-heading h2{max-width:720px;color:var(--text);letter-spacing:-.05em;margin:0;font-size:clamp(24px,3.1vw,42px);line-height:1.2}.detail-id{color:var(--faint);margin:15px 0 0}.detail-gallery{scrollbar-width:thin;scrollbar-color:#39444a transparent;gap:12px;padding:24px 0 5px;display:flex;overflow-x:auto}.detail-figure{flex:0 0 min(100%,450px);min-width:0;margin:0}.detail-figure img,.image-fallback.large{object-fit:contain;background:#10161a;width:100%;min-height:145px;max-height:390px;display:block}.detail-figure img{height:auto}.detail-figure figcaption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.detail-figure figcaption a{color:var(--faint)}.detail-figure figcaption a:hover{color:var(--accent)}.image-fallback{color:var(--faint);background:#202a2f;place-items:center;gap:5px;font-size:10px;display:grid}.image-fallback.large{min-height:190px}.detail-content{padding:25px 0 8px}.content-block{max-width:800px}.content-text p{color:#c1c9cc;margin:0 0 13px;font-size:13px;line-height:1.85}.content-note{margin:17px 0}.note-block{border-left:2px solid var(--warm);background:#ff9e5c12;gap:11px;padding:12px 14px;display:flex}.note-mark{width:17px;height:17px;color:var(--warm);border:1px solid #ff9e5c99;flex:none;place-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;display:grid}.note-block p{color:#e0c4b3;margin:0;font-size:12px;line-height:1.75}.content-caption{margin:7px 0 13px}.standalone-caption{color:var(--faint);margin:0;font-family:IBM Plex Mono,monospace;font-size:10px}.detail-footer{border-top:1px solid var(--line);color:var(--faint);margin-top:20px;padding:17px 0;font-family:IBM Plex Mono,monospace;font-size:10px}.detail-empty{color:var(--faint);place-content:center;justify-items:center;gap:12px;display:grid}.detail-empty p{margin:0;font-size:12px}.catalog-view{padding-top:25px}.catalog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:19px;display:flex}.catalog-toolbar h2{letter-spacing:-.03em;margin:0;font-size:22px}.catalog-count{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding-top:20px;display:grid}.catalog-tile{min-width:0;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.catalog-image{aspect-ratio:1.45;background:#1b2429;position:relative;overflow:hidden}.catalog-image img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.catalog-tile:hover .catalog-image img{transform:scale(1.04)}.catalog-kind{color:var(--accent-ink);background:var(--accent);padding:4px 6px;font-family:IBM Plex Mono,monospace;font-size:9px;position:absolute;top:8px;left:8px}.catalog-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:11px;font-weight:600;display:block;overflow:hidden}.catalog-title{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:9px;display:block;overflow:hidden}.site-footer{max-width:1600px;color:var(--faint);letter-spacing:.08em;justify-content:space-between;margin:0 auto;padding:17px 36px 22px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.mobile-modal{z-index:20;align-items:end;display:grid;position:fixed;inset:0}.modal-backdrop{background:#000000b8;position:absolute;inset:0}.modal-sheet{border-top:1px solid var(--line);background:var(--panel-deep);flex-direction:column;width:100%;max-height:94svh;animation:.22s ease-out sheet-in;display:flex;position:relative;overflow:hidden}.modal-bar{border-bottom:1px solid var(--line);color:var(--muted);flex:0 0 54px;justify-content:space-between;align-items:center;padding:0 16px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.icon-button{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;place-items:center;display:grid}.icon-button:hover{color:var(--accent);border-color:#d6f35b73}.detail-mobile{min-height:0;padding:0 16px;overflow:hidden}.detail-mobile .detail-scroll{height:calc(94svh - 54px);padding-right:0;padding-bottom:env(safe-area-inset-bottom)}.detail-mobile .detail-heading{padding-top:24px}.detail-mobile .detail-heading h2{font-size:28px}.detail-mobile .detail-gallery{margin-right:-16px;padding-right:16px}.detail-mobile .detail-figure{flex-basis:min(88vw,390px)}@keyframes sheet-in{0%{opacity:.4;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.topbar{gap:16px;padding:0 24px}.brand-lockup{min-width:205px}.workspace{padding-left:24px;padding-right:24px}.guide-layout{grid-template-columns:190px minmax(260px,310px) minmax(0,1fr)}.detail-panel{padding-left:23px}}@media (width<=900px){.topbar{flex-wrap:wrap;height:auto;min-height:65px;padding:13px 16px 9px}.brand-lockup{flex:1;min-width:0}.top-actions{margin-left:0}.status-indicator{display:none}.source-switcher{order:3;width:100%;height:37px;overflow-x:auto}.source-button{flex:none;height:33px;padding:0 11px}.catalog-button{padding:8px 9px}.catalog-button span{display:none}.workspace{padding:25px 16px 14px}.workspace-head{align-items:flex-start;min-height:0;padding-bottom:18px}.workspace-head h1{font-size:28px}.head-description{margin-top:8px;font-size:12px}.workspace-meta{display:none}.guide-layout{border-bottom:0;min-height:0;display:block}.category-panel{border-right:0;padding:17px 0 0;display:block}.category-list{scrollbar-width:none;gap:7px;margin:12px 0 0;padding-bottom:3px;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-button{flex:none;gap:8px;width:auto;min-height:35px;padding:0 10px;display:flex}.category-button+.category-button{margin-top:0}.category-number{display:none}.category-count{margin-left:2px}.source-note{display:none}.list-panel{border-right:0;min-height:0;padding:21px 0 12px}.list-heading{align-items:center}.search-box{flex:1;min-width:0;max-width:230px}.entry-list{max-height:min(46svh,390px);margin-top:11px;padding-right:0}.entry-button{min-height:56px}.detail-panel:not(.detail-mobile){display:none}.site-footer{padding:15px 16px 20px}.site-footer span{max-width:160px;line-height:1.5}.catalog-view{padding-top:20px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}}@media (width<=430px){.brand-subtitle{font-size:8px}.workspace-head h1{font-size:25px}.list-heading{display:block}.search-box{max-width:none;margin-top:11px}.entry-list{max-height:43svh}.detail-mobile .detail-heading h2{font-size:25px}}