:root{color:#edf2ec;--ink:#edf2ec;--muted:#b6c4be;--muted-strong:#c9d5cf;--muted-soft:#a6b3ad;--line:#edf2ec1f;--panel:#0f161ce6;--panel-strong:#151e26eb;--surface-soft:#19232cb8;--surface-strong:#1d2831e0;--surface-elevated:#232f3af0;--shadow:0 18px 44px #00000057;--correct-bg:#204738e6;--correct-line:#78d6a83d;--incorrect-bg:#4f2626e6;--incorrect-line:#e97e7142;--due-bg:#58461ce6;--due-line:#eac7683d;--due-text:#f0da99;--success-bg:#1f5842eb;--success-text:#d5f4e7;--error-bg:#622c26eb;--error-text:#ffd8d0;--overlay:#05080c8f;--correct-text:#e2fff3;--incorrect-text:#ffe4de;--ink-on-light:#10181e;background:radial-gradient(circle at 0 0,#d0a26029,#0000 32%),radial-gradient(circle at 100% 0,#487a652e,#0000 28%),linear-gradient(#0b1217 0%,#121d24 56%,#18242c 100%);font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);-webkit-text-size-adjust:100%;margin:0}button,input,select,textarea{font:inherit;touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}#root{min-height:100vh}.app-shell{min-height:100vh;padding:18px}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.topbar h1,.hero-card h2,.panel-header h2,.panel-header h3{margin:0;font-family:BIZ UDPMincho,Yu Mincho,serif;font-weight:700}.eyebrow{color:var(--muted-soft);text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-size:12px}.nav-tabs{border:1px solid var(--line);box-shadow:var(--shadow);background:#11181ec7;border-radius:999px;gap:8px;padding:8px;display:flex}.nav-tabs::-webkit-scrollbar{display:none}.material-switcher::-webkit-scrollbar{display:none}.section-tabs::-webkit-scrollbar{display:none}.nav-tabs button{color:var(--muted-strong);background:0 0;border-radius:999px;padding:10px 16px}.nav-tabs button.active{background:var(--ink);color:var(--ink-on-light)}.flash{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;margin-bottom:16px;padding:14px 16px}.flash.error{background:var(--error-bg);color:var(--error-text)}.flash.success{background:var(--success-bg);color:var(--success-text)}.offline-status{border:1px solid var(--due-line);background:var(--due-bg);color:var(--due-text);box-shadow:var(--shadow);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex}.offline-status.error{border-color:var(--incorrect-line);background:var(--error-bg);color:var(--error-text)}.offline-status span{background:#ffffff14;border-radius:999px;padding:4px 8px}.workspace{grid-template-columns:minmax(0,2fr) minmax(320px,420px);align-items:start;gap:16px;display:grid}.workspace.single-column{grid-template-columns:minmax(0,1fr)}.main-panel,.detail-panel,.panel,.hero-card,.modal-card,.quick-log-sheet{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.main-panel{border-radius:24px;padding:18px}.detail-panel{border-radius:24px;padding:16px;position:sticky;top:18px}.detail-panel.empty{align-items:center;min-height:420px;display:flex}.loading-state{place-items:center;min-height:60vh;font-size:18px;display:grid}.auth-shell{place-items:center;min-height:68vh;display:grid}.auth-card{border:1px solid var(--line);background:var(--panel);width:min(100%,420px);box-shadow:var(--shadow);border-radius:20px;gap:16px;padding:18px;display:grid}.stack{gap:14px;display:grid}.split-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.hero-card,.panel,.modal-card,.quick-log-sheet{border-radius:20px;padding:16px}.hero-card{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.hero-copy,.subtle{color:var(--muted-strong)}.subtle{font-size:13px;line-height:1.35}.hero-copy{max-width:44rem;margin-top:8px}.hero-actions,.inline-actions,.chip-row,.pill-row,.section-pills,.material-switcher,.section-tabs{flex-wrap:wrap;gap:6px;display:flex}.primary,.secondary,.ghost,.danger-text,.material-launch,.question-tile,.switch-chip,.section-tab,.pill-button{transition:transform .14s,background-color .14s,border-color .14s}.primary:hover,.secondary:hover,.ghost:hover,.danger-text:hover,.material-launch:hover,.question-tile:hover,.switch-chip:hover,.section-tab:hover,.pill-button:hover{transform:translateY(-1px)}.primary,.secondary,.ghost{border-radius:12px;padding:10px 14px}.primary{background:var(--ink);color:var(--ink-on-light)}.primary.success{color:var(--correct-text);background:#255f48}.primary.danger{color:var(--incorrect-text);background:#9a4d42}.secondary{background:var(--surface-strong);color:var(--ink);border:1px solid var(--line)}.ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.danger-text{color:#e78a7e;background:0 0;padding:10px 0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px;padding:14px}.stat-card p{color:var(--muted-strong);margin:0 0 8px}.stat-card strong{font-size:28px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-subtitle{color:var(--muted-strong);margin:0 0 8px;font-size:13px}.card-list,.history-list{gap:12px;display:grid}.material-card,.review-card,.detail-card,.history-item,.empty-state{background:var(--panel-strong);border:1px solid var(--line);border-radius:20px}.material-card,.review-card,.detail-card,.history-item{padding:12px}.material-launch{text-align:left;width:100%;color:var(--ink);background:0 0;gap:10px;padding:0;display:grid}.material-type{color:var(--muted-strong);margin:0 0 6px;font-size:13px}.material-card h3,.material-card h4,.review-card h3,.review-card h4,.empty-state h4{margin:0}.material-metrics,.mini-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.material-metrics div,.mini-stats div{background:var(--surface-soft);border-radius:16px;padding:6px 8px}.material-metrics dt,.mini-stats dt{color:var(--muted-strong);font-size:11px}.material-metrics dd,.mini-stats dd{margin:4px 0 0;font-size:15px;font-weight:700}.quick-metrics{margin-top:10px}.pill,.chip,.switch-chip,.section-tab,.pill-button{background:var(--surface-elevated);border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.pill.muted,.chip.muted{color:var(--muted-strong)}.chip.correct{background:var(--correct-bg);color:var(--correct-text)}.chip.incorrect{background:var(--incorrect-bg);color:var(--incorrect-text)}.chip.due{background:var(--due-bg);border-color:var(--due-line);color:var(--due-text)}.switch-chip.active,.section-tab.active,.pill-button.active{background:var(--ink);color:var(--ink-on-light);border-color:var(--ink)}.question-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;display:grid}.question-range-toolbar{background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;gap:8px;margin-bottom:8px;padding:10px;display:grid}.question-range-summary{gap:4px;display:grid}.question-range-summary strong{font-size:20px;line-height:1}.question-range-controls,.question-range-jump{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.question-range-jump{grid-template-columns:minmax(0,1fr) auto}.question-range-select{min-width:0}.range-cycle-card,.range-ops-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;gap:8px;margin-bottom:8px;padding:10px;display:grid}.review-queue-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;overflow:hidden}.review-queue-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;list-style:none;display:flex}.review-queue-toggle::-webkit-details-marker{display:none}.review-queue-panel[open] .review-queue-toggle{border-bottom:1px solid var(--line)}.review-queue-content{gap:8px;padding:10px 12px;display:grid}.review-queue-list{gap:8px;display:grid}.review-queue-item{border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;padding:8px;display:grid}.review-queue-item.active{background:var(--surface-elevated);border-color:#edf2ec38}.review-queue-focus{min-width:0;color:var(--ink);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0;display:grid}.review-queue-copy{min-width:0}.review-queue-copy strong{display:block}.review-queue-copy .subtle{margin-top:2px}.review-queue-defer{min-width:88px}.range-ops-card.active{background:var(--surface-strong);border-color:#edf2ec38}.range-cycle-header,.range-ops-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-cycle-header strong{font-size:20px;line-height:1;display:block}.range-ops-summary{flex-wrap:wrap}.range-ops-actions{flex-wrap:wrap;justify-content:flex-end}.bulk-range-actions{flex-wrap:wrap}.range-history-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;overflow:hidden}.range-history-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;list-style:none;display:flex}.range-history-toggle::-webkit-details-marker{display:none}.range-history-panel[open] .range-history-toggle{border-bottom:1px solid var(--line)}.range-cycle-list{gap:8px;padding:8px;display:grid}.range-cycle-item{border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;overflow:hidden}.range-cycle-summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px;list-style:none;display:grid}.range-cycle-summary::-webkit-details-marker{display:none}.range-cycle-item[open] .range-cycle-summary{border-bottom:1px solid var(--line)}.range-cycle-item>.chip-row,.range-cycle-records{padding:10px 12px 0}.range-cycle-records{gap:8px;padding-bottom:12px;display:grid}.range-cycle-record{border:1px solid var(--line);background:#161f27eb;border-radius:10px;padding:8px}.question-tile{background:var(--surface-strong);border:1px solid var(--line);min-height:60px;color:var(--ink);border-radius:14px;align-content:center;justify-items:center;gap:2px;display:grid}.question-grid.bulk-brush-enabled,.question-grid.bulk-brush-enabled .question-tile{touch-action:none;-webkit-user-select:none;user-select:none}.question-tile strong{font-size:15px}.question-tile span{color:var(--muted-strong);font-size:10px}.question-tile.correct{background:var(--correct-bg);border-color:var(--correct-line)}.question-tile.correct strong,.question-tile.correct span{color:var(--correct-text)}.question-tile.mastered{background:#2d3a38db;border-color:#f0da9957;position:relative;box-shadow:inset 0 0 0 1px #f0da9914}.question-tile.mastered strong,.question-tile.mastered span{color:#f5e8b8}.mastery-crown{color:#f5d978;text-shadow:0 0 10px #f5d97880;font-size:13px;line-height:1;position:absolute;top:4px;right:6px}.mastery-crown:after{content:"";background:#fff3bd;border-radius:999px;width:4px;height:4px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 8px #fff3bde6}.question-tile.incorrect{background:var(--incorrect-bg);border-color:var(--incorrect-line)}.question-tile.incorrect strong,.question-tile.incorrect span{color:var(--incorrect-text)}.question-tile.active{outline-offset:2px;outline:2px solid #edf2ecb3}.question-tile.bulk-mode{border-style:dashed}.question-tile.bulk-selected{outline-offset:2px;background:#4e6e8147;border-style:solid;outline:2px solid #edf2ecc7}.question-tile.bulk-disabled{opacity:.48}.question-tile.review-hidden{visibility:hidden;pointer-events:none}.question-grid-meta{margin:2px 0 8px}.mastered-range-note{color:#f5e8b8;background:#58461c52;border:1px solid #f0da993d;border-radius:12px;margin:0 0 8px;padding:10px 12px;font-weight:700}.quick-log-sheet{z-index:20;justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;bottom:12px}.quick-log-sheet:has(.empty-state){display:none}.quick-log-sheet>div:first-child{min-width:0}.quick-log-sheet h3{margin:0}.detail-card{gap:12px;display:grid}.hero-metric{font-size:30px;line-height:1}.history-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.history-overview-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.history-mini-list{gap:10px;display:grid}.history-day-launch{background:var(--surface-strong);border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.history-day-launch strong{font-size:22px}.history-progress{gap:12px;display:grid}.history-progress-bar{appearance:none;border:1px solid var(--line);background:#1d2831cc;border-radius:999px;width:100%;height:14px;padding:0;display:block;overflow:hidden}.history-progress-bar::-webkit-progress-bar{background:0 0}.history-progress-bar::-webkit-progress-value{background:linear-gradient(90deg,#2f6a50 0%,#7eb38a 100%);border-radius:999px}.history-progress-bar::-moz-progress-bar{background:linear-gradient(90deg,#2f6a50 0%,#7eb38a 100%);border-radius:999px;height:100%}.milestone-row{flex-wrap:wrap;gap:8px;display:flex}.milestone-chip{text-align:center;background:var(--surface-strong);border:1px solid var(--line);min-width:44px;color:var(--muted-strong);border-radius:999px;padding:6px 10px}.milestone-chip.achieved{background:var(--correct-bg);border-color:var(--correct-line);color:var(--correct-text)}.calendar-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{text-align:center;color:var(--muted-strong);font-size:12px}.calendar-cell{background:var(--surface-soft);border:1px solid var(--line);min-height:86px;color:var(--ink);border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;display:flex}.calendar-cell.outside{opacity:.62}.calendar-cell.has-record{background:var(--surface-strong)}.calendar-cell.today{border-color:#78d6a857}.calendar-cell.selected{outline-offset:1px;outline:2px solid #edf2ecb3}.calendar-day-number{color:var(--muted-strong);font-size:13px}.calendar-study-value{font-size:28px;line-height:1}.empty-state{text-align:center;padding:24px}.empty-state p{margin:8px 0 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--muted-strong);font-size:14px}.check-row{color:var(--muted-strong);align-items:center;gap:10px;font-size:14px;line-height:1.4;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--accent);flex:none}.text-input,.select-input,.text-area,.prompt-box{border:1px solid var(--line);width:100%;color:var(--ink);background:#121920f5;border-radius:14px;padding:12px 14px}.text-area,.prompt-box{resize:vertical}.prompt-box{min-height:180px}.mono-block{border:1px solid var(--line);white-space:nowrap;background:#121920f5;border-radius:14px;padding:12px 14px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;overflow-x:auto}.modal-backdrop{background:var(--overlay);place-items:start center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-card{width:min(720px,100%);max-height:calc(100vh - 48px);margin:auto 0;overflow-y:auto}.redesign-page,.study-main-column,.materials-table-column,.history-redesign-layout,.analysis-stack{gap:14px;display:grid}.decision-strip,.action-card,.metric-tile,.decision-card,.material-status-row,.timeline-item,.rule-row,.cluster-row{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px}.decision-strip{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.decision-strip h2,.study-hero-panel h2,.range-headline h3,.decision-card h3,.materials-table-column h2,.history-summary-panel h2{margin:0}.decision-actions{flex-wrap:wrap;gap:8px;display:flex}.home-action-grid{grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:10px;display:grid}.action-card{gap:8px;padding:14px;display:grid}.action-card span,.metric-tile span,.material-status-row span,.rule-row span,.cluster-row small{color:var(--muted-strong);font-size:12px}.action-card strong{font-size:24px}.action-card p{color:var(--muted-strong);margin:0}.metric-tile{gap:5px;min-width:0;padding:10px 12px;display:grid}.metric-tile strong{overflow-wrap:anywhere;font-size:22px;line-height:1.05}.metric-tile.correct{border-color:var(--correct-line);background:#2047388a}.metric-tile.incorrect{border-color:var(--incorrect-line);background:#4f262694}.metric-tile.due{border-color:var(--due-line);background:#58461c8f}.redesign-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.home-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.home-dashboard-grid .wide{grid-column:1/-1}.ops-panel{gap:12px;display:grid}.material-status-list,.cycle-bars,.timeline-list,.rule-list,.quality-grid{gap:8px;display:grid}.material-status-row{width:100%;color:var(--ink);text-align:left;grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.material-status-row strong{display:block}.progress-meter{appearance:none;border:1px solid var(--line);background:#0a1015b3;border-radius:999px;min-width:80px;height:8px;padding:0;overflow:hidden}.progress-meter::-webkit-progress-bar{background:0 0}.progress-meter::-webkit-progress-value{border-radius:inherit;background:#4cbf82}.progress-meter::-moz-progress-bar{border-radius:inherit;background:#4cbf82}.progress-meter.incorrect::-webkit-progress-value{background:#e76f61}.progress-meter.incorrect::-moz-progress-bar{background:#e76f61}.progress-meter.due::-webkit-progress-value{background:#e7bd55}.progress-meter.due::-moz-progress-bar{background:#e7bd55}.progress-meter.accent::-webkit-progress-value{background:#49c6d7}.progress-meter.accent::-moz-progress-bar{background:#49c6d7}.range-heatmap{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px;display:grid}.range-heat-cell{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:4px;min-height:54px;padding:8px;display:grid}.range-heat-cell span{color:var(--muted-strong);font-size:11px}.range-heat-cell strong{font-size:16px}.range-heat-cell.correct{border-color:var(--correct-line);background:#204738b8}.range-heat-cell.incorrect{border-color:var(--incorrect-line);background:#4f2626c7}.range-heat-cell.due{border-color:var(--due-line);background:#58461cc7}.study-redesign-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:14px;display:grid}.study-decision-panel,.materials-side-panel{gap:10px;display:grid;position:sticky;top:16px}.study-metric-strip,.decision-metrics,.quality-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.decision-metrics,.quality-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.study-hero-panel,.range-control-panel,.question-grid-panel,.material-table-panel,.history-summary-panel{border-radius:10px}.range-headline{justify-content:space-between;gap:14px;display:flex}.range-headline h3{font-size:32px}.question-range-toolbar.redesigned{grid-template-columns:auto minmax(180px,1fr) auto minmax(220px,1.2fr);align-items:center;margin:12px 0 0}.redesign-bulk-card{border-radius:10px;margin:0}.redesign-question-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}.question-tile.due{background:var(--due-bg);border-color:var(--due-line)}.question-tile.due strong,.question-tile.due span{color:var(--due-text)}.question-tile.bulk-selected{outline-color:#49c6d7f2;box-shadow:0 0 0 3px #49c6d71f}.decision-card{gap:10px;padding:12px;display:grid}.rule-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.rule-row.correct{border-color:var(--correct-line)}.rule-row.incorrect{border-color:var(--incorrect-line)}.rule-row.due{border-color:var(--due-line)}.cycle-bar-row{grid-template-columns:58px 86px 42px minmax(80px,1fr);align-items:center;gap:8px;padding:6px 0;display:grid}.cycle-bar-row small{color:var(--muted-strong)}.cluster-list{gap:7px;display:grid}.cluster-row{grid-template-columns:18px 42px minmax(0,1fr) 74px;align-items:center;gap:8px;padding:8px;display:grid}.cluster-row>span,.cluster-row strong{color:#ff8d7f}.cluster-bars{gap:3px;display:flex}.cluster-bars i{background:#edf2ec14;border-radius:2px;width:10px;height:10px}.cluster-bars i.active{background:#e76f61}.materials-redesign-layout{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;gap:14px;display:grid}.material-toolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.material-toolbar .text-input{max-width:320px}.material-table-wrap{overflow-x:auto}.material-table{border-collapse:collapse;width:100%;min-width:900px}.material-table th,.material-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px;font-size:13px}.material-table th{color:var(--muted-strong);font-weight:600}.table-link{color:var(--ink);text-align:left;background:0 0;padding:0;font-weight:700}.compact-actions{flex-wrap:nowrap}.compact-actions .ghost{padding:6px 8px}.history-main-grid{grid-template-columns:minmax(360px,.9fr) minmax(280px,.7fr) minmax(280px,.7fr);align-items:start;gap:14px;display:grid}.redesigned-calendar .calendar-cell{border-radius:8px;min-height:72px}.timeline-item{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.timeline-item.correct{border-color:var(--correct-line)}.timeline-item.incorrect{border-color:var(--incorrect-line)}.timeline-item span,.timeline-item small{color:var(--muted-strong)}.history-record-table{min-width:760px}.history-record-table-panel{overflow:hidden}.nav-tabs button:nth-child(2){order:2}.nav-tabs button:nth-child(3){order:1}.nav-tabs button:nth-child(5){order:4}.nav-tabs button:nth-child(6){order:5}@media (width>=1181px){.app-shell{padding:8px 10px}.topbar{align-items:center;margin-bottom:8px}.topbar h1{font-size:30px;line-height:1}.eyebrow{margin-bottom:2px;font-size:11px}.nav-tabs{gap:4px;padding:5px}.nav-tabs button{padding:7px 13px}.main-panel{border-radius:16px;padding:8px}.redesign-page,.study-main-column,.materials-table-column,.history-redesign-layout,.analysis-stack{gap:8px}.panel,.hero-card,.quick-log-sheet{border-radius:10px;padding:8px}.panel-header{margin-bottom:6px}.study-redesign-layout{grid-template-columns:minmax(0,1fr) minmax(286px,330px);gap:10px}.study-decision-panel,.materials-side-panel{gap:6px;top:8px}.decision-card{gap:5px;padding:7px}.decision-card h3{font-size:15px}.study-hero-panel .subtle{margin:4px 0 0}.material-switcher,.question-display-filters{gap:5px;margin-top:6px}.pill,.chip,.switch-chip,.section-tab,.pill-button{padding:4px 8px;font-size:11px}.study-metric-strip,.decision-metrics,.quality-grid{gap:6px}.metric-tile{gap:3px;padding:7px 9px}.metric-tile strong{font-size:18px}.range-control-panel{padding:8px}.range-headline h3{font-size:26px}.question-range-toolbar.redesigned{grid-template-columns:auto minmax(180px,1fr) auto minmax(260px,1.4fr);gap:6px;margin-top:6px;padding:6px}.question-range-jump{gap:6px}.text-input,.select-input,.text-area,.prompt-box,.primary,.secondary,.ghost{border-radius:9px;padding:7px 9px}.redesign-bulk-card{gap:6px;padding:8px}.bulk-range-actions{gap:6px}.question-grid-panel{padding:8px}.question-grid-meta{margin-bottom:6px}.redesign-question-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px}.question-tile{border-radius:8px;min-height:42px}.question-tile strong{font-size:14px}.question-tile span{font-size:9px}.range-heatmap{grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:5px}.range-heat-cell{min-height:38px;padding:5px}.range-heat-cell span{font-size:9px}.range-heat-cell strong{font-size:14px}.rule-row{gap:6px;padding:5px 7px}.rule-row span,.rule-row strong{font-size:12px}.cycle-bar-row{grid-template-columns:46px 74px 34px minmax(70px,1fr);gap:5px;padding:2px 0;font-size:11px}.cluster-list{gap:5px}.cluster-row{grid-template-columns:14px 34px minmax(0,1fr) 54px;gap:5px;padding:5px}.cluster-row small{font-size:10px}.cluster-bars i{width:8px;height:8px}.home-action-grid,.home-dashboard-grid{gap:10px}.decision-strip,.action-card{padding:10px}.action-card strong{font-size:20px}.material-status-row{padding:8px}.materials-redesign-layout{grid-template-columns:minmax(0,1fr) minmax(286px,340px);gap:10px}.material-toolbar{margin-bottom:8px}.material-table th,.material-table td{padding:7px 9px;font-size:12px}.compact-actions .ghost{padding:5px 6px}.history-main-grid{grid-template-columns:minmax(330px,.85fr) minmax(260px,.7fr) minmax(260px,.7fr);gap:10px}.redesigned-calendar{gap:5px}.redesigned-calendar .calendar-cell{min-height:54px;padding:7px}.calendar-study-value{font-size:20px}.timeline-item{padding:7px 8px}}@media (width>=1181px) and (height<=850px){.app-shell{padding:5px 8px}.topbar{margin-bottom:6px}.topbar h1{font-size:23px}.nav-tabs button{padding:5px 10px;font-size:14px}.main-panel{padding:5px}.study-redesign-layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:8px}.study-main-column{gap:6px}.study-hero-panel .subtle{display:none}.material-switcher,.question-display-filters{gap:4px;margin-top:4px}.pill,.chip,.switch-chip,.section-tab,.pill-button{padding:3px 7px;font-size:10px}.study-metric-strip{gap:4px}.metric-tile{gap:1px;padding:4px 6px}.metric-tile strong{font-size:16px}.metric-tile span{font-size:10px}.range-control-panel{padding:6px}.range-headline{align-items:center}.range-headline h3{font-size:22px}.range-headline .subtle{margin:0;font-size:12px}.question-range-toolbar.redesigned{grid-template-columns:auto minmax(150px,1fr) auto minmax(120px,.8fr);gap:5px;margin-top:4px;padding:5px}.text-input,.select-input,.text-area,.prompt-box,.primary,.secondary,.ghost{padding:5px 8px;font-size:13px}.redesign-bulk-card{gap:4px;padding:6px}.bulk-range-actions{gap:4px}.question-grid-panel{padding:6px}.question-grid-meta{margin-bottom:4px}.redesign-question-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px}.question-tile{border-radius:6px;gap:0;min-height:32px}.question-tile strong{font-size:12px}.question-tile span{font-size:7px}.study-decision-panel{scrollbar-width:thin;gap:5px;max-height:calc(100vh - 70px);padding-right:2px;overflow-y:auto}.decision-card{gap:4px;padding:6px}.decision-card h3{font-size:13px}.decision-card .eyebrow{font-size:10px}.decision-metrics{gap:4px}.range-heatmap{grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:4px}.range-heat-cell{min-height:30px;padding:3px}.range-heat-cell span{font-size:8px}.range-heat-cell strong{font-size:12px}.rule-row{gap:5px;padding:4px 5px}.rule-row span,.rule-row strong{font-size:10px}.cycle-bar-row{grid-template-columns:34px 58px 28px minmax(40px,1fr);gap:4px;font-size:10px}.progress-meter{height:5px}.cluster-row{grid-template-columns:12px 28px minmax(0,1fr) 42px;gap:4px;padding:4px}.cluster-row small{font-size:9px}.materials-redesign-layout{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:8px}.materials-table-column{gap:6px}.materials-table-column .panel-header h2{font-size:20px}.material-toolbar{gap:5px;margin-bottom:5px}.material-toolbar .text-input{max-width:220px}.material-table{min-width:760px}.material-table th,.material-table td{padding:4px 6px;font-size:11px}.material-table .chip{padding:2px 5px;font-size:9px}.compact-actions .ghost{padding:3px 5px;font-size:11px}.materials-side-panel{scrollbar-width:thin;gap:5px;max-height:calc(100vh - 72px);padding-right:2px;overflow-y:auto}.materials-side-panel .range-heatmap{grid-template-columns:repeat(auto-fit,minmax(36px,1fr))}.materials-side-panel .quality-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}@media (width<=1180px){.study-redesign-layout,.materials-redesign-layout,.history-main-grid,.home-dashboard-grid{grid-template-columns:1fr}.study-decision-panel,.materials-side-panel{position:static}.home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.decision-strip,.material-toolbar,.range-headline{flex-direction:column;align-items:stretch}.home-action-grid,.redesign-stats,.study-metric-strip,.decision-metrics,.quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.question-range-toolbar.redesigned,.material-status-row,.timeline-item,.cycle-bar-row,.cluster-row,.rule-row{grid-template-columns:1fr}}@media (width<=1100px){.workspace,.split-panel{grid-template-columns:1fr}.detail-panel{position:static}.stats-grid,.material-metrics,.history-overview-grid,.history-overview-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.app-shell{padding:10px 10px calc(14px + env(safe-area-inset-bottom))}.topbar,.hero-card,.review-main,.quick-log-sheet{flex-direction:column;align-items:stretch}.topbar{gap:10px;margin-bottom:10px}.panel-header{flex-flow:wrap;align-items:center;gap:8px;margin-bottom:8px}.panel-header>div{min-width:0}.nav-tabs{scroll-snap-type:x proximity;border-radius:16px;flex-wrap:nowrap;gap:4px;width:100%;padding:4px;overflow-x:auto}.nav-tabs button{scroll-snap-align:start;flex:none;min-height:36px;padding:8px 10px}.main-panel,.detail-panel{border-radius:18px;padding:12px}.main-panel:has(.quick-log-sheet:not(:has(.empty-state))){padding-bottom:128px}.hero-card,.panel,.modal-card,.quick-log-sheet{border-radius:16px;padding:10px}.hero-copy{font-size:14px}.hero-actions,.inline-actions{width:100%}.hero-actions>*,.inline-actions>*{flex:1 1 0;min-height:46px}.material-switcher,.section-tabs{padding-bottom:4px;flex-wrap:nowrap;margin-inline:-2px;padding-inline:2px;overflow-x:auto}.switch-chip,.section-tab,.pill-button{flex:none;min-height:34px;padding:4px 8px}.card-list,.history-list,.stack{gap:10px}.stats-grid,.form-grid,.history-overview-grid,.history-overview-grid.compact{grid-template-columns:1fr}.material-metrics,.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.material-card,.review-card,.detail-card,.history-item,.empty-state{border-radius:18px}.question-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.question-range-toolbar{border-radius:14px;padding:6px}.range-cycle-card,.range-ops-card{border-radius:14px;padding:8px}.range-cycle-header,.range-ops-row{flex-direction:column;align-items:stretch}.review-queue-toggle,.review-queue-item,.review-queue-focus{grid-template-columns:1fr}.review-queue-toggle{align-items:stretch}.review-queue-defer{width:100%;min-width:0}.range-cycle-summary{grid-template-columns:1fr;gap:4px}.question-range-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.question-range-select{grid-column:1/-1}.question-tile{border-radius:10px;min-height:48px;padding:4px 2px}.question-tile strong{font-size:14px}.question-tile span{display:none}.calendar-toolbar{flex-direction:column;align-items:stretch}.calendar-weekdays,.calendar-grid{gap:6px}.calendar-cell{border-radius:14px;min-height:68px;padding:8px}.calendar-study-value{font-size:20px}.quick-log-sheet{left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));background:#0f161cfa;border-color:#edf2ec33;gap:8px;position:fixed;box-shadow:0 16px 40px #0000007a}.quick-log-sheet .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-log-sheet .primary{min-height:56px;font-size:17px;font-weight:700}.modal-backdrop{padding:12px}.modal-card{max-height:calc(100vh - 24px)}}@media (width<=540px){.app-shell{padding:8px 8px calc(12px + env(safe-area-inset-bottom))}.main-panel:has(.quick-log-sheet:not(:has(.empty-state))){padding-bottom:136px}.question-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.question-tile{min-height:44px}.quick-log-sheet{left:8px;right:8px}.question-range-summary strong{font-size:18px}.question-range-jump{grid-template-columns:1fr}.history-overview-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-weekdays span,.calendar-day-number{font-size:11px}.calendar-study-value{font-size:18px}}@media (width<=400px){.nav-tabs button,.primary,.secondary,.ghost{padding:7px 9px}.question-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.question-tile{min-height:40px}.quick-log-sheet .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}