:root{font-family:BIZ UDPGothic,Hiragino Sans,Yu Gothic,sans-serif;line-height:1.5;color:#edf2ec;background:radial-gradient(circle at top left,rgba(208,162,96,.16),transparent 32%),radial-gradient(circle at top right,rgba(72,122,101,.18),transparent 28%),linear-gradient(180deg,#0b1217,#121d24 56%,#18242c);--ink: #edf2ec;--muted: #b6c4be;--muted-strong: #c9d5cf;--muted-soft: #a6b3ad;--line: rgba(237, 242, 236, .12);--panel: rgba(15, 22, 28, .9);--panel-strong: rgba(21, 30, 38, .92);--surface-soft: rgba(25, 35, 44, .72);--surface-strong: rgba(29, 40, 49, .88);--surface-elevated: rgba(35, 47, 58, .94);--shadow: 0 18px 44px rgba(0, 0, 0, .34);--correct-bg: rgba(32, 71, 56, .9);--correct-line: rgba(120, 214, 168, .24);--incorrect-bg: rgba(79, 38, 38, .9);--incorrect-line: rgba(233, 126, 113, .26);--due-bg: rgba(88, 70, 28, .9);--due-line: rgba(234, 199, 104, .24);--due-text: #f0da99;--success-bg: rgba(31, 88, 66, .92);--success-text: #d5f4e7;--error-bg: rgba(98, 44, 38, .92);--error-text: #ffd8d0;--overlay: rgba(5, 8, 12, .56);--correct-text: #e2fff3;--incorrect-text: #ffe4de;--ink-on-light: #10181e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit;touch-action:manipulation}button{border:0;cursor:pointer;color:inherit}#root{min-height:100vh}.app-shell{min-height:100vh;padding:18px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.topbar h1,.hero-card h2,.panel-header h2,.panel-header h3{margin:0;font-family:BIZ UDPMincho,Yu Mincho,serif;font-weight:700}.eyebrow{margin:0 0 4px;color:var(--muted-soft);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.nav-tabs{display:flex;gap:8px;padding:8px;border-radius:999px;background:#11181ec7;border:1px solid var(--line);box-shadow:var(--shadow)}.nav-tabs::-webkit-scrollbar,.material-switcher::-webkit-scrollbar,.section-tabs::-webkit-scrollbar{display:none}.nav-tabs button{padding:10px 16px;border-radius:999px;background:transparent;color:var(--muted-strong)}.nav-tabs button.active{background:var(--ink);color:var(--ink-on-light)}.flash{margin-bottom:16px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.flash.error{background:var(--error-bg);color:var(--error-text)}.flash.success{background:var(--success-bg);color:var(--success-text)}.offline-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:10px 12px;border:1px solid var(--due-line);border-radius:12px;background:var(--due-bg);color:var(--due-text);box-shadow:var(--shadow)}.offline-status.error{border-color:var(--incorrect-line);background:var(--error-bg);color:var(--error-text)}.offline-status span{padding:4px 8px;border-radius:999px;background:#ffffff14}.workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,420px);gap:16px;align-items:start}.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{display:flex;align-items:center;min-height:420px}.loading-state{display:grid;place-items:center;min-height:60vh;font-size:18px}.auth-shell{display:grid;place-items:center;min-height:68vh}.auth-card{display:grid;gap:16px;width:min(100%,420px);padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow)}.stack{display:grid;gap:14px}.split-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero-card,.panel,.modal-card,.quick-log-sheet{border-radius:20px;padding:16px}.hero-card{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.hero-copy,.subtle{color:var(--muted-strong)}.subtle{font-size:13px;line-height:1.35}.hero-copy{margin-top:8px;max-width:44rem}.hero-actions,.inline-actions,.chip-row,.pill-row,.section-pills,.material-switcher,.section-tabs{display:flex;gap:6px;flex-wrap:wrap}.primary,.secondary,.ghost,.danger-text,.material-launch,.question-tile,.switch-chip,.section-tab,.pill-button{transition:transform .14s ease,background-color .14s ease,border-color .14s ease}.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{padding:10px 14px;border-radius:12px}.primary{background:var(--ink);color:var(--ink-on-light)}.primary.success{background:#255f48;color:var(--correct-text)}.primary.danger{background:#9a4d42;color:var(--incorrect-text)}.secondary{background:var(--surface-strong);color:var(--ink);border:1px solid var(--line)}.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.danger-text{background:transparent;color:#e78a7e;padding:10px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card{border-radius:20px;padding:14px;background:var(--panel-strong);border:1px solid var(--line)}.stat-card p{margin:0 0 8px;color:var(--muted-strong)}.stat-card strong{font-size:28px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-subtitle{margin:0 0 8px;font-size:13px;color:var(--muted-strong)}.card-list,.history-list{display:grid;gap:12px}.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{width:100%;display:grid;gap:10px;text-align:left;background:transparent;padding:0;color:var(--ink)}.material-type{margin:0 0 6px;color:var(--muted-strong);font-size:13px}.material-card h3,.material-card h4,.review-card h3,.review-card h4,.empty-state h4{margin:0}.material-metrics,.mini-stats{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.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{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;background:var(--surface-elevated);border:1px solid var(--line);color:var(--muted-strong)}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px}.question-range-toolbar{display:grid;gap:8px;margin-bottom:8px;padding:10px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line)}.question-range-summary{display:grid;gap:4px}.question-range-summary strong{font-size:20px;line-height:1}.question-range-controls,.question-range-jump{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}.question-range-jump{grid-template-columns:minmax(0,1fr) auto}.question-range-select{min-width:0}.range-cycle-card,.range-ops-card{display:grid;gap:8px;margin-bottom:8px;padding:10px;border-radius:16px;background:var(--surface-soft);border:1px solid var(--line)}.review-queue-panel{border-radius:16px;border:1px solid var(--line);background:var(--surface-soft);overflow:hidden}.review-queue-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:10px 12px}.review-queue-toggle::-webkit-details-marker{display:none}.review-queue-panel[open] .review-queue-toggle{border-bottom:1px solid var(--line)}.review-queue-content{display:grid;gap:8px;padding:10px 12px}.review-queue-list{display:grid;gap:8px}.review-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;padding:8px;border-radius:12px;border:1px solid var(--line);background:var(--surface-strong)}.review-queue-item.active{border-color:#edf2ec38;background:var(--surface-elevated)}.review-queue-focus{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:0;background:transparent;color:var(--ink);text-align:left}.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{border-color:#edf2ec38;background:var(--surface-strong)}.range-cycle-header,.range-ops-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.range-cycle-header strong{display:block;font-size:20px;line-height:1}.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-radius:12px;border:1px solid var(--line);background:var(--surface-soft);overflow:hidden}.range-history-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;padding:9px 12px}.range-history-toggle::-webkit-details-marker{display:none}.range-history-panel[open] .range-history-toggle{border-bottom:1px solid var(--line)}.range-cycle-list{display:grid;gap:8px;padding:8px}.range-cycle-item{border-radius:12px;border:1px solid var(--line);background:var(--surface-strong);overflow:hidden}.range-cycle-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;list-style:none;cursor:pointer;padding:10px 12px}.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{display:grid;gap:8px;padding-bottom:12px}.range-cycle-record{padding:8px;border-radius:10px;background:#161f27eb;border:1px solid var(--line)}.question-tile{min-height:60px;display:grid;gap:2px;align-content:center;justify-items:center;border-radius:14px;background:var(--surface-strong);border:1px solid var(--line);color:var(--ink)}.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{font-size:10px;color:var(--muted-strong)}.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{position:relative;background:#2d3a38db;border-color:#f0da9957;box-shadow:inset 0 0 0 1px #f0da9914}.question-tile.mastered strong,.question-tile.mastered span{color:#f5e8b8}.mastery-crown{position:absolute;top:4px;right:6px;font-size:13px;line-height:1;color:#f5d978;text-shadow:0 0 10px rgba(245,217,120,.5)}.mastery-crown:after{content:"";position:absolute;width:4px;height:4px;top:-2px;right:-2px;border-radius:999px;background:#fff3bd;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:2px solid rgba(237,242,236,.7);outline-offset:2px}.question-tile.bulk-mode{border-style:dashed}.question-tile.bulk-selected{outline:2px solid rgba(237,242,236,.78);outline-offset:2px;border-style:solid;background:#4e6e8147}.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{margin:0 0 8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(240,218,153,.24);background:#58461c52;color:#f5e8b8;font-weight:700}.quick-log-sheet{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;bottom:12px;z-index:20}.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{display:grid;gap:12px}.hero-metric{font-size:30px;line-height:1}.history-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.history-overview-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.history-mini-list{display:grid;gap:10px}.history-day-launch{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px 16px;border-radius:18px;background:var(--surface-strong);border:1px solid var(--line);color:var(--ink);text-align:left}.history-day-launch strong{font-size:22px}.history-progress{display:grid;gap:12px}.history-progress-bar{height:14px;border-radius:999px;background:#1d2831cc;border:1px solid var(--line);overflow:hidden}.history-progress-fill{height:100%;background:linear-gradient(90deg,#2f6a50,#7eb38a)}.milestone-row{display:flex;gap:8px;flex-wrap:wrap}.milestone-chip{min-width:44px;padding:6px 10px;border-radius:999px;text-align:center;background:var(--surface-strong);border:1px solid var(--line);color:var(--muted-strong)}.milestone-chip.achieved{background:var(--correct-bg);border-color:var(--correct-line);color:var(--correct-text)}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays span{text-align:center;font-size:12px;color:var(--muted-strong)}.calendar-cell{min-height:86px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--line);color:var(--ink)}.calendar-cell.outside{opacity:.62}.calendar-cell.has-record{background:var(--surface-strong)}.calendar-cell.today{border-color:#78d6a857}.calendar-cell.selected{outline:2px solid rgba(237,242,236,.7);outline-offset:1px}.calendar-day-number{font-size:13px;color:var(--muted-strong)}.calendar-study-value{font-size:28px;line-height:1}.empty-state{padding:24px;text-align:center}.empty-state p{margin:8px 0 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:8px}.field span{font-size:14px;color:var(--muted-strong)}.text-input,.select-input,.text-area,.prompt-box{width:100%;border-radius:14px;border:1px solid var(--line);padding:12px 14px;background:#121920f5;color:var(--ink)}.text-area,.prompt-box{resize:vertical}.prompt-box{min-height:180px}.mono-block{overflow-x:auto;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#121920f5;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:13px;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:start center;padding:24px;overflow-y:auto}.modal-card{width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;margin:auto 0}.redesign-page,.study-main-column,.materials-table-column,.history-redesign-layout,.analysis-stack{display:grid;gap:14px}.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{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}.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{display:flex;gap:8px;flex-wrap:wrap}.home-action-grid{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:10px}.action-card{display:grid;gap:8px;padding:14px}.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{margin:0;color:var(--muted-strong)}.metric-tile{display:grid;gap:5px;min-width:0;padding:10px 12px}.metric-tile strong{font-size:22px;line-height:1.05;overflow-wrap:anywhere}.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{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.home-dashboard-grid .wide{grid-column:1 / -1}.ops-panel{display:grid;gap:12px}.material-status-list,.cycle-bars,.timeline-list,.rule-list,.quality-grid{display:grid;gap:8px}.material-status-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.2fr) auto;align-items:center;gap:12px;width:100%;padding:10px 12px;color:var(--ink);text-align:left}.material-status-row strong{display:block}.progress-meter{height:8px;min-width:80px;border-radius:999px;overflow:hidden;border:1px solid var(--line);background:#0a1015b3}.progress-meter span{display:block;height:100%;border-radius:inherit;background:#4cbf82}.progress-meter.incorrect span{background:#e76f61}.progress-meter.due span{background:#e7bd55}.progress-meter.accent span{background:#49c6d7}.range-heatmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px}.range-heat-cell{display:grid;gap:4px;min-height:54px;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--surface-soft)}.range-heat-cell span{color:var(--muted-strong);font-size:11px}.range-heat-cell strong{font-size:16px}.range-heat-cell.correct{background:#204738b8;border-color:var(--correct-line)}.range-heat-cell.incorrect{background:#4f2626c7;border-color:var(--incorrect-line)}.range-heat-cell.due{background:#58461cc7;border-color:var(--due-line)}.study-redesign-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:14px;align-items:start}.study-decision-panel,.materials-side-panel{display:grid;gap:10px;position:sticky;top:16px}.study-metric-strip,.decision-metrics,.quality-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.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{display:flex;justify-content:space-between;gap:14px}.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{display:grid;gap:10px;padding:12px}.rule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px}.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{display:grid;grid-template-columns:58px 86px 42px minmax(80px,1fr);gap:8px;align-items:center;padding:6px 0}.cycle-bar-row small{color:var(--muted-strong)}.cluster-list{display:grid;gap:7px}.cluster-row{display:grid;grid-template-columns:18px 42px minmax(0,1fr) 74px;gap:8px;align-items:center;padding:8px}.cluster-row>span,.cluster-row strong{color:#ff8d7f}.cluster-bars{display:flex;gap:3px}.cluster-bars i{width:10px;height:10px;border-radius:2px;background:#edf2ec14}.cluster-bars i.active{background:#e76f61}.materials-redesign-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:14px;align-items:start}.material-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px}.material-toolbar .text-input{max-width:320px}.material-table-wrap{overflow-x:auto}.material-table{width:100%;border-collapse:collapse;min-width:900px}.material-table th,.material-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:13px}.material-table th{color:var(--muted-strong);font-weight:600}.table-link{padding:0;background:transparent;color:var(--ink);font-weight:700;text-align:left}.compact-actions{flex-wrap:nowrap}.compact-actions .ghost{padding:6px 8px}.history-main-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(280px,.7fr) minmax(280px,.7fr);gap:14px;align-items:start}.redesigned-calendar .calendar-cell{min-height:72px;border-radius:8px}.timeline-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px}.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(min-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{padding:5px;gap:4px}.nav-tabs button{padding:7px 13px}.main-panel{padding:8px;border-radius:16px}.redesign-page,.study-main-column,.materials-table-column,.history-redesign-layout,.analysis-stack{gap:8px}.panel,.hero-card,.quick-log-sheet{padding:8px;border-radius:10px}.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{min-height:42px;border-radius:8px}.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(min-width:1181px)and (max-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{min-height:32px;border-radius:6px;gap:0}.question-tile strong{font-size:12px}.question-tile span{font-size:7px}.study-decision-panel{max-height:calc(100vh - 70px);overflow-y:auto;gap:5px;padding-right:2px;scrollbar-width:thin}.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{max-height:calc(100vh - 72px);overflow-y:auto;gap:5px;padding-right:2px;scrollbar-width:thin}.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(max-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(max-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(max-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(max-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-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.panel-header>div{min-width:0}.nav-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding:4px;gap:4px;border-radius:16px;scroll-snap-type:x proximity}.nav-tabs button{flex:0 0 auto;min-height:36px;padding:8px 10px;scroll-snap-align:start}.main-panel,.detail-panel{padding:12px;border-radius:18px}.main-panel:has(.quick-log-sheet:not(:has(.empty-state))){padding-bottom:128px}.hero-card,.panel,.modal-card,.quick-log-sheet{padding:10px;border-radius:16px}.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{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin-inline:-2px;padding-inline:2px}.switch-chip,.section-tab,.pill-button{flex:0 0 auto;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{padding:6px;border-radius:14px}.range-cycle-card,.range-ops-card{padding:8px;border-radius:14px}.range-cycle-header,.range-ops-row{align-items:stretch;flex-direction:column}.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{min-height:48px;padding:4px 2px;border-radius:10px}.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{min-height:68px;padding:8px;border-radius:14px}.calendar-study-value{font-size:20px}.quick-log-sheet{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));gap:8px;background:#0f161cfa;border-color:#edf2ec33;box-shadow:0 16px 40px #0000007a}.quick-log-sheet .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.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(max-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(max-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))}}
