@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-400-UNsKFIBq.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-600-AEyhgUpm.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/SourceSans3-700-6Xi0A2be.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #2e74b5;--color-primary-hover: #235a89;--color-accent: #e3253f;--color-success: #198f47;--color-error: #c53030;--color-bg: #ffffff;--color-card: #ffffff;--color-header-bg: #2e74b5;--color-border: #d6e1f3;--color-border-strong: #b7c8e7;--color-text: #1b2b43;--color-text-muted: #5f7087;--color-chip-bg: #eef4ff;--radius: 0px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Source Sans 3",Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}body.drawer-open{overflow:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-accent);text-decoration:underline}.app-header{background:var(--color-header-bg);border-bottom:1px solid #235a89;display:flex;align-items:center;justify-content:center;padding:20px 32px}.app-header .logo{font-size:3rem;font-weight:700;color:#fff}.app-header .logo:hover{color:#fff;text-decoration:none}.top-categories{background:#fff;border-bottom:1px solid var(--color-border)}.top-categories-inner{max-width:1200px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:14px}.top-categories-label{font-weight:700;color:var(--color-text);white-space:nowrap}.top-categories-state{color:var(--color-text-muted);font-size:.95rem}.top-categories-list{display:flex;gap:10px;align-items:center;overflow-x:auto;padding-bottom:2px}.top-categories-list::-webkit-scrollbar{height:6px}.top-categories-list::-webkit-scrollbar-thumb{background:#d1ddf5;border-radius:0}.top-category-chip{display:inline-flex;align-items:center;border:1px solid transparent;background:transparent;color:var(--color-text);padding:7px 10px;border-radius:0;font-size:.95rem;white-space:nowrap}.top-category-chip:hover{background:#ebf2ff;text-decoration:none;color:var(--color-text)}.top-category-chip.is-selected{background:var(--color-header-bg);color:#fff}.app-main{max-width:1200px;margin:0 auto;padding:24px}.home{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.drawer-toggle{display:none;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);background:#fff;color:var(--color-text);border-radius:var(--radius);padding:10px 14px;font-size:.95rem;font-weight:600}.sidebar{min-width:0;background:#fff}.sidebar h2{font-size:1rem;margin-bottom:12px;color:var(--color-text-muted)}.content{min-width:0}.content-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;color:var(--color-text-muted);font-size:.95rem}.breadcrumb-link{border:none;background:transparent;padding:0;color:var(--color-primary);font:inherit;cursor:pointer}.breadcrumb-link:hover{color:var(--color-accent);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text);font-weight:600}.content h1{margin-bottom:4px}.content-subtitle{margin-bottom:16px;color:var(--color-text-muted)}.category-tree{list-style:none}.tree-node{margin-bottom:6px}.tree-row{display:flex;align-items:center;gap:6px}.tree-link{display:block;width:100%;padding:7px 10px;border-radius:var(--radius);color:var(--color-text);font-size:.95rem}.tree-link:hover{background:#ebf2ff;text-decoration:none}.tree-link.active{background:var(--color-header-bg);color:#fff}.tree-toggle{width:28px;height:28px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.tree-toggle:hover{border-color:var(--color-border);background:#f1f6ff}.tree-toggle-icon{display:inline-block;transition:transform .15s ease}.tree-toggle-icon.open{transform:rotate(90deg)}.tree-toggle-spacer{display:inline-block;width:28px;height:28px}.subcategories{list-style:none;margin-top:4px;margin-left:34px;border-left:1px solid #d8e3f7;padding-left:8px}.child-link{font-size:.9rem}.tree-node-note{margin-top:2px}.tree-note{display:inline-block;margin-left:10px;color:var(--color-text-muted);font-size:.8rem}.category-card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,220px));justify-content:start;gap:12px}.category-card{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);padding:16px 18px;cursor:pointer}.category-card:hover{border-color:var(--color-primary)}.category-card h3{font-size:1.05rem;margin-bottom:4px;color:var(--color-text)}.category-card-meta{color:var(--color-text-muted);font-size:.9rem}.test-list{display:flex;flex-direction:column;gap:12px}.test-card{display:block;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 20px;transition:border-color .15s}.test-card:hover{border-color:var(--color-primary);text-decoration:none}.test-card h3{font-size:1.1rem;margin-bottom:4px}.test-card p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:8px}.test-card-meta{display:flex;gap:16px;font-size:.85rem;color:var(--color-text-muted)}.test-view h1{margin-bottom:8px}.test-view .description{color:var(--color-text-muted);margin-bottom:16px}.test-meta{display:flex;gap:16px;font-size:.85rem;color:var(--color-text-muted);margin-bottom:16px}.btn-primary,.btn-secondary{padding:10px 24px;border:none;border-radius:var(--radius);font-size:1rem;cursor:pointer;margin-right:8px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#deebff;color:var(--color-text)}.btn-secondary:hover{background:#d1e2ff}.group{margin-top:24px;padding:20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius)}.group-info{padding:12px 16px;background:#edf4ff;border-left:4px solid var(--color-primary);border-radius:var(--radius);margin-bottom:16px}.test-item{padding:16px 0;border-bottom:1px solid var(--color-border)}.test-item:last-child{border-bottom:none}.item-text{margin-bottom:12px}.item-image{max-width:100%;height:auto;margin:8px 0;border-radius:var(--radius)}.answers{display:flex;flex-direction:column;gap:6px}.answer-option{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius);cursor:pointer}.answer-option:hover{background:#f1f6ff}.answer-option.correct{background:#dcfce7}.answer-option.wrong{background:#fee2e2}.answer-option input{margin:0}.textbox-wrapper{margin-top:8px}.textbox-input{width:100%;max-width:420px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem}.item-result{margin-top:8px;font-size:.85rem;font-weight:600}.item-result.correct{color:var(--color-success)}.item-result.wrong{color:var(--color-error)}.explanation{margin-top:8px;padding:8px 12px;background:#fefce8;border-left:3px solid #eab308;border-radius:var(--radius);font-size:.9rem}.attempt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.timer{font-size:1.25rem;font-weight:700;color:var(--color-error)}.result-banner{padding:16px 20px;border-radius:var(--radius);background:#fee2e2;margin-bottom:20px}.result-banner.success{background:#dcfce7}.submit-bar{margin-top:24px;padding:16px 0}.loading{color:var(--color-text-muted)}.error{color:var(--color-error)}.empty{color:var(--color-text-muted);font-style:italic}.category-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#101e3673;display:flex;align-items:stretch}.category-drawer-panel{width:min(340px,86vw);background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;animation:drawer-slide-in .18s ease}.category-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);padding:12px 14px}.category-drawer-header h2{font-size:1rem}.category-drawer-close{border:1px solid var(--color-border-strong);border-radius:0;background:#fff;color:var(--color-text);font-size:.88rem;padding:6px 10px;cursor:pointer}.category-drawer-content{overflow-y:auto;padding:12px}.drawer-overlay-enter-active,.drawer-overlay-leave-active{transition:opacity .15s ease}.drawer-overlay-enter-from,.drawer-overlay-leave-to{opacity:0}.drawer-overlay-leave-active .category-drawer-panel{animation:drawer-slide-out .15s ease forwards}@keyframes drawer-slide-in{0%{transform:translate(-18px);opacity:.9}to{transform:translate(0);opacity:1}}@keyframes drawer-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(-18px);opacity:.9}}.not-found{text-align:center;padding:80px 20px}.not-found h1{font-size:4rem;color:var(--color-text-muted)}@media(max-width:768px){.app-header{padding:16px 20px}.app-header .logo{font-size:2.35rem}.top-categories-inner{padding:10px 16px;flex-wrap:wrap;gap:10px}.top-categories-list{width:100%}.app-main{padding:16px}.home{display:block}.drawer-toggle{display:inline-flex;margin-bottom:14px}.sidebar{display:none}.category-card-list{grid-template-columns:1fr}.test-card-meta{flex-direction:column;gap:2px}.attempt-header{flex-direction:column;align-items:flex-start;gap:6px}}