/* Readable minimums determine scrolling; no content is clipped to force a fit. */
.entry-shell:has(#entry-main.stats-screen){--header-height:54px}
.entry-shell:has(#entry-main.stats-screen) .entry-header .brand-mark.tuji-brand-mark{width:40px;height:40px}
.entry-shell:has(#entry-main.stats-screen) .entry-header .brand{font-size:15px;gap:9px}
.entry-shell:has(#entry-main.stats-screen) .brand small{margin-top:2px;font-size:8px}
#entry-main.stats-screen{padding-top:5px;padding-bottom:8px;gap:7px;scrollbar-gutter:auto}
#entry-main.stats-screen .memory-header .eyebrow{display:none}
#entry-main.stats-screen .memory-title h1{font-size:21px;line-height:1.25}
#entry-main.stats-screen .memory-subtitle{font-size:10px;margin-top:2px;line-height:1.4}
#entry-main .stats-dashboard{gap:7px;padding:0 2px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 28px;align-content:start;overflow-y:auto}
#entry-main .stats-dashboard>.study-card{padding:10px 12px;border-radius:14px;min-width:0}
#entry-main .stats-dashboard>.study-today{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr) 75px;column-gap:8px;min-height:144px}
#entry-main .study-today-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:16px 34px 7px;align-content:center;column-gap:10px;row-gap:3px;min-width:0}
#entry-main .study-kicker{grid-column:1;grid-row:1;margin:0;font-size:10px;line-height:16px;letter-spacing:.04em}
#entry-main .study-today-number{grid-column:1;grid-row:2;gap:5px;white-space:nowrap}
#entry-main .study-today-number>strong{font-size:32px;line-height:34px}
#entry-main .study-today-number>span{font-size:10px}
#entry-main .study-goal-track{grid-column:1;grid-row:3;margin:0;height:3px;align-self:center}
#entry-main .study-today-actions{grid-column:2;grid-row:1/4;flex-direction:column;justify-content:center;gap:6px;flex-wrap:nowrap}
#entry-main .study-today-actions>a{padding:7px 9px;font-size:11px;gap:7px;border-radius:8px;white-space:nowrap;line-height:1.5}
#entry-main .study-today-actions label{font-size:10px}
#entry-main .study-today-actions select{padding:0;min-height:23px}
#entry-main .study-garden{margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer;color:inherit;min-width:0;align-self:center}
#entry-main .study-garden .study-tree{height:63px;width:75px;margin:-2px auto 0}
#entry-main .study-garden>strong{font-size:10px;line-height:1.3}
#entry-main .study-garden>span{font-size:9px;line-height:1.3;margin-top:2px;letter-spacing:0}
#entry-main .study-summary{margin-top:7px;padding-top:8px;gap:4px 8px;align-content:start}
#entry-main .study-summary>div:not(.study-course-track){gap:3px}
#entry-main .study-summary strong{font-size:18px;line-height:1.1}
#entry-main .study-summary span{font-size:10px;line-height:1.3}
#entry-main .study-course-track{height:2px;margin-top:1px}
#entry-main .stats-dashboard>.study-trends{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:200px}
#entry-main .study-card-heading h2{font-size:12px;line-height:18px}
#entry-main .study-focus-chip{font-size:9px;padding:3px 6px}
.study-chart-icon{width:16px;height:16px;flex:none}
#entry-main .study-chart-tabs{margin:6px 0 4px;padding:2px;gap:2px;flex:none}
#entry-main .study-chart-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 1px;font-size:10px;min-height:28px;line-height:1.4}
#entry-main .study-chart-caption{min-height:22px;font-size:10px;line-height:1.4;margin:0;flex:none}
#entry-main .study-chart-caption strong{font-size:18px}
#entry-main .study-bars{height:92px;min-height:92px;flex:1;gap:9px;padding:8px 2px 0;align-items:stretch}
#entry-main .study-bars-history{gap:4px}
#entry-main .study-bars button{gap:4px;height:100%;min-height:0}
#entry-main .study-bar-track{height:auto;flex:1;min-height:52px;width:100%;max-width:23px;border-radius:4px}
#entry-main .study-bars small{font-size:9px;line-height:16px}
#entry-main .study-line-chart{flex:1;min-height:96px;display:flex;flex-direction:column;justify-content:center}
#entry-main .study-line-chart>svg{height:80px;min-height:65px;max-height:130px;flex:1}
#entry-main .study-line-chart svg text{font-size:12px}
#entry-main .study-line-days{padding-left:22px;margin-top:0;flex:none}
#entry-main .study-line-days button{min-height:22px;padding:2px 0;font-size:10px;line-height:18px}
#entry-main .study-chart-note{margin-top:5px;font-size:9px;line-height:1.45;flex:none}
#entry-main .study-chart-empty{height:auto;min-height:96px;flex:1;gap:4px;padding:4px 0}
#entry-main .study-chart-empty>span{width:19px;height:19px}
#entry-main .study-chart-empty strong{font-size:11px}
#entry-main .study-chart-empty p{font-size:10px}
#entry-main .study-chart-empty a{margin-top:0;font-size:10px;min-height:20px;line-height:20px}
#entry-main .stats-dashboard>.study-calendar{grid-column:1;grid-row:3;min-height:162px}
#entry-main .study-weekdays{margin:6px 0 4px;font-size:10px;line-height:13px;gap:5px}
#entry-main .study-calendar-grid{gap:4px 5px}
#entry-main .study-calendar-grid button{height:23px;min-height:23px;line-height:1;border-radius:6px;font-size:10px;padding:0}
#entry-main .study-calendar-grid button svg{width:15px;height:15px}
#entry-main .study-calendar-grid button[aria-pressed=true]{outline-offset:1px}
#entry-main .study-calendar-detail{padding-top:5px;margin-top:6px;font-size:10px;line-height:1.4;gap:6px}
#entry-main .study-calendar-detail strong{font-size:10px;line-height:1.4}
#entry-main .study-calendar-note{font-size:9px;line-height:1.4;margin:3px 0 0}
#entry-main .stats-dashboard>.study-dashboard-footer{grid-row:4;grid-column:1;display:flex;justify-content:center;align-items:center;gap:16px;min-height:28px}
.study-dashboard-footer button{border:0;padding:3px 0;background:none;color:#77886e;font:inherit;font-size:10px;line-height:22px;cursor:pointer;text-decoration:underline;text-decoration-color:#d6dfcd;text-underline-offset:3px}
#entry-main.stats-one-page .stats-dashboard{overflow:hidden;align-content:stretch;grid-template-rows:170px minmax(218px,1fr) 208px 28px}
#entry-main.stats-wide .stats-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto 28px}
#entry-main.stats-wide .stats-dashboard{max-height:500px}
#entry-main.stats-wide .stats-dashboard>.study-today{grid-column:1;grid-row:1;min-height:180px;grid-template-columns:minmax(0,1fr) 60px}
#entry-main.stats-wide .study-today-copy{display:flex;flex-direction:column;gap:4px;justify-content:center}
#entry-main.stats-wide .study-today-actions{flex-direction:row;justify-content:flex-start;gap:8px}
#entry-main.stats-wide .study-today-actions>a{font-size:10px;padding:5px 6px;gap:4px}
#entry-main.stats-wide .study-garden .study-tree{width:62px;height:64px}
#entry-main.stats-wide .study-summary{grid-template-columns:1.3fr .9fr 1fr;gap:4px}
#entry-main.stats-wide .study-summary strong{font-size:17px}
#entry-main.stats-wide .study-summary span{font-size:9px}
#entry-main.stats-wide .stats-dashboard>.study-calendar{grid-column:2;grid-row:1;min-height:180px}
#entry-main.stats-wide .stats-dashboard>.study-trends{grid-column:1/-1;grid-row:2;min-height:194px}
#entry-main.stats-wide .stats-dashboard>.study-dashboard-footer{grid-column:1/-1;grid-row:3}
#entry-main.stats-wide.stats-one-page .stats-dashboard{grid-template-rows:208px minmax(218px,1fr) 28px}
.stats-dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #dfe6d6;border-radius:20px;color:#3a4b34;background:#fdfdf8;box-shadow:0 20px 70px #24301c30;overflow:hidden}
.stats-dialog::backdrop{background:#2b382a55;backdrop-filter:blur(3px)}
.stats-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px 12px;border-bottom:1px solid #e8ecdf}
.stats-dialog-heading h2{margin:0;font-size:17px;font-weight:550;line-height:1.5}
.stats-dialog-heading button{border:0;background:#eef2e7;border-radius:50%;height:32px;width:32px;flex:none;font-size:23px;color:#6b805f;cursor:pointer}
.stats-dialog-body{padding:16px 20px 20px;overflow:auto;max-height:calc(100dvh - 112px);overscroll-behavior:contain}
.stats-dialog-intro,.stats-example-badge{font-size:12px;line-height:1.8;color:#778a6b;margin:0 0 14px}
.stats-example-badge{padding:9px 12px;background:#f0f4e8;border-radius:9px}
.stats-growth-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.stats-growth-stages>div{text-align:center;border:1px solid #e6ebde;border-radius:12px;background:#f7f9f1;padding:6px 5px 12px;display:flex;flex-direction:column;align-items:center}
.stats-growth-stages .study-tree{width:100%;height:116px;margin:0}
.stats-growth-stages strong{font-size:12px;font-weight:550;line-height:1.6}
.stats-growth-stages span{font-size:10px;color:#91a082;line-height:1.6;margin-top:3px}
.stats-dialog-footnote{font-size:11px;line-height:1.8;color:#9ba58f;margin:15px 0 0}
.stats-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stats-example-grid>section{padding:13px;background:#fffefb;border:1px solid #e5eadd;border-radius:13px;min-width:0}
.stats-example-grid h3{display:flex;align-items:center;gap:7px;font-size:13px;margin:0 0 8px;font-weight:550;color:#5a7e50}
.stats-example-grid p{font-size:11px;line-height:1.7;color:#859279;margin:0 0 9px;min-height:36px}
.stats-example-chart{display:block;width:100%;height:auto;overflow:visible}
.stats-example-chart text{font:10px system-ui,sans-serif;fill:#839477}
.stats-example-grid small{display:block;font-size:10px;line-height:1.7;color:#9aa68e;margin-top:8px}
.stats-definitions-copy{font-size:12px;color:#7c8d71;line-height:1.9}.stats-definitions-copy p{margin:0 0 13px}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){#entry-main.stats-wide.stats-one-page .stats-dashboard{grid-template-rows:170px minmax(228px,1fr) 28px}}
@media(max-width:600px){.entry-shell:has(#entry-main.stats-screen) #entry-nav.bottom-nav{height:58px;margin-bottom:calc(6px + env(safe-area-inset-bottom));padding:4px}.stats-example-grid{grid-template-columns:1fr}.stats-example-grid>section{display:grid;grid-template-columns:minmax(0,1fr) 46%;column-gap:12px}.stats-example-grid h3,.stats-example-grid p,.stats-example-grid small{grid-column:1}.stats-example-grid p{min-height:0;margin:0}.stats-example-grid small{margin:3px 0 0}.stats-example-chart{grid-column:2;grid-row:1/4;align-self:center}.stats-dialog-heading{padding:12px 14px 10px}.stats-dialog-body{padding:12px 14px 16px}.stats-dialog-heading h2{font-size:15px}.stats-growth-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-growth-stages .study-tree{height:82px}}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){.entry-shell:has(#entry-main.stats-screen) .entry-header .brand-mark.tuji-brand-mark{width:44px;height:44px}#entry-main.stats-screen{padding:24px 36px 20px;gap:10px}#entry-main.stats-wide .stats-dashboard{max-height:460px}#entry-main.stats-wide .stats-dashboard{grid-template-rows:170px minmax(208px,1fr) 28px;gap:12px}#entry-main.stats-wide .stats-dashboard>.study-today{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr) 100px;min-height:170px}#entry-main.stats-wide .study-today-copy{display:grid;grid-template-columns:minmax(0,1fr) auto}#entry-main.stats-wide .study-today-actions{flex-direction:column}#entry-main.stats-wide .study-garden .study-tree{width:100px;height:83px}#entry-main.stats-wide .stats-dashboard>.study-calendar{grid-column:1;grid-row:2;min-height:180px}#entry-main.stats-wide .stats-dashboard>.study-trends{grid-column:2;grid-row:1/3;min-height:0}#entry-main.stats-wide .stats-dashboard>.study-dashboard-footer{grid-column:1/-1;grid-row:3}#entry-main .study-line-chart>svg{height:auto;max-height:270px}#entry-main .study-bar-track{max-width:36px}#entry-main .study-bars small{font-size:10px}#entry-main .study-chart-note{font-size:11px;line-height:1.7}#entry-main .study-card-heading h2{font-size:14px}#entry-main .study-chart-tabs button{font-size:12px;padding:7px}#entry-main .study-calendar-grid button{height:28px;min-height:28px}#entry-main .study-calendar-note{font-size:10px}}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){#entry-main.stats-wide .study-garden .study-tree{height:64px;width:90px}}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){#entry-main.stats-wide:not(.stats-one-page) .stats-dashboard{grid-template-rows:auto auto 28px}}