/* Unified 2026 layer for the legacy BelajarTools application. */
body{background:radial-gradient(circle at 8% -5%,var(--glow),transparent 30rem),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--brand-2) 12%,transparent),transparent 28rem),var(--bg)!important;color:var(--text)!important;font-family:Inter,"Segoe UI Variable","SF Pro Text",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px!important}
.app-shell{display:block!important;min-height:calc(100vh - var(--header-height))!important;background:transparent!important}
.sidebar{position:sticky!important;top:var(--header-height)!important;z-index:35!important;width:100%!important;height:auto!important;min-height:0!important;padding:7px max(16px,calc((100vw - 1160px)/2))!important;display:flex!important;align-items:center!important;border:0!important;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb,var(--bg) 86%,transparent)!important;backdrop-filter:blur(16px)!important}
.sidebar .brand{display:none!important}.side-nav{display:flex!important;flex-direction:row!important;gap:5px!important;width:100%!important;overflow-x:auto!important;padding:0!important;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}
.side-link{display:inline-flex!important;align-items:center!important;gap:6px!important;min-width:max-content!important;padding:7px 10px!important;border:0!important;border-radius:9px!important;color:var(--muted)!important;background:transparent!important;font-size:.8rem!important;font-weight:440!important}.side-link span{font-size:.67rem!important;color:var(--brand)!important;font-weight:500!important}.side-link.active,.side-link:hover{color:var(--brand)!important;background:color-mix(in srgb,var(--brand) 9%,var(--surface))!important}
.workspace{width:100%!important;margin:0!important;min-width:0!important;background:transparent!important}.topbar{position:relative!important;top:auto!important;min-height:0!important;padding:10px max(16px,calc((100vw - 1160px)/2))!important;display:flex!important;align-items:center!important;gap:10px!important;border-bottom:1px solid var(--line)!important;background:transparent!important;box-shadow:none!important}.breadcrumb{font-size:.78rem!important;color:var(--muted)!important;white-space:nowrap}.breadcrumb strong{font-weight:500!important;color:var(--text)!important}.topbar-controls{display:flex!important;align-items:center!important;gap:7px!important;flex:1!important}.topbar-controls .select-wrap{max-width:150px!important}.search-box{min-width:180px!important;max-width:310px!important;margin-left:auto!important}.search-box span{display:none!important}.profile-box{display:none!important}
.workspace>main{width:min(1160px,calc(100% - 32px))!important;margin:0 auto!important;padding:22px 0 46px!important}.hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr)!important;gap:12px!important;margin:0 0 18px!important}.hero-card,.featured-converter,.tool-grid-section,.scratch-shell,.table-shell,.quiz-shell,.periodic-shell,.category-strip,.formula-shell{border:1px solid var(--line)!important;border-radius:var(--radius)!important;background:var(--surface)!important;box-shadow:0 8px 24px rgba(53,49,91,.045)!important}.hero-card{min-height:0!important;padding:18px!important;display:flex!important;align-items:center!important;gap:16px!important}.hero-card h1{max-width:670px!important;margin:.35rem 0 .65rem!important;color:var(--text)!important;font-size:clamp(1.65rem,3.4vw,2.5rem)!important;line-height:1.12!important;font-weight:510!important;letter-spacing:-.025em!important}.hero-card h1 span{color:var(--brand)!important;font-weight:520!important}.hero-card p{margin:0!important;color:var(--muted)!important;font-size:.9rem!important;line-height:1.6!important}.hero-visual{transform:scale(.76)!important;transform-origin:center!important;opacity:.75!important}
.featured-converter{padding:16px!important}.converter-title{gap:9px!important;margin-bottom:12px!important}.converter-title h2,.section-heading h2{margin:0!important;color:var(--text)!important;font-size:clamp(1.2rem,2vw,1.65rem)!important;font-weight:500!important;letter-spacing:-.018em!important}.converter-title p,.section-heading p{margin:3px 0 0!important;color:var(--muted)!important;font-size:.8rem!important}.panel-icon,.tool-icon{box-shadow:none!important}.badge{padding:4px 8px!important;border-radius:999px!important;font-size:.64rem!important;font-weight:500!important}.converter-form{gap:8px!important}.field span,.select-wrap span{font-size:.69rem!important;font-weight:460!important;color:var(--muted)!important}.converter-form input,.converter-form select,.topbar select,.topbar input{min-height:38px!important;padding:8px 9px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-solid)!important;color:var(--text)!important;font-size:.82rem!important;box-shadow:none!important}.swap-button{width:36px!important;height:36px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--brand)!important;box-shadow:none!important}.result-box{min-height:42px!important;padding:10px!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--text)!important;font-size:.86rem!important}
.tool-grid-section,.scratch-shell,.table-shell,.quiz-shell,.periodic-shell,.category-strip,.formula-shell{margin:12px 0!important;padding:15px!important}.section-heading{margin-bottom:12px!important;align-items:center!important}.tool-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.learning-card{min-height:0!important;padding:12px!important;gap:5px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface-solid)!important;color:var(--text)!important;box-shadow:none!important;text-align:left!important;transition:transform .18s ease,border-color .18s ease!important}.learning-card:hover{transform:translateY(-1px)!important;border-color:color-mix(in srgb,var(--brand) 45%,var(--line))!important}.learning-card .tool-icon{width:31px!important;height:31px!important;border-radius:9px!important;font-size:.76rem!important}.learning-card strong{font-size:.88rem!important;font-weight:510!important;line-height:1.3!important}.learning-card p{margin:0!important;color:var(--muted)!important;font-size:.75rem!important;line-height:1.45!important}.learning-card small{margin-top:2px!important;color:var(--brand)!important;font-size:.65rem!important;font-weight:480!important}
.quiz-controls,.table-controls{gap:7px!important}.scratch-output,.table-output,.quiz-output{border-radius:11px!important;background:var(--surface-2)!important}.table-wrap{border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface-solid)!important}table{color:var(--text)!important;font-size:.78rem!important}th,td{padding:7px!important;border-color:var(--line)!important;background:transparent!important}th{font-weight:500!important;color:var(--muted)!important}.quick-levels{margin:12px 0!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface)!important}.quick-levels strong{font-weight:500!important}.quick-levels button,.category-card{padding:6px 9px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--surface-2)!important;color:var(--text)!important;font-size:.74rem!important;font-weight:450!important}.formula-grid{gap:8px!important}.formula-grid article{padding:11px!important;border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface-solid)!important;box-shadow:none!important}.formula-grid article strong{font-weight:510!important}.formula-grid article span{font-size:1rem!important;color:var(--brand)!important}.formula-grid article em{color:var(--muted)!important;font-size:.74rem!important}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr!important}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.hero-visual{display:none!important}.topbar{flex-wrap:wrap!important}.topbar-controls{order:2;flex-basis:100%!important}.search-box{max-width:none!important}}
@media(max-width:720px){.workspace>main{width:min(100% - 20px,1160px)!important;padding-top:14px!important}.sidebar{padding-inline:10px!important}.topbar{padding-inline:10px!important}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-card{padding:15px!important}.hero-card h1{font-size:1.65rem!important}.converter-form{grid-template-columns:1fr 1fr!important}.swap-button{display:none!important}.section-heading{align-items:flex-start!important;flex-direction:column!important}.quiz-controls,.table-controls{width:100%!important;flex-wrap:wrap!important}}
@media(max-width:470px){.tool-grid{grid-template-columns:1fr!important}.converter-form{grid-template-columns:1fr!important}.topbar-controls{display:grid!important;grid-template-columns:1fr 1fr!important}.search-box{grid-column:1/-1!important}.side-link{padding:7px 8px!important}}