/* The same study desk, arranged for fingers, narrow screens and safe areas. */
.study-account-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 19px;margin:0 0 14px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px}
.study-account-bar strong{display:block;font-size:1rem;overflow-wrap:anywhere}.study-account-bar p{font-size:.875rem;margin:4px 0 0;color:var(--muted);max-width:650px}
.study-account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.study-account-actions :is(button,a){font-size:.875rem;min-height:44px}
.study-more,.study-more>div{display:contents}.study-more>summary,.mobile-deck-toggle{display:none}
body.reviewing .study-account-bar,body.reviewing .mobile-deck-toggle{display:none}
@media(max-width:850px){
 .study-account-bar{align-items:flex-start;flex-direction:column;gap:12px}.study-account-actions{width:100%}.study-account-actions a{margin-left:auto}
 header{gap:12px;flex-wrap:wrap;padding:14px 18px}header .brand{min-width:0}header .public-label{margin-left:auto;font-size:.8125rem}header nav{order:3;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0}
 header nav>button,header nav>details>summary{width:100%;min-height:44px;padding:10px 5px;font-size:.875rem;text-align:center;border:1px solid var(--line);border-radius:7px}
 .study-more{display:block;position:relative}.study-more>summary{display:block;cursor:pointer}.study-more>div{display:none}.study-more[open]>div{display:flex;position:absolute;z-index:100;right:0;top:calc(100% + 8px);min-width:210px;max-width:calc(100vw - 36px);flex-direction:column;gap:7px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #10272b30}
 .study-more>div :is(button,a){min-height:44px;width:100%;text-align:left;white-space:normal}
 main{padding:20px 16px 28px;max-width:100%}.workspace-grid{display:block}.main-column{min-width:0}.mobile-deck-toggle{display:block;width:100%;min-height:48px;text-align:left;margin:0 0 16px;background:var(--soft);color:var(--text);border:1px solid var(--line);font-size:1rem}
 .mobile-deck-toggle::after{content:'+';float:right;font-size:1.25rem}.mobile-deck-toggle[aria-expanded=true]::after{content:'−'}
 #sidebar{display:none;max-height:none;width:100%;margin:0 0 20px;padding:18px}#sidebar.mobile-open{display:block}.deck-tree{max-height:50dvh;overflow:auto;overscroll-behavior:contain}.deck-tree summary,.deck-node{min-height:44px;font-size:.9375rem}.deck-tree .children{padding-left:12px}.deck-tree input{flex-shrink:0}
 .page-heading{align-items:flex-start;gap:18px;margin-bottom:18px}.page-heading h1{font-size:2rem;line-height:1.15}.top-actions{flex-wrap:wrap;gap:8px}.top-actions button{min-height:44px;font-size:.875rem}.page-heading p{font-size:1rem}
 .panel{padding:19px;border-radius:11px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metrics>div{padding:15px;min-width:0}.metrics strong{font-size:1.75rem}.metrics span{font-size:.875rem}
 .mode-picker{gap:9px}.mode-picker button{padding:13px 10px;min-width:0}.mode-picker strong{font-size:.9375rem}.mode-picker span{font-size:.875rem}.form-grid{gap:16px}.form-grid label{min-width:0;font-size:.9375rem}
 :is(input,select,textarea){font-size:1rem;max-width:100%}button,.button{touch-action:manipulation}input[type=checkbox]{width:20px;height:20px}.check{min-height:44px}
 .sync-strip{flex-wrap:wrap;gap:8px 14px;padding:10px 2px;margin-bottom:14px;font-size:.875rem}#sync-state{flex:1 1 100%;overflow-wrap:anywhere}.sync-strip button{min-height:40px;padding:6px 0}
 .card-row{min-width:0;overflow-wrap:anywhere}.row-actions{flex-wrap:wrap;gap:8px}.row-actions button{min-height:44px}.pagination button{min-height:44px}
 .rating-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rating-total{min-height:68px}.rating-total span{font-size:.9375rem}
 dialog{width:calc(100% - 20px);max-width:none;max-height:calc(100dvh - 20px);padding:20px 17px;border-radius:13px;overscroll-behavior:contain}dialog h2{font-size:1.45rem;line-height:1.25}dialog .dialog-heading{align-items:flex-start;gap:12px}dialog :is(p,li){font-size:1rem}dialog button{min-height:44px}.form-grid,.timer-duration-fields{min-width:0}
 .timer-dock #timer-set,.timer-dock #timer-break-button{display:none}.timer-dock button{min-height:44px}.timer-dock #timer-dock-time{font-size:1.125rem}
 body.reviewing main{padding:max(7px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));height:100dvh;inset:0}
 body.reviewing .sync-strip{flex:none;gap:8px;padding:2px 0;margin:0 0 5px;font-size:.8125rem}body.reviewing #sync-state{flex:1 1 auto}body.reviewing .sync-strip button{min-height:32px;font-size:.8125rem}body.reviewing #offline-open{display:none}
 body.reviewing .review-top button{min-height:40px;font-size:.875rem;padding:7px 10px}body.reviewing .review-top{gap:5px}body.reviewing .review-top>.review-session-summary{flex:1 1 100%;width:100%}
 body.reviewing .review-toolbar{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px;scrollbar-width:thin}body.reviewing .review-toolbar>div{flex:0 0 auto;flex-wrap:nowrap}body.reviewing .review-toolbar button{min-height:40px;white-space:nowrap;font-size:.875rem}
 body.reviewing .card-area{border-radius:10px;min-height:70px}body.reviewing #review-actions{min-height:98px;padding:6px 0 0}body.reviewing .ratings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}body.reviewing .ratings button{min-width:0;min-height:64px;padding:8px 3px;border-radius:9px}body.reviewing .ratings strong{font-size:1rem}body.reviewing .ratings small{font-size:.8125rem}body.reviewing .ratings kbd{display:none}
 body.reviewing #show-answer{min-height:52px;font-size:1rem}body.reviewing .session-counts{gap:5px}body.reviewing .session-counts>div{padding:3px 6px;gap:5px}body.reviewing .session-counts dt{font-size:.8125rem}
 #personal-content{min-height:210px;max-height:45dvh;overflow:auto;font-size:1rem}.editor-format{flex-wrap:wrap}.history-chart{overflow-x:auto}footer{padding:20px 18px;gap:14px;flex-wrap:wrap;font-size:.875rem}
}
@media(max-width:480px){.page-heading{display:block}.top-actions{margin-top:16px}.form-grid{grid-template-columns:1fr}.study-account-bar{padding:14px}.study-account-actions{display:grid;grid-template-columns:1fr 1fr}.study-account-actions a{margin:0}#study-join-browser{grid-column:1/-1}.journey-summary{gap:10px;padding:15px}.journey-summary-link{display:none}.journey-summary-copy{min-width:0}.journey-summary-copy strong{font-size:1rem}.mode-picker{grid-template-columns:1fr 1fr}.preset-toolbar{flex-wrap:wrap}.preset-toolbar>label{width:100%}body.reviewing .card-scroll-hint{display:none}}
@media(max-height:560px) and (orientation:landscape){body.reviewing .review-breadcrumb,body.reviewing .card-scroll-hint,body.reviewing .sync-strip,body.reviewing #review-mode{display:none}body.reviewing .review-top>.review-session-summary{order:0;flex:1;width:auto}body.reviewing #timer-review-slot{display:none}body.reviewing .ratings button{min-height:48px}body.reviewing #review-actions{min-height:72px}body.reviewing .review-toolbar button{min-height:32px}}

/* A focused review desk. Navigation belongs to the app, outside card HTML. */
.card-parts{flex:none;display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);align-items:center;gap:12px;padding:7px 12px;border-top:1px solid var(--line);background:var(--panel);color:var(--text)}
.card-parts button{min-height:44px;font-size:.9375rem;font-weight:650;padding:8px 12px;touch-action:manipulation}
.card-parts span{font-size:.875rem;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}
.card-parts button:last-child{background:var(--accent);color:var(--ink);border-color:var(--accent)}
body.reviewing .card-area{flex-direction:column;isolation:isolate}
body.reviewing #card-frame{flex:1 1 0%;height:0;min-height:0}
body.reviewing .card-area[data-side=answer]{border-color:var(--accent)}
body.reviewing .review-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;overflow:visible;padding:0;position:relative;z-index:6}
body.reviewing .review-toolbar>.review-quick{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;flex-wrap:wrap}
#review-side{font-size:1rem;margin-right:auto;font-weight:650;color:var(--text)}
body.reviewing .review-toolbar button{min-height:44px;padding:8px 12px}
.review-tools{position:relative;flex:none}.review-tools>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 13px;cursor:pointer;border:1px solid var(--line);border-radius:8px;font-size:.9375rem;list-style:none;background:var(--panel)}
.review-tools>summary::-webkit-details-marker{display:none}.review-tools>summary::after{content:'+';font-size:1.25rem;line-height:1}.review-tools[open]>summary::after{content:'−'}
.review-tools-menu{display:grid;gap:8px;position:absolute;right:0;top:calc(100% + 8px);width:260px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 230px);overflow:auto;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #10202a35}
.review-tools:not([open])>.review-tools-menu{display:none}.review-tools-menu button{justify-content:flex-start;text-align:left;width:100%}.review-tools-menu #review-card-type{font-size:.875rem;color:var(--muted);padding:2px 0 6px;display:block}
.review-top-actions{display:flex!important;align-items:center;gap:8px}.review-top-actions .study-timer-slot{min-width:0}
.image-dialog[open]{display:flex;flex-direction:column;width:min(1200px,calc(100vw - 28px));height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);overflow:hidden;padding:20px}
.image-dialog .dialog-heading{flex:none;gap:12px;margin-bottom:12px}.image-dialog .dialog-heading>div{display:flex;flex-wrap:wrap;gap:8px}.image-dialog .dialog-heading h2{font-size:1.15rem;margin:0}.image-dialog button{min-height:44px}
.image-viewport{flex:1;min-height:0;min-width:0;overflow:auto;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.image-dialog .image-viewport img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.image-full .image-viewport{display:block}.image-full .image-viewport img{max-width:none;max-height:none;margin:0}
.image-dialog #image-caption{flex:none;margin:10px 0 0;font-size:.875rem;line-height:1.4}
@media(max-width:850px){
 body.reviewing main{padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
 body.reviewing .review-view{gap:7px}
 body.reviewing .sync-strip{font-size:.875rem;min-height:20px;margin:0 0 5px}
 body.reviewing .sync-strip #sync-now{display:none}
 body.reviewing .review-top{gap:6px;align-items:center}
 body.reviewing .review-top button{min-height:44px;padding:7px 10px}
 body.reviewing .review-top>.review-top-actions{width:auto;order:0;flex:0 0 auto}
 body.reviewing .review-top>.review-session-summary{order:2;flex:1 1 100%;width:100%}
 body.reviewing .review-session-heading{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}
 body.reviewing #review-mode{font-size:.875rem;letter-spacing:.025em;text-transform:none;margin:0}
 body.reviewing .review-breadcrumb{display:none}
 body.reviewing .session-counts{gap:6px;flex-wrap:wrap}
 body.reviewing .session-counts>div{padding:2px 7px}.session-counts dt{font-size:.875rem}
 body.reviewing .review-toolbar{gap:8px}
 body.reviewing .review-toolbar>.review-quick{gap:6px;flex-wrap:wrap}
 body.reviewing .review-toolbar button{min-height:44px;padding:7px 9px;font-size:.875rem;white-space:normal}
 body.reviewing #review-side{font-size:.9375rem}
 body.reviewing #answer-timer{font-size:.875rem;padding:0}
 body.reviewing .review-tools>summary{font-size:.875rem;padding:8px 10px;min-height:44px}
 body.reviewing .review-tools-menu{max-height:calc(100dvh - 190px)}
 body.reviewing .card-area{min-height:80px;border-radius:12px}
 body.reviewing .card-parts{gap:8px;padding:5px 8px;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr)}
 body.reviewing .card-parts button{font-size:.875rem;min-height:44px;padding:7px 8px}
 body.reviewing #review-actions{min-height:0;flex:none;padding:0}
 body.reviewing #reveal-controls{padding:0}
 body.reviewing #show-answer{min-height:56px;font-size:1.0625rem}
 body.reviewing #show-answer kbd,body.reviewing .review-toolbar kbd{display:none}
 body.reviewing .ratings{gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}
 body.reviewing .ratings button{min-height:68px;padding:9px 3px}
 body.reviewing .ratings b{font-size:1rem;line-height:1.3}
 body.reviewing .ratings small{font-size:.875rem;line-height:1.35;margin-top:5px;overflow-wrap:anywhere}
 body.reviewing .ratings span{display:none}
 body.reviewing #save-status{font-size:.875rem;line-height:1.3;min-height:0;margin:5px 0 0}
 body.reviewing .card-scroll-hint{display:none}
 .image-dialog[open]{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:14px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .image-dialog .dialog-heading{display:block}.image-dialog .dialog-heading>div{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;gap:7px}.image-dialog .dialog-heading button{font-size:.875rem;padding:7px}
}
@media(max-height:500px) and (orientation:landscape){
 body.reviewing .review-top>.review-session-summary,body.reviewing .sync-strip,body.reviewing #timer-review-slot,body.reviewing #save-status{display:none}
 body.reviewing .review-view{gap:4px}body.reviewing .review-top{min-height:44px}
 body.reviewing .review-toolbar button{min-height:44px}body.reviewing .ratings button{min-height:52px;padding:4px}
 body.reviewing .ratings small{margin-top:2px}body.reviewing .review-tools-menu{max-height:calc(100dvh - 110px)}
 body.reviewing .card-parts{padding:2px 8px}
}