@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/roboto-latin-500-normal.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/roboto-latin-700-normal.woff2) format("woff2")}@font-face{font-family:"Patrick Hand";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/patrick-hand-latin-400-normal.woff2) format("woff2")}:root{--font:Roboto,"Segoe UI",Helvetica,Arial,sans-serif;--bg:#ffffff;--ink:#1e140d;--muted:#5a4a3d;--line:#efe7dd;--line-strong:#ddd0c1;--card:#fcf9f5;--header-bg:#fffefb;--tint:#fdf8f1;--accent:#662800;--accent-ink:#fff;--brand:#5a2300;--grid-ink:#1e140d;--grid-line:#cdbfae;--tile-start:#f8f1e6;--radius:10px;--board:min(calc(100vw - 32px - 16px),520px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.45}a{color:var(--accent)}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bar{background:var(--header-bg);border-bottom:1px solid var(--line)}.bar .wrap{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px}.bar .brand{color:var(--brand);display:flex;align-items:center;text-decoration:none}.bar .brand svg{height:36px;width:auto}.bar .links a{color:var(--ink);text-decoration:none;padding:10px 8px;font-size:.92rem;display:inline-flex;min-height:44px;align-items:center}.bar.slim .wrap{min-height:48px}.bar .back{display:inline-flex;align-items:center;gap:4px;color:var(--ink);text-decoration:none;min-height:44px;font-size:.95rem;min-width:0}.bar .back b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .back svg{flex:none}.bar .mark{color:var(--brand);display:flex;flex:none}.bar .mark svg{height:26px;width:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:48px;padding:.6em 1.1em;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.2;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{filter:brightness(1.12)}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line-strong)}.btn.block{display:flex;width:100%}.btn:focus-visible,.seg label:focus-within,input:focus-visible{outline:3px solid #e2a54a;outline-offset:2px}.bookhead{display:flex;gap:14px;align-items:center;padding:16px 0 6px}.bookhead img{width:64px;height:auto;border-radius:3px;box-shadow:0 2px 8px rgba(40,20,5,.18);flex:none}.bookhead .t{font-weight:700;font-size:1.05rem;line-height:1.25}.bookhead .s{color:var(--muted);font-size:.95rem}.qr h1{font-size:1.45rem;margin:14px 0 4px;line-height:1.2}.qr .hint{color:var(--muted);margin:0 0 14px}.qr fieldset{border:0;margin:0 0 14px;padding:0}.qr legend{font-weight:600;margin-bottom:8px;padding:0}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.seg label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;border:1.5px solid var(--line-strong);border-radius:var(--radius);background:#fff;cursor:pointer;text-align:center;padding:6px 4px}.seg input{position:absolute;opacity:0;pointer-events:none}.seg label b{font-weight:600;font-size:.98rem}.seg label small{color:var(--muted);font-size:.8rem}.seg label:has(input:checked){border-color:var(--accent);background:var(--tint);box-shadow:inset 0 0 0 1.5px var(--accent)}.numrow{display:flex;gap:10px;align-items:stretch}.numrow input{flex:1;min-width:0;font:inherit;font-size:1.6rem;font-weight:700;text-align:center;border:1.5px solid var(--line-strong);border-radius:var(--radius);padding:6px 10px;min-height:56px;color:var(--ink);background:#fff}.numrow .btn{min-height:56px;font-size:1.05rem;padding:0 22px}.qr .range{color:var(--muted);font-size:.85rem;margin:6px 0 0}.how{margin:22px 0 0;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);font-size:.93rem;color:var(--muted)}.how ol{margin:6px 0 0;padding-left:1.2em}.morelinks{display:flex;flex-direction:column;gap:10px;margin:18px 0 28px}.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;padding:14px 0 24px}.pz{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0}.pz .name{font-weight:700;font-size:1.05rem;white-space:nowrap}.pz .name span{color:var(--muted);font-weight:500}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:40px;height:40px;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);font:inherit;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.stepper input{width:64px;height:40px;text-align:center;font:inherit;font-weight:700;font-size:1.05rem;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink)}.stepper input::-webkit-inner-spin-button{display:none}#apply_puzzle_id_btn{display:none}.viewer{display:grid;grid-template-columns:1fr;gap:10px;padding-bottom:96px}.layout-a .viewer{grid-template-areas:"board" "expl"}.layout-b .viewer{grid-template-areas:"expl" "board"}.boardbox{grid-area:board;justify-self:center}.explbox{grid-area:expl}.coords{display:grid;grid-template-columns:16px var(--board);grid-template-rows:16px var(--board)}.coords .cols{grid-column:2;display:grid;grid-template-columns:repeat(9,1fr)}.coords .rows{grid-row:2;display:grid;grid-template-rows:repeat(9,1fr)}.coords .cols span,.coords .rows span{display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#9a8878;font-weight:500}#sudoku-board{grid-column:2;grid-row:2;width:var(--board);height:var(--board);display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2px solid var(--grid-ink);background:#fff;container-type:size;user-select:none}#sudoku-board .tile{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;align-content:stretch;font-size:6.2cqw;font-weight:400;color:#2d4f86;line-height:1;min-width:0;min-height:0;overflow:hidden;position:relative}#sudoku-board .tile:nth-child(9n){border-right:0}#sudoku-board .tile:nth-child(n+73){border-bottom:0}#sudoku-board .tile.vertical-line{border-right:2px solid var(--grid-ink)}#sudoku-board .tile.horizontal-line{border-bottom:2px solid var(--grid-ink)}#sudoku-board .tile.tile-start{background:var(--tile-start);color:var(--ink);font-weight:700}#sudoku-board .subtile{width:33.333%;height:33.333%;display:flex;align-items:center;justify-content:center;font-size:2.55cqw;color:#6c5a4a;position:relative;font-weight:400}#sudoku-board .selected-tile{background:#f0b93a !important;color:var(--ink)}.text-striked{color:#c62828 !important}.text-striked::after{content:"";position:absolute;left:12%;top:50%;width:76%;height:1.5px;background:#c62828;transform:rotate(-45deg)}.text-striked-old{color:#2e7d32 !important}.text-striked-old::after{content:"";position:absolute;left:12%;top:50%;width:76%;height:1px;background:#2e7d32;transform:rotate(-45deg)}.text-subtile-highlight{color:#6a1b9a !important;font-weight:700 !important}.highlight-level-1{background-color:#7ab3ef}.highlight-level-2{background-color:#bedaf7}.highlight-level-3{background-color:#b8f05a}.highlight-level-4{background-color:#2e7d32;color:#fff}.highlight-1{background-color:#D5EBDA}.highlight-2{background-color:#cfc39c}.highlight-3{background-color:#F4DACD}.highlight-4{background-color:#72efdd}.highlight-5{background-color:#00564d;color:#fff}.highlight-6{background-color:#5e3e15;color:#fff}.highlight-7{background-color:#1a237e;color:#fff}.highlight-8{background-color:#8b1a1a;color:#fff}.explbox{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.layout-b .explbox{min-height:150px;max-height:34vh;overflow:auto}.progress{display:flex;align-items:center;gap:10px;font-size:.82rem;color:var(--muted);margin-bottom:6px}.progress .track{flex:1;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.progress .fill{height:100%;background:var(--accent);width:0;transition:width .15s}#step_description{text-align:left;font-size:1rem;line-height:1.5}#step_description h4{margin:0 0 4px;font-size:1.02rem;font-weight:700;color:var(--brand)}#step_description span[class^="highlight"]{padding:0 3px;border-radius:3px}#step_description .intro{color:var(--muted)}#step_description .done{font-weight:600}#step_description .btn{margin-top:10px}#step_description .after{display:flex;flex-wrap:wrap;gap:0 10px;margin:0}.controls{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));z-index:10}#commands{display:grid;grid-template-columns:52px 1fr 2fr 52px;gap:8px;max-width:520px;margin:0 auto}#commands > div{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;border-radius:var(--radius);border:1px solid var(--line-strong);background:#fff;color:var(--ink);font-weight:600;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}#commands > #next{background:var(--accent);border-color:var(--accent);color:#fff;font-size:1.08rem}#commands > div:active{transform:translateY(1px)}#commands > div[aria-disabled=true]{opacity:.4;pointer-events:none}#commands svg{width:20px;height:20px}@media (min-width:900px){:root{--board:min(calc(100vh - 190px),540px)}.viewer,.layout-a .viewer,.layout-b .viewer{grid-template-columns:auto minmax(320px,1fr);grid-template-areas:"board side";gap:32px;align-items:start;padding:8px 0 40px}.explbox{grid-area:auto}.side{grid-area:side;display:flex;flex-direction:column;gap:14px}.layout-b .explbox{max-height:none}.explbox{min-height:260px}.controls{position:static;background:none;border:0;padding:0}#commands{max-width:none}.bar .brand svg{height:40px}}@media (max-width:899px){.side{display:contents}}@media (min-width:700px){.bookpage main.qr{max-width:640px}.bookpage .bar .wrap,.bookpage .foot .wrap{max-width:640px}}.bar .back{gap:8px}.bar .back .cover{width:30px;height:40px;object-fit:cover;border-radius:2px;box-shadow:0 1px 4px rgba(40,20,5,.25);flex:none}.bar .back .bt{display:flex;flex-direction:column;min-width:0;line-height:1.2}.bar .back .bt b{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .back .bt small{color:var(--muted);font-size:.8rem}.bar.slim .wrap{min-height:56px}.pz{padding:10px 0 2px}.chap{flex:1;min-width:0}.chap select{width:100%;max-width:180px;height:40px;font:inherit;font-weight:700;font-size:1rem;color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;background:#fff;padding:0 26px 0 10px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a4a3d' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:16px;text-overflow:ellipsis}.stepper{gap:4px;flex:none}.stepper button{width:36px}.stepper input{width:58px}.stepper input.bad{border-color:#c62828;color:#c62828}#pz-go{width:auto;padding:0 12px;font-weight:700;color:var(--muted)}#pz-go.ready{background:var(--accent);border-color:var(--accent);color:#fff}.pz-hint{margin:2px 0 8px;font-size:.78rem;color:var(--muted)}.bar .back .cover{width:36px;height:48px}.bar.slim .wrap{min-height:62px}.explbox{display:flex;flex-direction:column;position:relative;overflow:hidden}.explbox .progress{flex:none}.explscroll{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.explbox.more::after{content:"more ↓";position:absolute;left:0;right:0;bottom:0;height:40px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;font-size:.75rem;font-weight:600;color:var(--accent);background:linear-gradient(rgba(252,249,245,0),var(--card) 70%);pointer-events:none}.layout-a .viewer{padding-bottom:84px}@media (max-width:899px){.layout-a .explbox{min-height:120px}}@media (min-width:900px){.side{height:calc(var(--board) + 16px)}.explbox{flex:1;min-height:0}.controls{flex:none}}@media (max-width:899px){.layout-a .viewer{padding-bottom:0}}body[class*="pal-"] #sudoku-board .selected-tile{background:var(--hl-target)!important;color:var(--hl-target-ink)!important}body[class*="pal-"] #step_description .selected-tile{background:var(--hl-target);color:var(--hl-target-ink);padding:0 3px;border-radius:3px}body[class*="pal-"] #sudoku-board .tile{color:var(--hl-solved)}body[class*="pal-"] #sudoku-board .tile.tile-start{color:var(--ink)}body[class*="pal-"] .text-striked{color:var(--hl-strike)!important}body[class*="pal-"] .text-striked::after{background:var(--hl-strike)}body[class*="pal-"] .text-striked-old{color:var(--hl-strike-old)!important}body[class*="pal-"] .text-striked-old::after{background:var(--hl-strike-old)}body[class*="pal-"] .text-subtile-highlight{color:var(--hl-pencil)!important}body[class*="pal-"] #sudoku-board .tile.highlight-1,body[class*="pal-"] #step_description .highlight-1{background:var(--n1);color:var(--n1-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-1 .subtile{color:var(--n1-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-2,body[class*="pal-"] #step_description .highlight-2{background:var(--n2);color:var(--n2-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-2 .subtile{color:var(--n2-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-3,body[class*="pal-"] #step_description .highlight-3{background:var(--n3);color:var(--n3-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-3 .subtile{color:var(--n3-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-4,body[class*="pal-"] #step_description .highlight-4{background:var(--n4);color:var(--n4-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-4 .subtile{color:var(--n4-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-5,body[class*="pal-"] #step_description .highlight-5{background:var(--n5);color:var(--n5-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-5 .subtile{color:var(--n5-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-6,body[class*="pal-"] #step_description .highlight-6{background:var(--n6);color:var(--n6-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-6 .subtile{color:var(--n6-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-7,body[class*="pal-"] #step_description .highlight-7{background:var(--n7);color:var(--n7-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-7 .subtile{color:var(--n7-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-8,body[class*="pal-"] #step_description .highlight-8{background:var(--n8);color:var(--n8-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-8 .subtile{color:var(--n8-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-level-1,body[class*="pal-"] #step_description .highlight-level-1{background:var(--l1);color:var(--l1-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-level-1 .subtile{color:var(--l1-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-level-2,body[class*="pal-"] #step_description .highlight-level-2{background:var(--l2);color:var(--l2-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-level-2 .subtile{color:var(--l2-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-level-3,body[class*="pal-"] #step_description .highlight-level-3{background:var(--l3);color:var(--l3-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-level-3 .subtile{color:var(--l3-ink,#6c5a4a)}body[class*="pal-"] #sudoku-board .tile.highlight-level-4,body[class*="pal-"] #step_description .highlight-level-4{background:var(--l4);color:var(--l4-ink,inherit)}body[class*="pal-"] #sudoku-board .tile.highlight-level-4 .subtile{color:var(--l4-ink,#6c5a4a)}body.pal-7{--hl-target:#f0b93a;--hl-target-ink:#1e140d;--hl-solved:#0a5c96;--hl-strike:#c74400;--hl-strike-old:#00805e;--hl-pencil:#a3367a;--n1:#a9d6f3;--n2:#97d9c3;--n3:#f4ec8c;--n4:#e8bcd7;--n5:#0072b2;--n5-ink:#fff;--n6:#00735a;--n6-ink:#fff;--n7:#555;--n7-ink:#fff;--n8:#bbb;--l1:#56b4e9;--l2:#c4e4f7;--l3:#9fdcc8;--l4:#bfe6a1}.foot .wrap{display:flex;flex-wrap:wrap;gap:4px 18px}.foot a{color:var(--muted);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}.foot a:hover{color:var(--accent);text-decoration:underline}.bookpage .bookhead img{width:64px;height:auto}.continue a{display:grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center;margin:12px 0 4px;padding:12px 14px;border:1.5px solid var(--accent);border-radius:var(--radius);background:var(--tint);color:var(--ink);text-decoration:none}.continue .ct{grid-column:1/-1;font-size:.8rem;color:var(--muted)}.continue b{font-size:1.05rem;color:var(--brand)}.continue .cw{font-size:.85rem;color:var(--muted);justify-self:end}.continue small{grid-column:1/-1;color:var(--muted);font-size:.82rem}.continue a::after{content:"›";grid-column:2;grid-row:2;justify-self:end;display:none}.seggroup{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:10px}.seglabel{font-size:.82rem;color:var(--muted);font-weight:500}.picker{padding-bottom:12px}.intro{padding:18px 0 4px}.intro h1{font-size:1.4rem;margin:0 0 6px;line-height:1.2}.intro p{color:var(--muted);margin:0 0 6px}.intro .introlink{margin:2px 0 0;font-size:.95rem}.intro .introlink a{font-weight:500}.picker h2.pick{font-size:1.25rem;margin:26px 0 0;line-height:1.2}.picker h3{font-size:1rem;margin:18px 0 8px;color:var(--brand)}.picker .row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}.bk{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;text-decoration:none;color:var(--ink);text-align:center;padding:8px 4px 10px;border-radius:var(--radius);border:1px solid transparent}.bk:hover,.bk:focus-visible{border-color:var(--line-strong);background:var(--card)}.bk .cv{width:calc(100% * var(--s,1));max-width:calc(110px * var(--s,1));height:auto;border-radius:3px;box-shadow:0 2px 8px rgba(40,20,5,.18)}.bk-l{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:3.3em}.bk-t{font-weight:600;font-size:.9rem;line-height:1.2}.bk-s{font-size:.74rem;line-height:1.2;color:var(--muted)}.samplecard{display:flex;gap:14px;align-items:center;margin:16px 0 6px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);text-decoration:none}.samplecard .cv{width:96px;height:auto;flex:none}.samplecard span{display:flex;flex-direction:column}.samplecard b{font-weight:600}.samplecard small{color:var(--muted);font-size:.85rem}.howlink{margin:18px 0 8px;font-size:.95rem}@media (min-width:700px){.picker{max-width:720px}.picker .row{grid-template-columns:repeat(3,150px);justify-content:start}}.cv.wide{box-shadow:none !important;border-radius:0 !important}.bookpage .bookhead img.wide{width:110px}.bar .back .cv.wide{width:auto;height:40px;object-fit:contain}.notfound .btn{margin-top:6px}.chap select{max-width:200px}.bar .back .cv{width:36px;height:48px;object-fit:cover;border-radius:2px;box-shadow:0 1px 4px rgba(40,20,5,.25);flex:none}@media (max-width:899px){:root{--board:max(220px,min(calc(100vw - 48px),520px,calc(100vh - 395px)))}@supports (height:100svh){:root{--board:max(220px,min(calc(100vw - 48px),520px,calc(100svh - 395px)))}}.viewerpage .boardbox{justify-self:center}}@media (max-width:899px) and (max-height:720px){.pz-hint{display:none}.pz{padding-bottom:8px}:root{--board:max(220px,min(calc(100vw - 48px),520px,calc(100vh - 372px)))}@supports (height:100svh){:root{--board:max(220px,min(calc(100vw - 48px),520px,calc(100svh - 372px)))}}}@media (min-width:700px){.pickerpage .bar .wrap,.pickerpage .foot .wrap{max-width:720px}}.sumrow{background:var(--header-bg);border-bottom:1px solid var(--line);position:relative}.sumrow .wrap{display:flex;align-items:center;gap:4px;min-height:50px}.sumrow .sback{display:flex;align-items:center;gap:1px;height:44px;padding-right:6px;margin-left:-10px;color:var(--ink);flex:none}.sumrow .sback svg{width:18px;height:18px;flex:none}.sumrow .sback .cv{width:30px;height:auto;border-radius:2px;box-shadow:0 1px 4px rgba(40,20,5,.25)}.sumrow .sback .cv.wide{width:auto;height:34px;box-shadow:none}.sumrow .st{display:flex;flex-direction:column;min-width:0;line-height:1.2;text-align:left}.sumrow .st b{display:flex;gap:.28em;font-size:1.02rem;font-weight:700;color:var(--ink);white-space:nowrap;min-width:0}.sumrow .st .cn{overflow:hidden;text-overflow:ellipsis;min-width:0}.sumrow .st .nn{flex:none}.sumrow .st small{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sumrow .sumbtn{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;height:44px;padding:0 8px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font:inherit;color:var(--ink);cursor:pointer}.sumrow .sumbtn[aria-expanded=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.sumrow .chg{display:flex;align-items:center;color:var(--accent);flex:none}.sumrow .smove{flex:none;font-size:.82rem;font-weight:600;color:var(--muted);padding-left:6px;white-space:nowrap}.sumrow .smove small,.sumrow .smove b{font:inherit}.sumrow .smove b:not(:empty)::before{content:" "}@media (max-width:899px){.sumrow .smove{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;padding-left:4px}.sumrow .smove small{font-size:.74rem;font-weight:500}.sumrow .smove b{font-size:.92rem;font-weight:700;color:var(--ink)}.sumrow .smove b::before{content:none !important}}.sprog{height:3px;background:var(--line)}.sprog .fill{height:100%;background:var(--accent);width:0;transition:width .15s}.sprog{transition:transform .12s}.sdrag{position:absolute;left:0;right:0;bottom:-26px;height:29px;z-index:20;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.sumrow.drag .sprog{transform:scaleY(2.7)}.sumrow.drag .sprog .fill{transition:none}.sbub{position:absolute;bottom:12px;left:0;z-index:21;transform:translateX(-50%);padding:5px 10px;border-radius:8px;background:var(--accent);color:#fff;font-size:.86rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;box-shadow:0 4px 12px rgba(40,20,5,.25)}.sumrow.drag .sbub{opacity:1}@media (hover:hover){.sumrow:has(.sdrag:hover) .sprog{transform:scaleY(2)}}@media (min-width:900px){.sdrag{bottom:-9px;height:13px}}#app{position:relative}.chooser{position:absolute;left:0;right:0;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line-strong);box-shadow:0 10px 24px rgba(40,20,5,.18);padding:4px 16px 10px}.chooser .pz-hint{display:block !important}.scrim{position:fixed;inset:0;z-index:25;background:rgba(30,20,13,.25)}.viewerpage .viewer{padding-top:8px}.viewerpage .explbox{padding:10px 12px}@media (max-width:899px){.viewerpage .controls{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.viewerpage #commands{grid-template-columns:48px 1fr 2fr 48px;gap:6px}.viewerpage #commands > div{min-height:44px}}@media (min-width:900px){.sumrow .sumbtn{flex:0 1 420px}.sumrow .smove{margin-left:auto}}.sumrow .fsbtn{flex:none;width:36px;height:40px;margin-right:-6px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink);cursor:pointer;border-radius:8px}.sumrow .fsbtn .fs-off,.sumrow .fsbtn.on .fs-on{display:none}.sumrow .fsbtn.on .fs-off{display:block}.tip{position:relative;margin:12px 0 0;padding:10px 36px 10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--tint);font-size:.88rem;color:var(--muted)}.tip .tipx{position:absolute;top:2px;right:2px;width:36px;height:36px;border:0;background:none;font-size:1.3rem;color:var(--muted);cursor:pointer}@media (max-width:899px){:root:fullscreen .viewerpage .controls{padding-left:3px;padding-right:3px}:root:fullscreen .viewerpage #commands{max-width:none}}:root:fullscreen .viewerpage #commands > div:not(#next){background:#eadfcf;border-color:#c9b49c}:root:fullscreen .viewerpage #commands > div[aria-disabled=true]{opacity:.6}
