:root{--qs-color-bg: #eeeeee;--qs-color-surface: #f1f3f5;--qs-color-elevated: #ffffff;--qs-color-text: #0f1720;--qs-color-muted: #475569;--qs-color-border: #c9d2da;--qs-color-accent: #2b3138;--qs-color-accent-contrast: #ffffff;--qs-color-shadow: rgba(20, 23, 28, .12);--qs-color-danger: #b42318;--qs-color-danger-bg: #fee2e2;--qs-color-warning: #b45309;--qs-color-warning-bg: #fef3c7;--qs-color-success: #15803d;--qs-color-success-bg: #dcfce7;--qs-color-info: #075985;--qs-color-info-bg: #e0f2fe;--qs-color-selected-bg: #e6e9ee;--app-header-height: 76px;--app-footer-height: 56px;--page-padding: clamp(16px, 3.5vw, 24px);--page-vertical-padding: clamp(28px, 6vw, 48px);font-family:Montserrat,Segoe UI,Arial,sans-serif;color:var(--qs-color-text);background:var(--qs-color-bg)}html,body{height:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--qs-color-bg);color:var(--qs-color-text);color-scheme:light}body[data-theme=dark]{--qs-color-bg: #171c22;--qs-color-surface: #222830;--qs-color-elevated: #2a3038;--qs-color-text: #eef4f8;--qs-color-muted: #9fb0bd;--qs-color-border: #343b43;--qs-color-accent: #e5e9f0;--qs-color-accent-contrast: #171c22;--qs-color-shadow: rgba(0, 0, 0, .35);--qs-color-danger: #f97066;--qs-color-danger-bg: #3b1a1a;--qs-color-warning: #fbbf24;--qs-color-warning-bg: #3b2d1a;--qs-color-success: #4ade80;--qs-color-success-bg: #113024;--qs-color-info: #7dd3fc;--qs-color-info-bg: #0d2b3b;--qs-color-selected-bg: #2f3842;color-scheme:dark}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,video{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--qs-color-accent);outline-offset:2px}.app-header{background:var(--qs-color-bg);border-bottom:1px solid var(--qs-color-border);width:100%;box-shadow:none;position:sticky;top:0;z-index:99999}app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--qs-color-bg)}.nav-bar{position:sticky!important;top:0!important;z-index:9999!important;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--qs-color-bg);border-bottom:1px solid var(--qs-color-border);height:var(--app-header-height);padding:0 16px;box-shadow:0 2px 8px #0f172a0a;left:0;right:0;width:100%}.page{padding-top:calc(var(--page-padding) + 0px)}.page{padding:var(--page-padding);background:var(--qs-color-bg);box-sizing:border-box;flex:1}.app-footer{border-top:1px solid var(--qs-color-border);background:var(--qs-color-surface);padding:14px var(--page-padding);min-height:var(--app-footer-height)}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;font-size:14px;color:var(--qs-color-muted)}.footer-link{color:inherit;font-weight:600;transition:color .2s ease}.rss-link{display:inline-flex;align-items:center;gap:6px}.rss-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.rss-icon svg{width:100%;height:100%}.footer-link:hover,.footer-link:focus-visible{color:var(--qs-color-text)}.card{background:var(--qs-color-elevated);border-radius:12px;padding:20px;box-shadow:0 6px 24px var(--qs-color-shadow)}.search-card{display:flex;flex-direction:column;gap:12px}.search-input{padding:12px 16px;border-radius:8px;border:1px solid var(--qs-color-border);background:var(--qs-color-elevated);color:var(--qs-color-text);font-size:16px}.search-meta{color:var(--qs-color-muted);font-size:14px}.filters{display:grid;gap:16px;margin-bottom:16px}.filter-group h3{margin:0 0 8px;font-size:16px}.chip{border:1px solid var(--qs-color-border);border-radius:999px;padding:6px 12px;margin:4px;background:var(--qs-color-surface);cursor:pointer;font-size:12px}.chip.selected{background:var(--qs-color-accent);color:var(--qs-color-accent-contrast);border-color:var(--qs-color-accent)}.active-filters{margin-bottom:16px}.results{display:grid;gap:16px}.result-card{border:1px solid var(--qs-color-border);border-radius:12px;padding:16px}.result-card .subtitle{color:var(--qs-color-muted);margin-top:4px}.result-card .description{color:var(--qs-color-text);margin:12px 0}.result-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.result-card .link{color:var(--qs-color-accent)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px;flex-wrap:wrap}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--qs-color-accent);color:var(--qs-color-accent-contrast)}.nav-links{display:flex;gap:16px;align-items:center}.badge{background:var(--qs-color-accent);color:var(--qs-color-accent-contrast);border-radius:999px;padding:4px 12px;font-size:12px}.link-button{background:transparent;border:none;color:var(--qs-color-accent-contrast);font:inherit;cursor:pointer;padding:0}.auth-card{max-width:420px;margin:32px auto;display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:10px;font-size:14px}.auth-field input{padding:12px 14px;border-radius:8px;border:1px solid var(--qs-color-border);background:var(--qs-color-elevated);color:var(--qs-color-text);font-size:15px}.auth-row{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px}.auth-check{display:flex;align-items:center;gap:12px}.card input[type=text],.card input[type=password],.card input[type=email],.card input[type=number],.card select,.card textarea{margin-bottom:12px}.card .primary-button,.auth-card .primary-button{margin-top:12px}.auth-message{border-radius:8px;padding:10px 12px;background:var(--qs-color-surface);color:var(--qs-color-text);font-size:13px}.auth-message.error{background:#fee2e2;color:#991b1b}.auth-message.success{background:#dcfce7;color:#166534}.auth-footer{font-size:13px;color:var(--qs-color-muted)}.auth-card a{font-weight:600;color:var(--qs-color-accent)}.auth-collapse{display:flex;flex-direction:column;gap:12px}.primary-button,.secondary-button{border:none;border-radius:10px;padding:12px 16px;font-size:14px;cursor:pointer}.primary-button{background:var(--qs-color-accent);color:var(--qs-color-accent-contrast)}.primary-button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:var(--qs-color-surface);color:var(--qs-color-text)}.text-button{background:transparent;border:none;color:var(--qs-color-accent);cursor:pointer;padding:0;text-align:left}@media (max-width: 900px){.toolbar{flex-direction:column;align-items:stretch;gap:12px}.nav-links{flex-wrap:wrap;justify-content:center}}@media (max-width: 640px){:root{--app-header-height: 64px;--app-footer-height: 52px}.pagination{flex-direction:column;align-items:stretch}.pagination button{width:100%}.auth-row{flex-direction:column;align-items:flex-start}}@media (max-width: 420px){:root{--app-header-height: 60px}}