*{box-sizing:border-box}:root{color-scheme:light dark;--bg: var(--tg-theme-bg-color, #f5f6fa);--text: var(--tg-theme-text-color, #172033);--muted: var(--tg-theme-hint-color, #7b8497);--card: var(--tg-theme-secondary-bg-color, #ffffff);--accent: var(--tg-theme-button-color, #5278e8);--accent-text: var(--tg-theme-button-text-color, #ffffff);--line: color-mix(in srgb, var(--text) 9%, transparent)}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.app-shell{width:min(100%,640px);min-height:100dvh;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 16px calc(22px + env(safe-area-inset-bottom))}.header{display:flex;gap:13px;align-items:center;margin:4px 2px 24px}.brand-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--accent);color:var(--accent-text)}h1{margin:0;font-size:23px;letter-spacing:-.5px;font-weight:750}.header p{margin:4px 0 0;font-size:13px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--muted);margin-bottom:16px}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.search-box input::placeholder{color:var(--muted)}.clear-search{border:0;background:transparent;color:var(--muted);font-size:24px;padding:0 2px}.category-list{display:grid;gap:10px}.category-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:16px;transition:border-color .15s ease}.category-card.is-open{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.category-heading{width:100%;min-height:62px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;color:var(--text);background:transparent;border:0;cursor:pointer}.category-number{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:11px;font-weight:750}.category-title{flex:1;font-size:15px;font-weight:650}.category-count{color:var(--muted);font-size:12px;min-width:20px;text-align:right}.chevron{color:var(--muted);transition:transform .18s ease}.is-open .chevron{transform:rotate(180deg)}.material-list{padding:0 14px 9px 60px}.material-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-top:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14px;line-height:1.35}.material-link svg{flex-shrink:0;color:var(--accent)}.material-link:active{opacity:.65}.message{display:flex;align-items:center;justify-content:center;gap:10px;min-height:130px;color:var(--muted);text-align:center;font-size:14px}.message.error{color:#d84c4c}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;padding:24px 0 8px;color:var(--muted);font-size:12px}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}