/* Pinqu: compact paper-like drawings, aligned section slots, one viewport. */
:root{--ink:#2b2622;--paper:#faf7f1;--gold:#b8923e;--cinnabar:#b4442c;--cinnabar-dark:#913522;--sage:#855f3e;--card:#fff;--line:#e6dfd2;--muted:#74685d;--wash:#f3e9de;--radius:10px;--maxw:1440px}
html{height:100%;overflow:hidden}body{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 10px 6px;line-height:1.3}.site-head{flex:none;padding:5px 0;margin-bottom:3px;gap:8px;flex-wrap:nowrap}.site-head .sealmark{width:34px;height:34px;font-size:10px}.site-head .motto,.site-head .sub{display:none}.site-head .titles{min-width:0;flex:1}.site-head h1{font-size:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-actions{flex-shrink:0}body>p{flex:none;margin:0 0 3px!important;font-size:10px!important}main{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}section{margin:0}h2{font-size:18px;border:0;margin:0 0 3px;padding:0;color:var(--ink)}p{margin:0 0 3px}button{min-height:38px;font-size:13px;padding:5px 9px}button:disabled{opacity:.55}button.primary,.langswitch button[aria-pressed=true]{color:#fff}:focus-visible{outline:3px solid var(--cinnabar);outline-offset:2px}
.pq-intro{flex:none;display:flex;flex-direction:column;gap:5px;padding:8px 11px;background:var(--wash);border:1px solid #d5b9a3;border-radius:10px}.pq-eyebrow,.pq-task-compact{display:none}.pq-intro p{font-size:13px;line-height:1.35}.pq-original{display:flex;align-items:center;gap:10px}.pq-original button{font-weight:700;min-width:260px;min-height:40px}.pq-original span{font-size:11px;color:var(--muted)}
.pq-workspace{flex:1;min-height:0;display:flex;flex-direction:column;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:white;gap:4px}.pq-section-head{flex:none;display:flex;gap:8px;align-items:center;justify-content:space-between}.pq-section-head .note{font-size:12px}.pq-section-head button{flex:none}#locked{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pq-reading-heading{font-size:11px;color:var(--muted);margin:0}.pq-board{--columns:8;--time-height:34px;flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-template-rows:auto var(--time-height);align-content:start;gap:5px 6px}.pq-strip,#formStrip{display:contents}.pq-card{grid-row:1;align-self:start;min-width:0;display:flex;flex-direction:column;gap:3px;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px;position:relative;touch-action:pan-y;user-select:none}.pq-card.playing{outline:3px solid var(--cinnabar);background:#f6e5d6}.pq-card.drag{opacity:.22;border-style:dashed}.pq-drag-handle{display:block;position:relative;width:100%;height:60px;min-height:0;padding:0;border:0;touch-action:none;cursor:grab;background:white;overflow:hidden;flex:none}.pq-drag-handle:active{cursor:grabbing}.pq-drag-handle img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pq-grip,.pq-play-mark{position:absolute;bottom:2px;background:#fffdf5e8;border-radius:3px;line-height:17px;font-size:11px;padding:0 3px;color:var(--muted)}.pq-grip{right:2px}.pq-play-mark{left:2px;color:var(--cinnabar)}.pq-describe{display:block;width:100%;height:34px;min-height:0;padding:3px;font-size:12px;background:white;flex:none}.pq-note-preview{height:14px;line-height:14px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:var(--muted);user-select:text;flex:none}.pq-card-tools{display:flex;align-items:center;gap:3px;justify-content:space-between;flex:none;height:30px}.pq-card-tools button{padding:0;flex:1;min-width:0;min-height:0;height:30px}.pq-form-label{min-width:22px;text-align:center;font-size:17px;color:var(--cinnabar);font-weight:700}.pq-form-label sup{font-size:10px}.pq-tag{font-size:10px;text-align:center}.pq-strip[aria-disabled=true] .pq-card{opacity:.6}.pq-strip[aria-disabled=true] .pq-card img{filter:grayscale(.7)}
.pq-time-box{grid-row:2;min-width:0;height:var(--time-height);min-height:0;padding:2px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--cinnabar);background:linear-gradient(to right,#ecd2b8 var(--progress,0%),#fff var(--progress,0%))}.pq-time-box:disabled{opacity:1;cursor:default}.pq-time-label{font-size:18px;font-family:var(--serif)}.pq-time-label sup{font-size:10px}.pq-duration{font-size:10px;color:var(--muted);white-space:nowrap}.pq-time-box.timing-active{outline:2px solid var(--cinnabar);outline-offset:-2px}.pq-time-box.timing-active .pq-duration{color:var(--ink);font-weight:700}.pq-shifting{transition:transform 140ms ease;z-index:1}.pq-drag-ghost{position:fixed;z-index:1000;pointer-events:none;margin:0;padding:3px;border:1px solid #bca388;border-radius:5px;background:white;box-shadow:0 10px 24px #33231555;opacity:.96;min-height:0;transform-origin:50% 50%}.pq-drag-ghost img{width:100%;height:100%;object-fit:contain;display:block}.pq-drag-ghost .pq-play-mark,.pq-drag-ghost .pq-grip{display:none}
.pq-transport{flex:none;display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:4px;background:#fff;border:1px solid #d5b9a3;border-radius:8px}.pq-transport button{min-height:38px}.pq-transport span{font-size:11px;color:var(--muted);flex:1;min-width:100px}#feedback{flex:none;font-size:12px;font-weight:600;margin:0}#feedback:empty{display:none}#feedback[data-result=match]{color:var(--cinnabar)}#workspaceSave{flex:none;min-height:12px;font-size:10px;line-height:12px;margin:0}.pq-secondary{flex:none;display:flex;gap:5px}.pq-secondary button{flex:1;min-width:0;min-height:32px;font-size:11px;padding:3px}
/* Secondary tasks use focused dialogs, leaving the main page stationary. */
dialog{border:1px solid #d5b9a3;border-radius:12px;background:var(--paper);color:var(--ink);width:min(650px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:16px;margin:auto;overflow:auto}dialog::backdrop{background:#2b262260}.pq-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pq-dialog-head button{flex:none}.pq-dialog-body{display:grid;grid-template-columns:150px 1fr;gap:16px}.pq-dialog-card{display:flex;flex-direction:column;gap:8px}.pq-dialog-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:white;border:1px solid var(--line);border-radius:5px}.pq-editor-move{display:flex;gap:4px}.pq-editor-move button{flex:1;padding:3px;font-size:12px}#familyChoices{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}#familyChoices button{min-width:44px}#familyChoices button[aria-pressed=true]{background:var(--cinnabar);color:white;border-color:var(--cinnabar)}#labelPreview{font-size:17px;font-weight:700;color:var(--cinnabar)}.pq-dialog-fields label{display:block;font-size:14px;margin:10px 0 6px}#cardNote{display:block;width:100%;font:inherit;padding:8px;border:1px solid #cdbba9;border-radius:6px;background:white;resize:none;min-height:90px;max-height:22dvh}#noteCount{margin-top:5px}.pq-dialog-fields .note{font-size:12px}.pq-panel-body{font-size:14px}.pq-panel-body p{margin-bottom:10px}.pq-panel-body label{display:block;margin:10px 0}.pq-panel-body input[type=file]{display:block;max-width:100%;margin-top:6px;font-size:13px}.pq-level{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.pq-level button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--cinnabar)}.pq-save{display:flex;gap:8px;margin:10px 0}.pq-save input{flex:1;min-width:0}.pq-history-pages{display:flex;align-items:center;justify-content:space-between;gap:10px}.pq-panel-body .site-foot{margin:12px 0 0;padding-top:8px;font-size:11px}.pq-panel-body .site-foot p{font-size:11px;margin:3px 0}.pq-panel-body .logentry{margin:0 0 10px}.pq-panel-body .logentry .what{overflow-wrap:anywhere}

@media(min-width:651px) and (max-width:949px) and (min-height:701px){.pq-board{--columns:4;grid-template-rows:auto var(--time-height) auto var(--time-height)}.pq-card:nth-child(n+5){grid-row:3}.pq-time-box:nth-child(n+5){grid-row:4}.pq-note-preview{display:none}.pq-card-tools{height:28px}.pq-card-tools button{height:28px}}
@media(max-width:650px){body{padding:0 6px 5px}.site-head{padding:3px 0;gap:5px}.site-head .sealmark{width:28px;height:28px;font-size:9px}.site-head h1{font-size:16px}.head-actions{gap:4px}.head-actions>a{display:none}.langswitch button{padding:3px 8px}.pq-intro{padding:6px 8px;gap:4px}.pq-intro h2{font-size:15px}.pq-intro p{font-size:11px}.pq-original{flex-wrap:wrap;gap:2px}.pq-original button{min-width:0;width:100%;min-height:34px}.pq-original span{font-size:10px}.pq-section-head h2{font-size:14px}.pq-section-head .note{font-size:10px}.pq-section-head button{font-size:10px;padding:2px 4px;min-height:30px}.pq-workspace{padding:5px;gap:3px}.pq-board{--columns:4;--time-height:29px;grid-template-rows:auto var(--time-height) auto var(--time-height);gap:4px}.pq-card:nth-child(n+5){grid-row:3}.pq-time-box:nth-child(n+5){grid-row:4}.pq-card{padding:3px;gap:2px}.pq-describe{height:29px;font-size:10px}.pq-note-preview,.pq-card-tools{display:none}.pq-tag{font-size:9px}.pq-time-box{gap:3px}.pq-time-label{font-size:15px}.pq-duration{font-size:9px}.pq-reading-heading{font-size:10px}.pq-transport{gap:3px;padding:3px}.pq-transport button{flex:1;min-width:0;min-height:33px;font-size:10px;padding:2px}.pq-transport span{flex-basis:100%;font-size:9px;min-width:0;line-height:11px}#workspaceSave{font-size:8px;line-height:11px;min-height:11px}#feedback{font-size:10px}.pq-secondary{gap:3px}.pq-secondary button{font-size:9px;min-height:29px}.pq-dialog-body{grid-template-columns:1fr}.pq-dialog-card{display:grid;grid-template-columns:75px 1fr;gap:4px 7px}.pq-dialog-card img{grid-row:1/4}.pq-dialog-card .note{font-size:11px}.pq-editor-move button{min-height:30px}.pq-dialog-fields label{font-size:12px;margin-top:5px}.pq-dialog-fields .note{font-size:10px}#familyLabel{font-size:12px}#familyChoices{gap:5px;margin:5px 0}#familyChoices button{min-height:34px}#cardNote{min-height:65px}.pq-dialog-head{margin-bottom:7px}.pq-dialog-head h2{font-size:16px}.pq-dialog-body{gap:7px}dialog{padding:11px}.pq-save{flex-wrap:wrap}.pq-panel-body{font-size:12px}.pq-panel-body .note{font-size:11px}}
@media(max-height:700px){.pq-intro{padding:5px 8px;gap:3px}.pq-intro h2{font-size:15px}.pq-original button{min-height:33px}.pq-note-preview{display:none}.pq-card-tools{height:26px}.pq-card-tools button{height:26px}.pq-describe{height:29px}.pq-board{--time-height:29px}.pq-time-label{font-size:15px}.pq-transport button{min-height:32px}.pq-secondary button{min-height:28px}}
@media(max-width:650px) and (max-height:700px){body>p,.pq-task-full{display:none}.pq-task-compact{display:block}.pq-intro h2{font-size:13px}.pq-section-head .note{font-size:9px}.pq-card-tools{display:none}.pq-reading-heading{font-size:9px}.pq-board{--time-height:26px}.pq-describe{height:25px}.pq-transport button{min-height:29px}.pq-original button{min-height:29px}.pq-original span{font-size:9px}.pq-intro p{font-size:10px}.pq-secondary button{min-height:25px}}
@media(max-height:500px){body>p,.pq-task-full,.pq-section-head .note,.pq-card-tools{display:none}.pq-task-compact{display:block}.site-head{padding:2px 0}.site-head .sealmark{width:22px;height:22px}.site-head h1{font-size:14px}.site-head button{min-height:25px}.pq-intro{padding:3px 7px;gap:2px}.pq-intro h2{font-size:12px}.pq-intro p{font-size:10px;line-height:1.2}.pq-original button{min-height:27px;font-size:11px}.pq-original span{font-size:9px}.pq-section-head h2{font-size:12px}.pq-section-head button{min-height:24px;font-size:10px}.pq-workspace{padding:4px;gap:2px}.pq-board{--time-height:24px;column-gap:4px;row-gap:3px}.pq-card{padding:3px;gap:2px}.pq-describe{height:24px;font-size:10px}.pq-time-label{font-size:13px}.pq-duration{font-size:9px}.pq-transport{padding:2px}.pq-transport button{min-height:25px;font-size:10px}.pq-transport span{font-size:9px}.pq-secondary button{min-height:24px;font-size:9px}.pq-reading-heading{font-size:9px}#workspaceSave{display:none}#feedback{font-size:9px}main{gap:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.pq-drag-ghost{rotate:0deg}}
@media(min-width:651px) and (max-height:350px){.pq-intro{display:grid;grid-template-columns:210px 1fr;align-items:center;gap:8px}.pq-intro>div:first-child{grid-column:2;grid-row:1}.pq-original{grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;gap:2px}.pq-original button{min-width:0;min-height:26px}.pq-original span{font-size:8px}.pq-workspace{position:relative}.pq-section-head{position:absolute;top:3px;right:4px}.pq-section-head>div{display:none}.pq-section-head button{min-height:20px;font-size:9px}.pq-reading-heading{height:20px;display:flex;align-items:center}}
.pq-note-preview:empty{display:none}

/* A count of decoded sections for the active request, distinct from playback time. */
.pq-transport .pq-media-status{position:relative;align-self:stretch;display:flex;align-items:center;padding-bottom:5px}
.pq-transport .pq-media-status>span{min-width:0}
.pq-media-status progress{position:absolute;bottom:0;left:0;width:100%;height:3px;accent-color:var(--cinnabar)}
.pq-media-status progress[hidden]{display:none!important}

/* Keep Done above the scrollable annotation fields when the iPad keyboard opens. */
#annotationDialog{position:fixed;inset:auto;top:var(--annotation-top,8px);left:var(--annotation-center,50%);transform:translateX(-50%);margin:0;width:min(650px,var(--annotation-width,calc(100% - 16px)));max-height:var(--annotation-height,calc(100dvh - 16px));overflow:hidden;box-sizing:border-box}
#annotationDialog[open]{display:flex;flex-direction:column}
#annotationDialog>.pq-dialog-head{flex:none}
#annotationDialog>.pq-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain}