:root{color-scheme:light dark;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Devanagari", Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-s: 6px;--radius-m: 10px;--radius-l: 16px;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-2: #eceef2;--color-text: #1a1d21;--color-muted: #566170;--color-border: #d6dae1;--color-accent: #2563eb;--color-accent-text: #ffffff;--color-focus: #2563eb;--color-info-bg: #eaf1ff;--color-info-border: #b7cdfa;--color-info-text: #1c3a7a;--color-warn-bg: #fff6e0;--color-warn-border: #f0c36d;--color-warn-text: #5c3d00;--color-danger-bg: #fdecec;--color-danger-border: #f0a8a8;--color-danger-text: #7a1111;--color-mark-bg: #ffe58a;--color-mark-text: #1a1d21;--color-overlay: rgb(10 14 20 / .62);--shadow-1: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .1);--shadow-2: 0 8px 24px rgb(16 24 40 / .14);--transition: .15s ease}@media (prefers-color-scheme: dark){:root{--color-bg: #0e1115;--color-surface: #171b21;--color-surface-2: #222830;--color-text: #e8ebef;--color-muted: #9aa5b1;--color-border: #2c343e;--color-accent: #7aa7ff;--color-accent-text: #0b1220;--color-focus: #8db4ff;--color-info-bg: #16233d;--color-info-border: #2f4a80;--color-info-text: #bcd2ff;--color-warn-bg: #2d2411;--color-warn-border: #6e5518;--color-warn-text: #f3d994;--color-danger-bg: #331818;--color-danger-border: #7a3030;--color-danger-text: #f6b9b9;--color-mark-bg: #6b5600;--color-mark-text: #fff4c2;--color-overlay: rgb(0 0 0 / .7);--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 8px 24px rgb(0 0 0 / .5)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:1rem;line-height:1.5}body.modal-open{overflow:hidden}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.25}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}code,pre,kbd{font-family:var(--font-mono)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}mark{background:var(--color-mark-bg);color:var(--color-mark-text);border-radius:3px;padding:0 2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--color-muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:flex;flex-direction:column;gap:var(--space-5);max-width:1240px;min-height:100vh;margin:0 auto;padding:var(--space-4)}.app-header{display:flex;flex-direction:column;gap:var(--space-4)}.brand h1{font-size:1.5rem;letter-spacing:-.01em}.brand p{color:var(--color-muted);font-size:.95rem}.app-main{display:flex;flex:1;flex-direction:column;gap:var(--space-5)}.app-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.875rem;text-align:center}@media (min-width: 820px){.app-shell{padding:var(--space-5)}.app-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.status-bar{width:min(460px,100%)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font-weight:500;text-decoration:none;transition:background var(--transition),border-color var(--transition)}.btn:hover:not(:disabled){background:var(--color-surface-2)}.btn:disabled{opacity:.55}.btn--primary{border-color:transparent;background:var(--color-accent);color:var(--color-accent-text)}.btn--primary:hover:not(:disabled){background:var(--color-accent);filter:brightness(1.08)}.btn--small{min-height:32px;padding:0 var(--space-3);font-size:.875rem}.btn--icon{width:40px;padding:0}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:var(--space-4);color:var(--color-muted);pointer-events:none}.search__input{width:100%;min-height:56px;padding:0 88px 0 calc(var(--space-4) + 30px);border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-1);font-size:1.125rem}.search__input::placeholder{color:var(--color-muted)}.search__clear{position:absolute;right:48px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--color-muted)}.search__clear:hover{background:var(--color-surface-2)}.search__hint{position:absolute;right:var(--space-4);padding:0 6px;border:1px solid var(--color-border);border-radius:var(--radius-s);color:var(--color-muted);font-size:.8rem}.status-bar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface)}.status-bar__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-size:.9rem}.status-bar__count{font-weight:600}.status-bar__detail,.status-bar__note{color:var(--color-muted);font-size:.85rem;overflow-wrap:anywhere}.status-bar__note--warn{color:var(--color-warn-text)}.status-bar__error{color:var(--color-danger-text);font-size:.85rem}.status-bar__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.progress{width:100%;height:8px;border:0;border-radius:999px;background:var(--color-surface-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}.progress::-webkit-progress-bar{background:var(--color-surface-2)}.progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px}.progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.banners{display:flex;flex-direction:column;gap:var(--space-3)}.banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warn-border);border-radius:var(--radius-m);background:var(--color-warn-bg);color:var(--color-warn-text)}.banner--error{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger-text)}.banner__icon{flex:none;margin-top:2px}.banner__content{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-width:0}.banner__title{font-weight:600}.banner__command{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.banner__command code{padding:var(--space-1) var(--space-2);border-radius:var(--radius-s);background:#00000014;overflow-wrap:anywhere}.notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-info-border);border-radius:var(--radius-m);background:var(--color-info-bg);color:var(--color-info-text);font-size:.9rem}.results{display:flex;flex-direction:column;gap:var(--space-3)}.results__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.results__header h2{font-size:1.15rem}.results__count{color:var(--color-muted);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-4);transition:opacity var(--transition)}.grid--dimmed{opacity:.45}@media (min-width: 640px){.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.card{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);box-shadow:var(--shadow-1);text-align:left;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.card__frame{display:block;aspect-ratio:4 / 5;background:var(--color-surface-2);overflow:hidden}.card__frame img{width:100%;height:100%;object-fit:cover;object-position:top center}.card__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-muted)}.card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-size:.8rem}.card__summary{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:500;overflow:hidden}.card__snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-muted);font-size:.85rem;overflow:hidden;overflow-wrap:anywhere}.badge{display:inline-block;padding:1px var(--space-2);border-radius:999px;background:var(--color-info-bg);color:var(--color-info-text);font-size:.75rem;font-weight:600;text-transform:capitalize}.tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag{padding:0 var(--space-2);border-radius:var(--radius-s);background:var(--color-surface-2);color:var(--color-muted);font-size:.75rem}.skeleton{border-radius:var(--radius-m);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton--card{aspect-ratio:4 / 6}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-l);text-align:center}.empty h3{font-size:1.1rem}.empty ul{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-muted);text-align:left}.empty li:before{content:"•";margin-right:var(--space-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:var(--color-overlay)}.modal{display:flex;flex-direction:column;width:min(1120px,100%);max-height:100%;border:1px solid var(--color-border);border-radius:var(--radius-l);background:var(--color-surface);box-shadow:var(--shadow-2);overflow:hidden}.modal__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.modal__nav{display:flex;align-items:center;gap:var(--space-2);color:var(--color-muted);font-size:.9rem}.modal__content{display:grid;gap:var(--space-4);padding:var(--space-4);overflow:auto}@media (min-width: 900px){.modal__content{grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}}.modal__preview{display:flex;align-items:flex-start;justify-content:center;min-height:160px;border-radius:var(--radius-m);background:var(--color-surface-2);overflow:hidden}.modal__preview img{max-height:70vh;object-fit:contain}.modal__preview .skeleton{width:100%;height:320px}.modal__info{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.modal__title{font-size:1.05rem;overflow-wrap:anywhere}.modal__meta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-3);margin:0;font-size:.9rem}.modal__meta dt{color:var(--color-muted)}.modal__meta dd{margin:0;overflow-wrap:anywhere}.modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modal__text summary{cursor:pointer;font-weight:600}.modal__text h4{margin-top:var(--space-3);color:var(--color-muted);font-size:.85rem}.modal__text pre{max-height:240px;margin:var(--space-1) 0 0;padding:var(--space-3);border-radius:var(--radius-s);background:var(--color-surface-2);font-size:.85rem;white-space:pre-wrap;overflow:auto;overflow-wrap:anywhere}.error-text{color:var(--color-danger-text);font-size:.9rem}.config-error{max-width:640px;margin:10vh auto;padding:var(--space-5);border:1px solid var(--color-danger-border);border-radius:var(--radius-l);background:var(--color-danger-bg);color:var(--color-danger-text)}.config-error h1{margin-bottom:var(--space-3);font-size:1.25rem}
