/* StudyBrix 0.2 — a light, spacious learning workspace. No external assets. */
:root{--ink:#1c2942;--muted:#718099;--blue:#4b5ee5;--blue-light:#f0f2ff;--line:#e8ebf2;--soft:#f8f9fd;--side:220px;--radius:18px;--shadow:0 4px 22px #15244906;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{background:#fff;font-size:14px;color:var(--ink)}.app-header{height:80px;padding:0 28px 0 23px;gap:24px}.brand{min-width:230px;gap:12px}.brand-mark{width:41px;height:43px;transform:none;background:linear-gradient(140deg,#6777f1,#495ad3);box-shadow:0 5px 12px #5264d524;border-radius:12px}.brand b{font-size:19px;letter-spacing:-.6px}.brand small{font-size:10px;letter-spacing:.25px;color:#7b859b}.header-center{margin:0;gap:10px;font-size:12px}.header-badge{padding:3px 7px;color:#6974af;background:#f2f3fb;border-radius:5px;font-size:10px}.header-right{gap:12px}.language-wrap{display:flex;align-items:center;border-right:1px solid var(--line);padding-right:13px}.language-wrap>.icon{height:17px;width:17px;color:#7a869c}.language-select{font-size:12px}.header-create{font-size:12px!important}.header-library{background:#fff;color:#56647b}.sidebar{top:80px;padding:26px 14px 15px;background:#fcfcff}.side-label{font-size:10px;letter-spacing:1.15px;color:#8b96aa;margin-bottom:11px}.nav-btn{font-size:12px;padding:11px 12px;border-radius:9px;color:#67748e;min-height:40px}.nav-btn.active{background:#eceffe;color:#4e5ed5;box-shadow:inset 3px 0 0 #5b6bea}.nav-btn .icon{height:18px;width:18px}.nav-subject{padding:6px 12px;min-height:31px;font-size:11px}.side-divider{margin:21px 11px}.subject-dot{opacity:.9}.new-mark{margin-left:auto;font-size:15px}.side-note{background:linear-gradient(145deg,#f0f2ff,#f8f8fe);padding:17px 14px;margin:4px 4px 12px}.side-note p{margin:8px 0 14px;line-height:1.7}.side-note>b{font-size:12px}.side-note>.icon{color:#7886df}.side-note .btn{background:white;border-color:#e0e5f7}.main{padding:28px 30px 22px;max-width:2400px}.workspace-hero{border:1px solid #e7eafa;border-radius:21px;padding:30px 34px;display:grid;grid-template-columns:1.45fr 1fr;gap:30px;min-height:290px;background:linear-gradient(112deg,#f7f9ff 0%,#f5f6ff 59%,#f1f4ff 100%);position:relative;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:7px;font-weight:600;color:#6673a3;letter-spacing:.8px;font-size:10px;text-transform:uppercase;margin-bottom:16px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#6775d6}.eyebrow>b{font-weight:600;font-size:10px;background:#e8ecff;color:#5d6eb8;padding:2px 7px;border-radius:4px;margin-left:6px}.workspace-hero h1{font-size:clamp(31px,2.55vw,44px);line-height:1.13;letter-spacing:-1.7px;margin:0 0 14px;font-weight:650}.workspace-hero h1 em{font-style:normal;color:#5465db}.hero-copy>p{max-width:560px;color:#758098;font-size:12px;line-height:1.8;margin:0 0 21px}.hero-cta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border-radius:9px;min-height:41px;padding:10px 15px;font-size:12px;font-weight:550;transition:background .15s,border-color .15s,box-shadow .15s}.btn.primary{box-shadow:0 4px 10px #4e62d91b}.btn.primary:hover{background:#3c4fcf}.hero-secondary{background:#ffffffab;border-color:#dfe4f2;color:#57657c}.hero-footnote{display:flex;align-items:center;gap:6px;font-size:10px;color:#8892a9;margin-top:20px}.hero-footnote .icon{width:12px;height:12px}.hero-footnote i{width:3px;height:3px;border-radius:50%;background:#b5bfd1;margin:0 4px}.hero-visual{position:relative;min-height:245px;display:flex;align-items:center;justify-content:center;isolation:isolate}.deco-grid{position:absolute;width:270px;height:225px;background-image:radial-gradient(#a2b0df55 1.1px,transparent 1.1px);background-size:15px 15px;inset:10px auto auto 15%;transform:rotate(-8deg)}.mini-paper{padding:23px 23px 20px;background:#fff;width:250px;border:1px solid #eaedf7;border-radius:11px;box-shadow:0 18px 36px #53639516;transform:rotate(-6deg);position:relative;z-index:1}.mini-paper-brand{display:flex;align-items:center;gap:5px;font-size:8px;color:#818ba5;margin-bottom:20px}.mini-paper-brand .icon{width:12px;height:12px;color:#7382d9}.mini-paper-label{font-size:6px;color:#9aa3b7;letter-spacing:1.3px;display:block;margin-bottom:7px}.mini-paper>b{font-size:15px;letter-spacing:-.4px;color:#4b5775}.sample-equation{display:flex;align-items:center;justify-content:center;gap:11px;font-size:20px;margin:16px 0 14px;color:#8e9bbb}.sample-equation>span{font-size:32px;color:#53608d}.sample-equation>.sample-answer{font-family:inherit;color:#7a85c9;border:1px dashed #b5bedc;border-radius:6px;display:grid;place-items:center;width:37px;height:43px;font-size:22px;background:#f8f9ff}.sample-rule{height:5px;border-radius:4px;background:#f0f2f7;margin-bottom:8px;width:95%}.sample-rule.short{width:65%}.paper-progress{display:flex;align-items:center;gap:6px;margin-top:19px}.paper-progress span{height:19px;width:19px;display:grid;place-items:center;background:#e5f4ec;color:#56a781;border-radius:50%}.paper-progress .icon{width:12px;height:12px}.paper-progress i{height:4px;width:42px;border-radius:10px;background:#eff2f8}.paper-progress i:first-of-type{background:#cce8d9}.float-tile{position:absolute;z-index:2;border:1px solid #e9ecf6;box-shadow:0 8px 26px #4d5f8b0e;border-radius:11px;background:white}.tile-math{right:1%;top:19px;padding:11px 20px;font-family:Georgia,serif;font-size:20px;color:#9280bc;transform:rotate(9deg)}.tile-check{bottom:5px;left:8%;padding:12px;display:flex;align-items:center;gap:7px;color:#4c7662;font-size:10px;transform:rotate(3deg)}.tile-check .icon{height:22px;width:22px;padding:4px;border-radius:50%;background:#e9f6ee}.deco-spark{color:#bec8ef;font-size:28px;position:absolute;left:8%;top:9px}.mode-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:22px 0 22px;overflow:auto;scrollbar-width:thin}.mode-tab{display:flex;align-items:center;gap:8px;color:#7b879c;padding:13px 3px 16px;border-bottom:2px solid transparent;white-space:nowrap;font-size:12px;font-weight:550}.mode-tab>.icon{height:16px;width:16px}.mode-tab small{padding:2px 6px;font-size:10px;border-radius:5px;background:#f2f4f8;color:#8b96a9}.mode-tab.active{color:#4c5cd2;border-color:#596ce3}.mode-tab.active small{background:#edf0ff;color:#6776cb}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.section-heading h2{margin:0;font-size:14px;letter-spacing:-.3px;font-weight:650}.section-heading>span{font-size:11px;color:#95a0b4}.subject-strip{gap:10px;margin-bottom:14px;padding-bottom:9px}.subject-tile{min-width:116px;max-width:148px;border-radius:11px;padding:13px 13px 12px;gap:9px;transition:background .15s,border-color .15s}.subject-tile b{font-size:11px;color:#526079;font-weight:550;white-space:normal;line-height:1.25}.subject-tile small{font-size:9px;color:#8a96aa}.subject-tile.active{border-color:#a9b4f2;background:#f6f7ff;box-shadow:none}.subject-tile.active b{color:#5264c6}.subject-tile .tile-icon{width:30px;height:30px}.grade-row{display:flex;align-items:center;gap:16px;padding:1px 0 22px;flex-wrap:wrap}.grade-label{font-size:11px;color:#7a869e}.grade-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.grade-chip{border:1px solid #e5eaf2;min-width:32px;height:31px;padding:0 9px;border-radius:7px;color:#7c87a0;font-size:11px;background:white}.grade-chip:first-child{padding-inline:13px}.grade-chip.active{background:#5264df;border-color:#5264df;color:white;box-shadow:0 3px 7px #566ae019}.builder-layout{gap:24px}.steps{border:1px solid var(--line);padding:14px 18px;border-radius:11px;margin-bottom:15px;background:#fff;gap:16px}.step{font-size:11px}.step-num{height:25px;width:25px}.step.active .step-num{background:#596ae1;border-color:#596ae1}.step-line{max-width:55px}.ad-slot{background:#fcfcfe;border:1px dashed #e0e4ed;border-radius:11px;color:#b4bdcc}.ad-art{color:#cbd2df}.ad-art .icon{width:23px;height:23px}.ad-slot b{color:#abb5c8;letter-spacing:.5px;font-size:11px}.ad-slot small{color:#adb6c8;font-size:9px}.ad-slot .ad-label{top:10px;font-size:8px;letter-spacing:1.7px}.ad-horizontal{min-height:90px;margin:0 0 19px}.ad-horizontal .ad-art,.ad-bottom .ad-art{display:none}.ad-horizontal b{margin-top:17px}.ad-rail{margin-top:23px}.ad-rail b{font-size:21px;margin:13px 0 2px}.ad-rail .ad-label{top:19px}.ad-bottom{height:105px;margin-top:23px}.picker{border-radius:15px;border-color:#e1e6ef;box-shadow:0 5px 20px #20315505;scroll-margin-top:94px}.picker-top{padding:23px 23px 18px}.picker-title{margin-bottom:19px}.picker-title h2{font-size:17px;letter-spacing:-.5px;margin-bottom:5px}.picker-title small{font-size:11px;color:#8a96ab}.picker-controls{gap:9px}.icon-btn{width:33px;height:33px;background:#fff;border-color:#e5e9f1}.view-buttons{padding:3px;border:1px solid #e5e9f1;border-radius:9px;display:flex;gap:1px;background:#f9fafd}.view-buttons .icon-btn{border:none;background:transparent;width:28px;height:28px}.view-buttons .icon-btn.active{background:white;box-shadow:0 1px 5px #24396113}.search-field{border:1px solid #e4e8f1;border-radius:9px;background:#fbfcff;min-height:43px}.search-field input{font-size:12px}.search-row{gap:17px;margin-bottom:17px}.search-field>.icon{width:17px;height:17px;color:#97a3b8}.filter-grid{gap:10px}.field label{font-size:10px;color:#7b88a0;margin-bottom:6px;letter-spacing:.2px}.field select,.field input,.field textarea{border-radius:8px;border:1px solid #e2e7f0;min-height:38px;background:white;font-size:11px;color:#5d6b84}.results-bar{background:#fbfcfe;padding:12px 22px;border-bottom:1px solid #e9edf4;min-height:52px;font-size:11px}.results-left strong{font-size:11px;color:#6b7790;font-weight:550}.results-left .text-btn{font-size:10px;color:#677bcb}.results-bar label{font-size:10px;color:#95a0b3}.results-bar select{border-radius:6px;border-color:#e2e7f0;font-size:11px}.question-list{background:#f9fafe;padding:16px;gap:13px;height:660px;max-height:80vh;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;scrollbar-color:#cbd3e6 transparent;scrollbar-width:thin;overscroll-behavior:contain}.qcard{border:1px solid #e3e8f1;border-radius:12px;padding:17px 17px 0;box-shadow:0 2px 4px #32486602;background:white;overflow:hidden;transition:border-color .15s,box-shadow .15s}.qcard:hover{border-color:#b7c3ea;box-shadow:0 3px 13px #5367a20b}.qcard.selected{border-color:#8e9cec;box-shadow:0 0 0 1px #c7cff5;background:#fff}.qcard-top{margin-bottom:13px}.question-tag{font-size:10px;letter-spacing:.05px;color:#7b86a2;gap:6px}.question-tag .icon{width:13px;height:13px}.q-select{height:21px;width:21px;border:1px solid #d9e0eb;border-radius:6px;background:#fff}.qcard.selected .q-select{background:#5c6fe2;border-color:#5c6fe2}.qprompt{font-size:13px;font-weight:500;color:#344562;line-height:1.8;margin-bottom:20px;white-space:pre-line;overflow-wrap:anywhere}.qprompt.numeric{font-size:22px;font-weight:500;letter-spacing:.3px;line-height:1.7;color:#30405c;margin:12px 0 20px}.qchoices{font-size:11px;color:#72809a;gap:7px;margin-bottom:17px}.qchoices>span{border-radius:6px;padding:7px 8px;background:#f8f9fc;border:1px solid #edf0f5}.qmeta{font-size:9px;gap:6px;color:#8793a8;margin:0 0 15px;flex-wrap:wrap}.level-dot{width:5px;height:5px}.qcard-footer{padding:11px 0;gap:8px;border-top:1px solid #edf0f6}.qcard-footer .btn{min-height:31px;padding:6px 10px;font-size:10px;color:#6175d3;border-color:#e0e6f7;background:#f9faff}.qcard-footer .btn .icon{width:12px;height:12px}.answer-btn{font-size:10px;gap:5px;color:#8996ab}.answer-btn .icon{width:13px;height:13px}.pagination{padding:14px 17px;border-top:1px solid #e6ebf3;gap:12px;flex-wrap:wrap;background:white}.pagination>.btn{font-size:10px;min-height:34px;padding:7px 10px}.page-btn{border-radius:7px;font-size:10px;height:30px;min-width:30px}.page-btn.active{background:#5265df}.page-jump{font-size:10px}.right-rail{padding-top:0}.selection-panel{border:1px solid #e3e8f2;border-radius:15px;padding:19px;box-shadow:0 5px 20px #15294806;border-top:3px solid #6576de}.panel-heading{margin:0 0 17px}.panel-heading h2{font-size:14px;font-weight:600}.count-badge{background:#eef0fd;color:#6a7bcc;border-radius:6px;font-size:11px}.selection-empty{padding:25px 7px 23px}.selection-empty .paper-icon{width:61px;height:69px;border-radius:10px;background:#f0f3ff;color:#97a7dd}.selection-empty p{color:#77859f;font-size:11px}.selection-empty small{color:#a1abbc;font-size:10px}.selection-actions .btn{min-height:39px;font-size:11px}.mini-item{padding:12px 0}.mini-item p{font-size:11px;color:#566682}.mini-item button{width:23px;height:25px;border-radius:5px}.mini-item button:hover{background:#f1f3fa}.selection-sticky{border:1px solid #e4e8f3;border-radius:12px;box-shadow:0 6px 24px #1b314814;background:#fff;padding:14px 18px}.selection-sticky strong{font-size:12px}.selection-sticky small{font-size:10px;color:#95a0b5}.picker-hint{font-size:10px;color:#8e9ab0}.right-note{font-size:9px;line-height:1.7}.content-note{font-size:10px;color:#8c99b0;line-height:1.8;margin:20px 0}.page-footer{font-size:10px;color:#9ba5b7;margin-top:26px}.resource-intro{padding:21px 0 6px}.resource-intro h1{font-size:36px;letter-spacing:-1.3px;font-weight:650;line-height:1.25;margin-bottom:12px}.resource-intro p{color:#7d8aa1;font-size:13px;max-width:750px}.resource-toolbar{border:1px solid var(--line);padding:21px;border-radius:14px;margin:2px 0 20px;background:white}.resource-filter-row{display:grid;grid-template-columns:1.1fr .7fr 1fr;gap:14px;margin-top:15px}.resource-toolbar .search-field{width:100%}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;scroll-margin-top:100px;min-height:180px}.resource-card{border:1px solid #e3e8f1;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 10px #213b5804;transition:box-shadow .15s,transform .15s}.resource-card:hover{box-shadow:0 9px 25px #293f660c;transform:translateY(-2px)}.resource-art{height:146px;padding:19px;position:relative;background:#f1f4ff;overflow:hidden}.resource-kind{font-size:8px;letter-spacing:1.1px;color:#8593bc}.resource-art-icon{position:absolute;right:18px;top:17px;color:#8399d4;opacity:.65}.resource-art-icon .icon{height:21px;width:21px}.formula-preview{position:absolute;left:19px;right:20px;top:55px;font-size:18px;color:#6579ae;font-family:Georgia,'Times New Roman',serif;line-height:1.5;max-height:59px;overflow:hidden}.concept-preview{position:absolute;left:19px;right:18px;top:58px;font-size:22px;color:#6888a4;letter-spacing:-.3px;font-weight:500}.resource-grade{position:absolute;bottom:14px;left:18px;font-size:9px;padding:2px 8px;color:#8190b5;background:#ffffffac;border-radius:4px}.resource-card.pink .resource-art{background:#fcf1f6}.resource-card.pink .resource-kind,.resource-card.pink .formula-preview{color:#b185a5}.resource-card.teal .resource-art{background:#eef8f5}.resource-card.teal .resource-kind,.resource-card.teal .formula-preview{color:#5b9b8a}.resource-card.amber .resource-art,.resource-card.orange .resource-art{background:#fbf5ed}.resource-card.violet .resource-art{background:#f5f1fc}.resource-card.cyan .resource-art{background:#eff8fb}.resource-card-content{padding:18px;display:flex;flex-direction:column;flex:1}.resource-meta{font-size:9px;color:#95a0b3;display:flex;align-items:center;gap:6px;margin-bottom:10px}.resource-card h3{font-size:14px;line-height:1.5;font-weight:600;color:#445572;letter-spacing:-.2px;margin-bottom:10px}.resource-card p{color:#8994a9;font-size:11px;line-height:1.8;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resource-open{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#5a71cd;font-size:11px;margin-top:auto;border-top:1px solid #edf0f6;padding:13px 0 0;text-align:left;min-height:34px}.resource-open .icon{width:15px;height:15px}.resource-tip{border:1px solid #e7eafa;border-radius:15px;background:linear-gradient(125deg,#f7f8ff,#fafaff);padding:23px}.resource-tip .tip-icon{height:39px;width:39px;display:grid;place-items:center;background:#eef1ff;color:#8b9ad1;border-radius:11px;margin-bottom:17px}.resource-tip h3{font-size:17px;letter-spacing:-.3px;margin-bottom:11px}.resource-tip p{font-size:12px;color:#8490a7;line-height:1.9;margin-bottom:19px}.resource-pagination span,#resource-pagination>span{font-size:11px;color:#8795ad}.learning-dialog{width:min(1030px,94vw);max-height:94vh}.learning-dialog .modal-body{padding:17px 22px 5px}.resource-modal-info{display:flex;align-items:center;gap:13px;font-size:11px;color:#8693ac;margin-bottom:15px;flex-wrap:wrap}.resource-modal-info label{margin-left:auto}.resource-modal-info select{border:1px solid var(--line);border-radius:7px;padding:7px;background:white;font-size:11px}.content-badge{font-size:10px;color:#677dc8;background:#f0f3fd;border-radius:6px;padding:5px 9px}.resource-frame{width:100%;height:65vh;background:white;border:1px solid #e7ebf3;border-radius:6px}.learning-dialog .modal-foot{justify-content:flex-end}.modal-head h2{font-size:20px;letter-spacing:-.5px}.modal-head{border-bottom:1px solid #e9edf4}.modal-body{background:#fff}.modal-foot{background:#fbfcff}.practice-card{box-shadow:0 5px 20px #26396907;border:1px solid #e4e9f2;border-radius:19px}.practice-question{color:#304560}.picker-expanded #picker{inset:20px 28px;max-width:none;border-radius:17px}.picker-expanded #question-list{max-height:none;height:auto;flex:1;grid-template-columns:repeat(3,minmax(0,1fr))}.picker-expanded .ad-slot{display:none}.picker-expanded .picker-top{padding:20px 25px 15px}.view-list .qcard{padding-bottom:0}.question-list.view-list{grid-template-columns:1fr}.hide{display:none!important}
@media(min-width:1850px){.workspace-hero{grid-template-columns:1.4fr 1fr}.hero-visual{max-width:480px;width:100%;justify-self:center}.question-list{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-tile{min-width:118px;max-width:none}.resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1400px){:root{--side:195px}.main{padding:23px}.header-center{display:none}.brand{min-width:235px}.sidebar{padding:23px 10px}.nav-btn{font-size:11px}.nav-subject{font-size:10px}.workspace-hero{padding:27px;grid-template-columns:1.5fr .9fr}.hero-visual{transform:scale(.9);transform-origin:center center}.hero-copy>p{font-size:11px}.hero-footnote{font-size:9px}.builder-layout{gap:20px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-art{height:151px}.resource-card h3{font-size:15px}}
@media(max-width:1180px){:root{--side:76px}.sidebar .nav-btn>span,.side-label,.side-note,.side-bottom .nav-btn>span{display:none}.sidebar .nav-subject{display:none}.sidebar .nav-btn{justify-content:center;height:45px;margin-bottom:9px}.sidebar{padding:23px 10px}.side-divider{margin:10px 5px}.sidebar .side-bottom{padding-top:0}.brand{min-width:210px}.main{padding:23px}.workspace-hero{grid-template-columns:1.3fr .8fr}.hero-visual{transform:scale(.86)}.hero-copy>p{font-size:12px}.mini-paper{width:230px}.resource-intro h1{font-size:33px}}
@media(max-width:1000px){.workspace-hero{grid-template-columns:1fr .7fr;padding:25px}.hero-visual{transform:scale(.8);margin-left:-28px}.hero-copy h1{font-size:32px}.builder-layout{grid-template-columns:minmax(0,1fr) 275px;gap:17px}.ad-rail{width:100%}.question-list{grid-template-columns:1fr}.question-list.view-list{grid-template-columns:1fr}.header-library{display:none}.header-create{font-size:11px!important}.hero-footnote{flex-wrap:wrap}.mode-tabs{gap:20px}.mode-tab{font-size:11px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-filter-row{gap:10px;grid-template-columns:1fr 1fr}.resource-filter-row>.field:last-child{grid-column:1/-1}.resource-card-content{padding:15px}.picker-expanded #question-list{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-row{gap:10px}}
@media(max-width:820px){.workspace-hero{grid-template-columns:1fr}.hero-visual{display:none}.hero-copy>p{max-width:550px}.workspace-hero h1{font-size:35px}.builder-layout{grid-template-columns:1fr}.right-rail{display:none}.question-list{grid-template-columns:repeat(2,minmax(0,1fr));height:670px;max-height:85vh}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-filter-row{grid-template-columns:1.1fr .7fr 1fr}.resource-filter-row>.field:last-child{grid-column:auto}.steps{margin-bottom:17px}.selection-sticky{position:sticky;bottom:12px;z-index:15}.header-right{gap:7px}.header-create{display:none}.language-wrap{border-right:none;padding:0}.mode-tab{gap:6px}.mode-tabs{gap:20px}}
@media(max-width:620px){:root{--side:0px}.sidebar{display:none}.app-header{height:68px;padding:0 15px;gap:8px}.brand{min-width:0;gap:9px}.brand-mark{width:33px;height:36px;border-radius:10px}.brand-mark .icon{width:22px;height:22px}.brand b{font-size:16px;letter-spacing:-.6px}.brand small{font-size:8px}.header-right{gap:6px}.language-wrap>.icon{display:none}.language-select{font-size:10px;max-width:96px;padding:7px 1px}.main{padding:17px 15px 24px}.header-right [data-action=menu]{display:inline-grid;width:32px;height:33px}.workspace-hero{min-height:0;padding:25px 21px;border-radius:17px}.eyebrow{font-size:8px;letter-spacing:.65px;gap:5px;margin-bottom:16px}.workspace-hero h1{font-size:30px;letter-spacing:-1.1px}.hero-copy>p{font-size:11px;line-height:1.8;margin-bottom:17px}.hero-cta{gap:8px}.hero-cta .btn{font-size:10px;padding:10px 11px;min-height:38px}.hero-cta .btn .icon{width:14px;height:14px}.hero-footnote{font-size:9px;margin-top:16px;gap:5px}.hero-footnote i{margin:0 1px}.hero-footnote .icon{height:11px;width:11px}.mode-tabs{margin:17px 0 19px;gap:17px}.mode-tab{font-size:10px;padding-bottom:13px;gap:5px}.mode-tab>.icon{width:13px;height:13px}.mode-tab small{font-size:8px;padding:2px 4px}.section-heading{margin-bottom:11px}.section-heading h2{font-size:13px}.section-heading>span{font-size:10px}.subject-tile{min-width:107px;padding:12px;gap:8px;border-radius:10px}.subject-tile b{font-size:10px}.subject-tile small{font-size:8px}.grade-row{padding-bottom:19px;gap:9px}.grade-label{width:100%;font-size:10px}.grade-chips{gap:5px}.grade-chip{height:30px;min-width:29px;font-size:10px;padding:0 8px}.steps{padding:13px 10px;gap:7px}.step{font-size:9px;gap:5px}.step-num{height:22px;width:22px;font-size:9px}.step-line{max-width:21px;min-width:8px}.ad-horizontal{height:83px;min-height:83px}.picker{border-radius:13px;scroll-margin-top:82px}.picker-top{padding:17px 14px 14px}.picker-title h2{font-size:16px}.picker-title small{font-size:10px;max-width:200px;display:block}.picker-controls{gap:5px}.picker-controls .view-buttons{display:none}.picker-title{gap:9px}.search-row{gap:9px;margin-bottom:15px;align-items:center}.search-field{min-height:40px;min-width:0}.search-field input{font-size:11px;min-width:0}.search-field>.icon{height:15px;width:15px}.search-row .text-btn{font-size:9px;max-width:50px;line-height:1.6}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.filter-grid .field:last-child{grid-column:1/-1}.field label{font-size:9px}.field select{font-size:10px;min-height:36px}.results-bar{padding:11px 13px;gap:8px;flex-wrap:wrap}.results-left{gap:8px;flex-wrap:wrap}.results-left strong{font-size:10px}.results-left .text-btn{font-size:9px}.results-bar label{font-size:9px;margin-left:auto}.question-list{padding:12px;grid-template-columns:1fr;gap:12px;max-height:78vh;height:650px}.qcard{padding:16px 15px 0}.qprompt{font-size:13px}.qprompt.numeric{font-size:24px}.qmeta{font-size:9px}.pagination{padding:12px 11px;gap:8px}.pagination>.btn{font-size:9px;min-height:34px;padding:7px 8px}.page-btn{min-width:26px;height:28px;font-size:9px}.page-controls{gap:3px}.page-jump{display:none}.picker-hint{font-size:9px;line-height:1.8}.selection-sticky{padding:12px 13px;border-radius:11px;gap:10px;flex-wrap:nowrap}.selection-sticky strong{font-size:10px}.selection-sticky small{font-size:8px}.sticky-actions{gap:5px}.sticky-actions>.btn:first-child,.save-sticky{display:none}.sticky-actions>.btn{font-size:10px;padding:8px 10px;min-height:38px}.resource-intro{padding-top:12px}.resource-intro h1{font-size:28px;letter-spacing:-.9px}.resource-intro p{font-size:12px;line-height:1.9}.resource-toolbar{padding:16px}.resource-filter-row{grid-template-columns:1fr 1fr;gap:10px}.resource-filter-row>.field:last-child{grid-column:1/-1}.resource-grid{grid-template-columns:1fr;gap:17px}.resource-card{display:grid;grid-template-columns:108px minmax(0,1fr);border-radius:12px}.resource-art{height:100%;min-height:187px;padding:12px}.resource-kind{font-size:6px;letter-spacing:.65px;display:block;margin-top:3px;line-height:1.7}.resource-art-icon{right:13px;top:51px}.resource-art-icon .icon{height:24px;width:24px}.formula-preview{left:12px;right:10px;top:90px;font-size:12px;max-height:52px}.concept-preview{left:12px;right:10px;top:86px;font-size:14px}.resource-grade{left:12px;font-size:8px;bottom:12px}.resource-card-content{padding:15px}.resource-card h3{font-size:13px;margin-bottom:7px}.resource-meta{font-size:8px;gap:4px;flex-wrap:wrap;margin-bottom:8px}.resource-card p{font-size:10px;margin-bottom:9px;line-height:1.8;-webkit-line-clamp:2}.resource-open{font-size:10px;padding-top:10px;min-height:34px}.resource-tip{display:none}.learning-dialog{width:96vw}.learning-dialog .modal-body{padding:13px 12px}.learning-dialog .modal-head{padding:18px 14px}.learning-dialog .modal-head h2{font-size:17px}.learning-dialog .modal-foot{padding:12px;gap:7px;flex-wrap:wrap}.learning-dialog .modal-foot>.btn{font-size:10px;padding:9px 11px}.learning-dialog .modal-foot>.btn:first-child{width:100%}.resource-frame{height:58vh}.resource-modal-info{font-size:10px;gap:9px}.resource-modal-info label{margin-left:0}.content-note{font-size:9px}.page-footer{font-size:9px;line-height:1.8}.picker-expanded #picker{inset:7px;max-height:calc(100dvh - 14px);border-radius:12px}.picker-expanded .picker-top{padding:14px}.picker-expanded #question-list{grid-template-columns:1fr}.picker-expanded .pagination .page-jump{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.resource-card:hover,.subject-tile:hover{transform:none}}
@media print{.app-header,.sidebar,.ad-slot,.workspace-hero,.mode-tabs,.resource-toolbar,.resource-tip{display:none!important}.main{margin:0!important;padding:0!important}}
/* Readable secondary text; light tints are reserved for decoration and disabled controls. */
.hero-copy>p,.resource-intro p,.picker-title small,.qmeta,.resource-card p,.resource-meta,.field label,.results-bar label,.results-left strong,.grade-label,.selection-empty p,.mini-item p,.resource-tip p,.side-note,.right-note,.content-note,.picker-hint,.selection-sticky small{color:#66758e}.resource-kind{color:#6477a2}.resource-grade{color:#6576a0}.resource-card.pink .resource-kind{color:#97627e}.resource-card.teal .resource-kind{color:#397f6d}.subject-tile small{color:#6e7f99}.answer-btn{color:#6d7f9a}.page-footer{color:#74839c}
/* Let grid rows follow real card content; never clip question actions. */
.qcard{overflow:visible;gap:0;min-height:225px;height:auto}.qcard-top{flex:0 0 auto}.qprompt{flex:1 0 auto;padding:0}.qprompt.numeric{padding:0;margin:10px 0 17px}.qmeta{flex:0 0 auto;margin-bottom:0}.qcard-footer{flex:0 0 auto;margin-top:12px}.qprompt.preview-long{flex:0 0 auto;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:18px}.qchoices{flex:0 0 auto}.picker-expanded .qcard{min-height:225px}
.qcard{height:max-content;min-height:240px;align-self:start}.picker-expanded .qcard{min-height:240px}

/* 0.3 compact workspace: keep the white design and requested ad reservations. */
.main{padding-top:18px}.workspace-hero{min-height:0;padding:20px 26px;grid-template-columns:1.5fr .7fr}
.hero-copy h1{font-size:32px;margin-bottom:8px}.hero-copy>p{margin-bottom:12px;line-height:1.5}.eyebrow{margin-bottom:9px}.hero-footnote{margin-top:12px}.hero-visual{height:180px;min-height:0;transform:scale(.77);transform-origin:center center}.mode-tabs{margin:17px 0}.subject-section{margin-bottom:12px}.subject-tile{padding:12px;gap:7px}.section-heading{margin-bottom:9px}.grade-row{padding-bottom:14px}.steps{margin-bottom:12px;padding-top:12px;padding-bottom:12px}.builder-layout{gap:18px}.picker-top{padding-top:16px;padding-bottom:12px}.search-row{margin-bottom:12px}.filter-grid{gap:10px}.qcard{padding-top:15px}.question-list{gap:12px;padding:14px}.qcard-footer{margin-top:10px}.resource-intro{padding-top:5px}.resource-intro h1{margin-bottom:8px}.resource-intro p{margin-bottom:12px;line-height:1.5}.resource-toolbar{padding:15px 18px;margin-bottom:16px}.resource-grid{gap:16px}.resource-art{height:128px}.resource-kind{top:16px}.formula-preview,.concept-preview{top:51px}.resource-grade{bottom:11px}.resource-card-content{padding:16px}.resource-card p{line-height:1.5}.resource-card h3{margin-bottom:7px}.resource-meta{margin-bottom:8px}.resource-tip{padding:14px 18px}.content-note{margin-top:12px}.organizer-settings .form-help{margin:8px 0}
@media(max-width:1000px){.hero-visual{transform:scale(.65);height:170px}.workspace-hero{padding:18px 22px}}
@media(max-width:820px){.workspace-hero{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:620px){.main{padding-top:12px}.workspace-hero{padding:19px 18px}.hero-copy h1{font-size:27px}.hero-copy>p{font-size:12px;line-height:1.5}.mode-tabs{margin:14px 0}.resource-card{grid-template-columns:90px minmax(0,1fr)}.resource-art{height:100%;min-height:160px;padding:10px}.formula-preview,.concept-preview{left:10px;right:8px;top:63px;font-size:12px}.resource-art-icon{top:34px;right:12px}.resource-grade{left:10px;font-size:8px}.resource-card-content{padding:13px}.resource-grid{gap:12px}.resource-kind{font-size:6px}.question-list{padding:11px}.filter-grid select{min-height:40px}.resource-toolbar{padding:13px}.resource-card p{font-size:11px}.resource-open{min-height:40px}}
/* Dense library cards: size to content, rather than reserving an empty answer area. */
.question-list .qcard,.picker-expanded .question-list .qcard{min-height:0;height:auto;align-self:start;padding:12px 14px 0}
.question-list .qcard-top{margin-bottom:8px}
.question-list .qprompt{flex:0 0 auto;line-height:1.55;margin:0 0 10px}
.question-list .qprompt.numeric{margin:2px 0 10px;line-height:1.35;font-size:21px}
.question-list .qprompt.preview-long{margin-bottom:10px}
.question-list .qcard-footer{margin-top:8px;padding:8px 0}
.question-list .qmeta{margin:0}
@media(max-width:620px){.question-list .qcard .btn{min-height:34px}.question-list .qprompt{font-size:13px}}

/* v0.5: compact subject + branch filtering without an additional toolbar row. */
.resource-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:760px){.resource-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));}.resource-filter-row .field:last-child{grid-column:auto;}}
@media(max-width:360px){.resource-filter-row{grid-template-columns:minmax(0,1fr);}}

/* v0.6: compact education-level controls and discoverable real courses. */
.courses-nav,.course-tab{text-decoration:none;color:inherit}.resource-grade{max-width:95%;white-space:normal;font-size:11px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-filter-row{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-tabs{flex-wrap:wrap}.course-tab{display:flex;align-items:center;gap:8px}.course-tab svg{width:18px;height:18px}
@media(max-width:700px){.resource-filter-row,.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-center{display:none}.mode-tab{min-height:44px}}
/* Scrollable grids must use intrinsic row heights, including after full-screen mode.
   A fixed-height viewport with zero-minimum cards must never compress rows into overlap. */
.question-list,.picker-expanded .question-list{grid-auto-rows:max-content}

/* StudyBrix brand */
.brand-monogram{font-size:12px;font-weight:850;letter-spacing:-.6px;transform:rotate(-4deg)}

/* ---- 0.8 polish: readable small text, touch targets, scrollable rows on phones, ads ---- */
.grade-label{font-size:12px}
.grade-chip{height:36px;min-width:38px;font-size:13px}
.subject-strip{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
@media(max-width:760px){
 .mode-tabs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
 .mode-tabs::-webkit-scrollbar,.grade-chips::-webkit-scrollbar{display:none}
 .mode-tab{flex-shrink:0;white-space:nowrap}
 .grade-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 24px 4px 0;max-width:100%;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
 .grade-chip{flex-shrink:0}
 .header-center{display:none}
}
.ad{display:block;contain:layout;text-align:center;margin:20px 0}
.ad .ad-label{position:static;display:block;color:#7a869e;font-size:12px;letter-spacing:0;margin-bottom:6px;text-align:left}
.ad ins.adsbygoogle{display:block;width:100%}
.ad-horizontal ins,.ad-bottom ins{min-height:100px}
.ad-infeed{grid-column:1/-1;margin:6px 0}
.ad-infeed ins,.ad-breather ins{min-height:250px}
.ad-rail ins{min-height:600px}
.ad-collapsed{display:none!important}
.practice-breather{display:flex;gap:10px;align-items:center;margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#eef8f3;color:#17694c;font-weight:600}
.practice-breather .icon{width:20px;height:20px;flex-shrink:0}
@media print{.ad{display:none!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}