.study-ui,.app-navigation,.dialog{--bg:#f4f3ef;--panel:#fff;--panel-light:#eef2f5;--line:#d7dfe5;--muted:#536272;--text:#253344;--gold:#896724;--green:#356d59;--danger:#a43333;color:var(--text);font-size:16px}.study-ui,.study-ui .main,.study-ui .content{background:var(--bg)}.app-navigation.sidebar,.app-navigation.topbar,.app-navigation.mobile-nav{color:#253344;background:#f4f3ef}.app-navigation.sidebar{border-right:1px solid #e3e5e7}.app-navigation button:hover,.study-ui button:hover,.dialog button:hover{color:#234f79}.app-navigation .nav-item.active,.app-navigation .nav-item:hover{color:#245c93;background:#e7edf2}.study-ui .page-heading h1{font-size:24px}.study-ui .home-grid{max-width:1000px;margin:auto;display:block}.study-ui .home-main{background:#fff;border-radius:24px;min-width:0;overflow:hidden}.study-ui .home-heading{max-width:1000px;margin:0 auto 16px}.study-ui .home-rail{flex-wrap:wrap;justify-content:center;gap:24px;max-width:640px;margin:24px auto;display:flex}.study-ui .home-rail>section{background:0 0;border:0;flex:240px;padding:12px}.study-stage.landscape{height:420px;min-height:0;image-rendering:pixelated;isolation:isolate;background-color:#ddd3bf;background-position:50% 65%;background-size:cover;border:0;border-radius:0;position:relative;overflow:hidden}.study-stage .chapter{color:#4e514b;z-index:2;background:#fcfaf3ed;border-radius:6px;padding:10px 14px;position:absolute;top:24px;left:24px}.study-stage .chapter h2{font:500 14px/1.4 var(--sans);letter-spacing:normal}.study-stage .hero-party{width:auto;height:auto;display:block;position:absolute;inset:0;transform:none}.study-stage .hero-party>.sprite,.home-main .study-stage .hero-party>.sprite.pixel-portrait{object-fit:contain;object-position:center bottom;filter:none;width:256px;max-width:none;height:384px;max-height:none;image-rendering:pixelated;animation:none;position:absolute;bottom:18px;left:calc(50% - 128px);transform:none}.study-stage .hero-companion{width:74px;height:74px;margin:0;position:absolute;bottom:36px;left:calc(50% + 96px);transform:none}.study-stage .hero-companion .companion-art{object-fit:contain;filter:none;width:100%;height:100%}.study-identity.hero-stats{color:#253344;background:#fff;border:0;border-bottom:1px solid #e7e9eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:auto;max-width:640px;margin:auto;padding:20px 0;display:flex;position:static}.study-identity.hero-stats>div:first-child{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.study-identity strong{font-size:20px}.study-identity .job-switch{color:#536272;min-height:32px;font-size:14px}.study-experience.xp{flex:0 270px;width:270px;min-width:0;max-width:100%}.study-experience .study-xp-label{color:#536272;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:7px;font-size:12px;display:flex}.study-experience b{font-weight:400}.study-experience .meter{background:#ece9df;border-radius:6px;height:6px;overflow:hidden}.study-experience .meter>span{background:#b99144;height:100%;transition:width .6s;display:block}.study-experience[data-phase=level-up] .meter>span{transition:none}.study-ui .home-study-actions{max-width:640px;margin:auto;padding:24px 0;display:block}.home-book-line{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-book-line>div{min-width:0}.home-book-line h2{overflow-wrap:anywhere;font-size:24px;line-height:1.5}.home-book-line .text-button{flex-shrink:0}.home-material-identity{color:#536272;overflow-wrap:anywhere;margin-top:4px;font-size:14px;line-height:1.5}.study-eyebrow{color:#536272;margin-bottom:8px;font-size:14px}.study-ui .home-study-range{color:#536272;margin-top:6px;font-size:16px}.study-ui .primary,.dialog .primary{color:#fff;background:#2868a9;border:0;border-radius:10px;min-height:54px;padding:14px 24px;font-size:16px;font-weight:600;box-shadow:0 3px #1c5083}.study-ui .primary:hover,.dialog .primary:hover{color:#fff;background:#205d99}.study-ui .secondary,.dialog .secondary{color:#304b65;background:#eef2f5;border:1px solid #ccd7e1;border-radius:8px;min-height:48px}.study-ui .home-study-button{justify-content:center;align-items:center;gap:16px;width:100%;margin-top:22px;display:flex}.study-ui .home-study-secondary{flex-wrap:wrap;justify-content:center;gap:24px;margin-top:12px;display:flex}.study-ui .home-record-button,.study-ui .text-button,.dialog .text-button{color:#345f83;min-height:44px;font-size:14px}.study-ui .quest-section{max-width:640px;margin:0 auto 20px}.study-ui .quest-row{background:#f4f6f7;border-color:#dce3e9}.study-ui .quest-icon{color:#356d59}.home-history{max-width:640px;margin:0 auto;padding:4px 0 24px}.home-history>summary{cursor:pointer;color:#536272;min-height:48px;padding:14px 0;font-size:14px}.study-ui .quick-stats,.study-ui .history-row,.study-ui .book-card,.study-ui .weekly{color:#253344;background:#fff;border-color:#d7dfe5}.study-ui .quick-stats>div>span,.study-ui .quick-stats small,.study-ui .history-copy small,.study-ui .history-date b,.study-ui .history-date small,.study-ui .book-meta .eyebrow,.study-ui .book-identity,.study-ui .book-progress,.study-ui .book-progress b,.study-ui .book-progress small,.study-ui .filter-row button:not(.selected):not(:hover),.study-ui .book-meta .icon-button:not(:hover){color:var(--muted)}.study-ui .filter-row button.selected{color:#efdcad}.study-ui .book-info h3,.study-ui .book-action{color:#253344}.study-ui .book-card .book-action:hover{color:#2868a9}.study-ui .book-grid:not(.empty){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.study-ui .book-card{border:1px solid #d7dfe5;border-top:3px solid var(--book);border-radius:8px;flex-direction:column;padding:18px;display:flex}.study-ui .book-meta{align-items:flex-start;gap:12px;margin:0}.study-ui .book-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.study-ui .book-symbol{color:#536272;flex:0 0 24px;padding-top:3px}.study-ui .book-title{min-width:0}.study-ui .book-title h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:18px;font-weight:650;line-height:1.55}.study-ui .book-meta .eyebrow{overflow-wrap:anywhere;font-size:13px;line-height:1.5;display:block}.study-ui .book-meta>.icon-button{flex:0 0 44px;width:44px;height:44px}.study-ui .book-identity{margin:0 0 4px;font-size:13px;line-height:1.6}.study-ui .book-footer{border-top:1px solid #d7dfe5;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:12px;padding-top:12px;display:grid}.study-ui .book-progress-summary{min-width:0}.study-ui .book-actions{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.study-ui .book-record{min-width:44px;min-height:48px;margin:0;padding:8px;font-size:14px}.study-ui .book-progress{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 6px;font-size:13px;line-height:1.6}.study-ui .book-progress b,.study-ui .book-progress small{overflow-wrap:anywhere;font-size:14px}.study-ui .book-progress-summary>.meter{margin:0}.study-ui .book-card .book-action{text-align:left;border:0;gap:8px;width:auto;min-height:48px;margin:0;padding:8px;font-size:14px;line-height:1.5}.study-ui .book-card .book-action>svg{flex-shrink:0}@media (width<=1100px){.study-ui .book-grid:not(.empty){grid-template-columns:minmax(0,1fr)}}@media (width<=430px){.study-ui .book-card{padding:18px}}@media (width<=300px){.study-ui .book-card{padding:12px}.study-ui .book-symbol{display:none}.study-ui .book-meta{gap:4px}.study-ui .book-footer{grid-template-columns:minmax(0,1fr);gap:8px}.study-ui .book-card .book-action{width:100%;padding-inline:0}.dialog .material-form .two-fields{flex-direction:column}.dialog .material-form :is(input,select){scroll-margin-block-start:120px}}.study-ui .meter{background:#e8edf0}.study-ui .message,.dialog .form-error{color:#a43333;background:#f9eee9}.dialog{background:#fff;border:1px solid #d7dfe5;border-radius:20px;width:min(640px,100% - 32px);max-height:calc(100dvh - 32px);padding:28px}.dialog .dialog-top{color:#253344;background:#fff;border-color:#e2e7eb;margin-bottom:28px}.dialog .dialog-top h2{font-size:22px}.dialog .form{gap:24px}.dialog .form label,.dialog .timer-material{color:#334454;flex-direction:column;gap:10px;font-size:14px;display:flex}.dialog input,.dialog select,.dialog textarea{color:#253344;background:#fff;border:1px solid #bcc9d4;border-radius:8px;width:100%;min-width:0;min-height:54px;padding:12px 14px;font-size:16px}.dialog input::placeholder{color:#617181;opacity:1}.dialog select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#536272 50%),linear-gradient(135deg,#536272 50%,#0000 50%);background-position:calc(100% - 22px),calc(100% - 17px);background-repeat:no-repeat;background-size:5px 5px;padding-right:48px}.dialog fieldset{border:0;min-width:0;margin:0;padding:0}.dialog fieldset legend{color:#334454;margin-bottom:12px;font-size:14px}.dialog .range-input,.dialog .form-grid{gap:16px}.dialog summary{color:#536272;min-height:48px;margin-bottom:12px;padding:12px 0}.dialog .record-mode,.dialog .segmented{background:#f0f3f5;border:1px solid #d2dce3;border-radius:8px;gap:8px;padding:4px}.dialog .record-mode button,.dialog .segmented button{color:#536272;border-radius:5px;min-height:44px}.dialog .record-mode button.selected,.dialog .segmented button.selected{color:#245c93;background:#fff;box-shadow:0 1px 4px #2533441a}.dialog .outcome-options button{color:#536272;background:#fff;border:1px solid #bcc9d4;border-radius:8px;min-height:48px}.dialog .outcome-options button.selected{color:#234f79;background:#e5eff8;border-color:#2868a9}.dialog .book-search-form{gap:24px;display:grid}.dialog .book-search-form>label{margin-bottom:-14px}.dialog .book-search-filter{grid-template-columns:1fr;align-items:stretch;gap:10px;display:grid}.dialog .book-search-filter label{min-width:0}.dialog .book-search-manual{margin-top:32px;margin-bottom:12px}.dialog .book-search-choice{color:#253344;background:#f5f7f8;border-color:#d7dfe5;padding:18px}.dialog .selected-book,.dialog .timer-focus{color:#334454;background:#f1f5f7;border-color:#d7dfe5;border-radius:8px;padding:16px}.dialog .timer-display{color:#253344}.dialog .timer-actions{gap:16px}.dialog button:focus-visible,.dialog input:focus-visible,.dialog select:focus-visible,.dialog summary:focus-visible,.app-navigation button:focus-visible,.app-navigation a:focus-visible,.study-ui button:focus-visible,.study-ui summary:focus-visible{outline-offset:4px;outline:3px solid #246bb4}.reward-dialog.dialog{width:min(1000px,100% - 32px);padding:0}.reward-dialog .dialog-top{z-index:4;margin:0;padding:16px 24px;position:sticky;top:0}.reward-dialog .reward-content{text-align:left;padding:0}.reward-dialog .study-result-body{max-width:640px;margin:auto;padding:20px 0 28px}.study-record-summary{overflow-wrap:anywhere;gap:4px;margin-bottom:16px;display:grid}.study-record-summary strong{font-size:20px}.study-record-summary span{color:#536272;font-size:14px}.reward-dialog .reward-content h2{text-align:left;font-size:20px}.reward-dialog .earned-xp{color:#896724;margin:12px 0;font-size:24px}.reward-dialog .reward-stats{color:#536272;justify-content:flex-start;margin:12px 0;font-size:14px}.reward-dialog .reward-stats span{color:#334454;background:#f1f4f6}.reward-dialog .reward-observed-result{color:#334454;background:#f1f4f6;border-color:#d7dfe5}.study-skill-row{background:#f5f3ea;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:6px 14px;display:flex}.reward-dialog .reward-followups{grid-template-columns:1fr;gap:12px;margin-top:12px;display:grid}.reward-dialog .reward-followups .secondary{background:0 0;border:0}.reward-dialog .has-xp .earned-xp,.reward-dialog .did-level h2{animation:none}@media (width<=760px){.study-ui .book-card button{scroll-margin-block:8px calc(110px + env(safe-area-inset-bottom))}.study-ui [data-dialog-return]{scroll-margin-block:8px calc(104px + env(safe-area-inset-bottom))}.study-ui .history-row{scroll-margin-block:8px calc(96px + env(safe-area-inset-bottom))}.study-ui .content{padding:0 0 24px}.study-ui .home-heading,.study-ui .page-heading{margin:0;padding:16px 20px}.study-ui .home-main{border-radius:0}.study-stage.landscape{background-position:50% 57%;background-size:auto 512px;height:384px}.study-stage .hero-party>.sprite,.home-main .study-stage .hero-party>.sprite.pixel-portrait{bottom:0}.study-stage .hero-companion{width:60px;height:60px;bottom:18px;left:calc(50% + 80px)}.study-stage .chapter{top:16px;left:20px}.study-identity.hero-stats{gap:8px 14px;margin:0 20px;padding:14px 0}.study-identity strong{font-size:18px}.study-experience.xp{flex:170px}.study-ui .home-study-actions,.reward-dialog .study-result-body{padding:20px}.home-book-line h2{font-size:21px}.study-ui .home-study-button{margin-top:18px}.study-ui .quest-section,.home-history,.study-ui .home-rail,.study-ui .books-grid{margin-left:20px;margin-right:20px}.dialog{padding:24px 20px}.dialog .form-grid{grid-template-columns:1fr}.reward-dialog.dialog{width:calc(100% - 16px)}.reward-dialog .dialog-top{padding:12px 20px}}@media (height<=740px) and (width<=760px){.study-stage.landscape{background-size:auto 370px;height:224px}.study-stage .hero-party>.sprite,.home-main .study-stage .hero-party>.sprite.pixel-portrait{width:144px;height:216px;bottom:0;left:calc(50% - 72px)}.study-stage .hero-companion{width:48px;height:48px;bottom:10px;left:calc(50% + 56px)}}@media (width<=359px){.home-book-line{flex-wrap:wrap}.dialog .book-search-input-row{grid-template-columns:1fr}.dialog .range-input{gap:10px}}@media (prefers-reduced-motion:reduce){.study-ui *,.dialog *,.study-ui :before,.dialog :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.study-stage .chapter{width:max-content;max-width:calc(100% - 40px);right:auto}.study-stage .hero-party{filter:none}.home-main .study-stage .hero-companion{margin:0}.home-main .study-stage .hero-companion .companion-art{width:100%;height:100%}.study-identity.hero-stats>div:first-child{min-width:0}.home-main .study-identity strong{font-size:18px}.home-main .study-identity .job-switch{font-size:14px}.study-identity .study-experience.xp .study-xp-label,.study-identity .study-experience.xp b,.study-identity .study-experience.xp .study-xp-label>span{font-family:var(--sans);color:#536272;white-space:normal;font-size:12px}.study-ui .home-heading button,.app-navigation.topbar button,.dialog .timer-phase,.dialog .timer-status,.dialog .timer-total{color:#536272}.app-navigation.bottom-nav{background:#f8f8f5f7;border-color:#d7dfe5}.app-navigation.bottom-nav>button{color:#536272;font-size:11px}.app-navigation.bottom-nav>button.active{color:#245c93}.app-navigation.bottom-nav .mobile-record>span{color:#fff;box-shadow:none;background:#2868a9;border:0}.dialog .form,.dialog .study-timer{padding:0}.dialog .dialog-top{margin:-8px 0 24px;padding:0 0 16px}.dialog .dialog-top .icon-button{color:#536272}.reward-dialog .dialog-top{margin:0;padding:12px 20px}@media (width<=760px){.app-navigation.topbar{height:56px;min-height:56px}.study-ui .home-heading{min-height:44px;padding:8px 20px}.study-ui .home-heading h1{font-size:18px}.study-identity.hero-stats{min-height:64px;padding:12px 0}.study-ui .home-study-actions{padding-top:18px}.study-ui .home-study-secondary{height:auto}}.study-ui .content:has(>.home-grid){flex-direction:column;display:flex}.study-ui .home-grid{order:0;width:100%}.study-ui .home-heading{order:1;width:100%}.study-ui .home-heading h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-navigation .nav-item,.app-navigation .sidebar-bottom,.app-navigation .breadcrumb,.app-navigation.topbar{color:#536272}.app-navigation .nav-item svg{color:currentColor}.reward-dialog .reward-content .study-record-summary{color:#253344;margin:0 0 10px}.reward-dialog .reward-content .study-record-summary strong{color:#253344;font-size:18px}.reward-dialog .reward-content .study-record-summary span{color:#536272}.reward-dialog .reward-content .chapter h2{margin:0;font-size:14px}.reward-dialog .study-result-body>h2{color:#356d59;margin:0 0 8px;font-size:14px}.reward-dialog .study-result-body>.earned-xp{margin:0 0 8px;font-size:16px;display:inline-block}.reward-dialog .reward-content.correction .earned-xp{color:var(--muted)}.reward-dialog .study-result-body>.earned-xp span{font-size:12px}.reward-dialog .study-skill-row{min-height:44px;margin:6px 0 12px;padding:0 12px}.reward-dialog .reward-followups{gap:4px;margin:0}.reward-dialog .reward-ledger{border-top:1px solid #e2e7eb;margin-top:12px}.reward-dialog .reward-ledger summary{margin:0;font-size:14px}.reward-dialog .reward-observed-result{margin:0 0 10px}.reward-dialog .study-result-body>.secondary.wide{margin-top:8px;font-size:14px}@media (width<=760px){.reward-dialog .study-result-body{padding:14px 20px 20px}.reward-dialog .study-identity.hero-stats{min-height:60px}.reward-dialog .study-result-body>h2{margin-right:12px;display:inline}.reward-dialog .study-result-body>.earned-xp{margin-bottom:6px}}.study-ui .topbar-level{display:none}.study-ui .topbar-right{gap:8px}.app-navigation.topbar .home-goal-shortcut{color:#345f83;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:inline-flex}.dialog a,.dialog .book-search-source a,.dialog .book-search-credit a{color:#345f83}@media (width>=761px){.study-identity.hero-stats,.study-ui .home-study-actions,.reward-dialog .study-result-body,.home-history{width:calc(100% - 48px)}}@media (width<=760px){.study-ui .content{padding-bottom:calc(120px + env(safe-area-inset-bottom))}}@media (height<=740px) and (width<=760px){.study-stage.landscape{background-size:auto 290px;height:152px}.study-stage .hero-party>.sprite,.home-main .study-stage .hero-party>.sprite.pixel-portrait{width:96px;height:144px;bottom:0;left:calc(50% - 48px)}.study-stage .hero-companion{width:40px;height:40px;bottom:8px;left:calc(50% + 40px)}.study-stage .chapter{padding:6px 8px;top:12px}.study-identity.hero-stats{min-height:50px;padding:8px 0}.study-ui .home-study-actions{padding-top:12px;padding-bottom:12px}.study-ui .home-book-line{display:block;position:relative}.study-ui .home-book-line .text-button{position:absolute;top:-10px;right:0}.study-ui .home-book-line h2{font-size:18px;line-height:1.5}.study-ui .study-eyebrow{margin-bottom:4px}.study-ui .home-study-button{margin-top:10px}.dialog:not(.reward-dialog){padding:16px}.dialog:not(.reward-dialog) .dialog-top{margin:0 0 16px;padding-bottom:12px}.dialog .dialog-top h2{font-size:18px}.dialog .form{gap:14px}.dialog .form label{gap:8px}.dialog input,.dialog select,.dialog textarea{min-height:44px;padding-top:9px;padding-bottom:9px}.dialog fieldset legend{margin-bottom:8px}.dialog .outcome-options button{min-height:44px}.dialog summary{min-height:44px;margin-bottom:0;padding-top:8px;padding-bottom:8px}.dialog .form>.primary{min-height:48px;padding-top:12px;padding-bottom:12px}.dialog .measured-time{margin-bottom:0}}.study-stage .chapter h1{font:500 14px/1.4 var(--sans);letter-spacing:normal;color:#4e514b;margin:0}.study-stage .chapter h1:focus{outline-offset:4px;outline:3px solid #246bb4}@media (width<=430px) and (height<=700px){.dialog:has(.record-mode) .form,.dialog:has(.record-mode) .form:has(.measured-time){padding:0}.dialog:has(.record-mode) .dialog-top{margin-bottom:8px;padding:0 0 8px}.dialog:has(.record-mode) .form details{padding-block:0}}@media (width<=279px){.study-stage.landscape{background-size:auto 340px;height:228px}.study-stage .hero-party>.sprite,.home-main .study-stage .hero-party>.sprite.pixel-portrait{width:128px;height:192px;bottom:12px;left:calc(50% - 64px)}.study-stage .hero-companion{width:40px;height:40px;bottom:18px;left:calc(50% + 44px)}.dialog .range-input{grid-template-columns:1fr}.dialog .range-input>span{display:none}.dialog .outcome-options{grid-template-columns:1fr}}.dialog input,.dialog select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dialog .range-input label span,.dialog .form legend span,.dialog .form summary span{color:#536272}.study-ui .demo-banner{color:#334454;background:#e7eff3}.study-ui .demo-banner button{color:#345f83}@media (width<=279px){.dialog{width:calc(100% - 12px);max-width:calc(100% - 12px);padding:12px}.dialog .range-input,.dialog .outcome-options,.dialog .record-mode{grid-template-columns:minmax(0,1fr);display:grid}.dialog .range-input label{width:100%;min-width:0}.dialog .record-mode button{white-space:normal;min-width:0}.dialog:has(.record-mode) input[type=date]{padding-inline:6px}}.app-navigation .breadcrumb b,.app-navigation .date,.app-navigation .save-note{color:var(--muted)}.app-navigation .nav-item.active{border-left-color:#245c93}.app-navigation .nav-item{position:relative}.app-navigation .nav-dot{position:absolute;right:8px}.app-navigation .nav-dot,.app-navigation.bottom-nav>button.active:after{background:#245c93}.app-navigation.bottom-nav>button:focus-visible{outline-offset:-4px}@media (width<=300px){.app-navigation.topbar{height:auto;min-height:67px}}.material-save-inspection{overflow-wrap:anywhere;gap:12px;display:grid}.material-save-inspection p{margin:0}.material-save-inspection .form-hint{color:var(--muted);font-size:14px}.material-save-inspection [role=status]{font-weight:600}.growth-navigation{display:none}@media (width<=760px){.growth-navigation{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 16px;margin:0 0 24px;display:flex}.growth-navigation a{max-width:100%;min-height:44px;color:var(--muted);overflow-wrap:anywhere;scroll-margin-bottom:calc(110px + env(safe-area-inset-bottom));border-bottom:2px solid #0000;align-items:center;padding:10px 12px;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.growth-navigation a[aria-current=page]{color:var(--text);border-bottom-color:var(--gold);font-weight:600}.growth-navigation a:hover{color:var(--text)}.growth-navigation a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}}.study-ui .book-added{margin-bottom:24px}.study-ui .book-added h2{margin:0 0 12px;font-size:18px}.study-ui .shelf-active-study{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:24px;padding:24px 0;display:flex}.study-ui .shelf-active-study>div{flex:260px;min-width:0}.study-ui .shelf-active-study h2{overflow-wrap:anywhere;margin:8px 0;font-size:20px}.study-ui .shelf-active-study p{margin:8px 0 0}.study-ui .shelf-active-status{color:var(--muted);font-size:13px;font-weight:600}.study-ui .shelf-active-study button{white-space:normal;max-width:100%;min-height:48px}.study-ui .book-card .book-action:disabled{cursor:not-allowed;opacity:.5}@media (width<=600px){.study-ui .shelf-active-study{padding:16px 20px}.study-ui .shelf-active-study>button{justify-content:space-between;width:100%}}@media (width>=761px){.study-ui [data-material-study],.study-ui [data-material-record],.study-ui [data-shelf-active-study],.study-ui [data-shelf-timer-check]{scroll-margin-block:12px}}.dialog:has(.record-save-inspection){scroll-padding-block:96px 12px}.record-save-inspection button,.record-save-error{scroll-margin-block:12px}.record-save-inspection button:focus,.record-save-error:focus{outline-offset:4px;outline:3px solid #246bb4}