.bd-wrap{width:100%;margin-inline:auto;container-type:inline-size}.bd-wrap:has(>.bd-grid){max-width:1000px}.bd-wrap:has(>.bd-choice),.bd-wrap:has(>.bd-first-then){max-width:760px}.bd-wrap:has(>.bd-schedule){max-width:680px}.bd{--cols:4;--rows:3;--ar:1.15;--gap:clamp(4px, 1.6cqw, 14px);grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);display:grid}.bd.cols-1{--cols:1}.bd.cols-2{--cols:2}.bd.cols-3{--cols:3}.bd.cols-4{--cols:4}.bd.cols-5{--cols:5}.bd.cols-6{--cols:6}.bd.cols-7{--cols:7}.bd.cols-8{--cols:8}.bd.cols-9{--cols:9}.bd.cols-10{--cols:10}.bd.rows-1{--rows:1}.bd.rows-2{--rows:2}.bd.rows-3{--rows:3}.bd.rows-4{--rows:4}.bd.rows-5{--rows:5}.bd.rows-6{--rows:6}.bd.rows-7{--rows:7}.bd.rows-8{--rows:8}.bd.rows-9{--rows:9}.bd.rows-10{--rows:10}.bd-choice{--ar:1.1}.bd-first-then{--ar:1.3}.bd-schedule{--ar:.2}.tl{--tl-fs:clamp(9px, calc(100cqw / var(--cols) * .13), 26px);min-width:0;aspect-ratio:1 / var(--ar);border-radius:clamp(8px, calc(100cqw / var(--cols) * .1), 18px);color:var(--ink);font:700 var(--tl-fs) / 1.15 var(--font-body);text-align:center;border:2px solid #00000012;flex-direction:column;justify-content:center;align-items:center;gap:3%;margin:0;padding:7% 6% 6%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -3px #0000000f}button.tl{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s,box-shadow .1s,opacity .15s}button.tl:hover{box-shadow:inset 0 -3px #0000001a,0 0 0 3px #00636340}button.tl:active,.tl.is-pressed{transform:scale(.95)}.tl-p{flex:1 1 0;width:100%;min-height:0;display:block;position:relative}.tl-p img{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0}.tl-w{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:none;max-width:100%;display:-webkit-box;overflow:hidden}.no-pic .tl-w{-webkit-line-clamp:3;line-clamp:3;font-size:1.35em}.tl-h{font-family:var(--font-head);color:var(--teal-ink);text-transform:uppercase;letter-spacing:.04em;flex:none;font-size:1.15em;font-weight:600}.tl-add{font:500 2.4em/1 var(--font-head);color:var(--ink-soft)}.tl.is-empty{border:2px dashed var(--line-strong);box-shadow:none;background:0 0}button.tl.is-empty:hover{background:var(--cream)}.bd-edit .tl.is-sel{box-shadow:0 0 0 4px var(--teal-dark);border-color:var(--paper)}.bd-edit button.tl[draggable=true]{cursor:grab}.bd .tl.is-chosen{box-shadow:0 0 0 5px var(--teal-dark);z-index:1;transform:scale(1.03)}.bd-choice:has(.is-chosen) .tl:not(.is-chosen){opacity:.5}.tl.is-done .tl-p,.tl.is-done .tl-w{opacity:.4}.tl.is-done .tl-w{text-decoration:line-through 2px}.bd-schedule .tl{aspect-ratio:auto;text-align:left;flex-direction:row;justify-content:flex-start;gap:14px;min-height:76px;padding:6px 14px 6px 8px;font-size:1.25rem}.bd-schedule .tl-p{flex:none;width:64px;height:64px}.bd-schedule .tl-w{flex:auto}.bd-schedule .no-pic .tl-w{padding-left:8px;font-size:1em}.tl-ck{border:3px solid var(--ink-soft);background:#fff;border-radius:10px;flex:none;width:34px;height:34px;margin-left:auto}.tl.is-done .tl-ck{border-color:var(--teal-dark);background:var(--teal-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.2 4.2 8.8-9.4'/%3E%3C/svg%3E") center / 80% no-repeat}@media (width<=560px){.bd-schedule .tl{min-height:64px;font-size:1.1rem}.bd-schedule .tl-p{width:52px;height:52px}}.sheet{aspect-ratio:190/275;color:#000;width:100%;font-family:var(--font-body);background:#fff;flex-direction:column;display:flex;overflow:hidden;container-type:inline-size}.sheet.a4.landscape{aspect-ratio:277/188}.sheet.letter.portrait{aspect-ratio:195.9/257.4}.sheet.letter.landscape{aspect-ratio:259.4/193.9}.sh-title{text-align:center;color:#000;font:600 4.5cqw / 1.15 var(--font-head);letter-spacing:0;overflow-wrap:anywhere;flex:none;margin:0 0 2.2cqw}.sheet.landscape .sh-title{margin-bottom:1.6cqw;font-size:3.2cqw}.sh-board{flex:1 1 0;justify-content:center;align-items:flex-start;min-height:0;display:flex;container-type:size}.sheet .bd-wrap{max-width:none;width:min(100cqw, calc(((100cqh - (var(--rows) - 1) * 1.4cqw) * var(--cols) / (var(--rows) * var(--ar)) + (var(--cols) - 1) * 1.4cqw) * .98))}.sheet .bd-wrap:has(>.cols-1){--cols:1}.sheet .bd-wrap:has(>.cols-2){--cols:2}.sheet .bd-wrap:has(>.cols-3){--cols:3}.sheet .bd-wrap:has(>.cols-4){--cols:4}.sheet .bd-wrap:has(>.cols-5){--cols:5}.sheet .bd-wrap:has(>.cols-6){--cols:6}.sheet .bd-wrap:has(>.cols-7){--cols:7}.sheet .bd-wrap:has(>.cols-8){--cols:8}.sheet .bd-wrap:has(>.cols-9){--cols:9}.sheet .bd-wrap:has(>.cols-10){--cols:10}.sheet .bd-wrap:has(>.rows-1){--rows:1}.sheet .bd-wrap:has(>.rows-2){--rows:2}.sheet .bd-wrap:has(>.rows-3){--rows:3}.sheet .bd-wrap:has(>.rows-4){--rows:4}.sheet .bd-wrap:has(>.rows-5){--rows:5}.sheet .bd-wrap:has(>.rows-6){--rows:6}.sheet .bd-wrap:has(>.rows-7){--rows:7}.sheet .bd-wrap:has(>.rows-8){--rows:8}.sheet .bd-wrap:has(>.rows-9){--rows:9}.sheet .bd-wrap:has(>.rows-10){--rows:10}.sheet .bd-wrap:has(>.bd-grid){--ar:1.15}.sheet .bd-wrap:has(>.bd-choice){--ar:1.1}.sheet .bd-wrap:has(>.bd-first-then){--ar:1.3}.sheet .bd-wrap:has(>.bd-schedule){--ar:.2}.sheet .bd{--gap:1.4cqw}.sheet .tl{box-shadow:none;border-color:#0000002e}.sheet .tl.k-plain{border-color:#9a948c}.sheet .tl.is-empty{border:1.5px dashed #b9b2a8}.sheet .bd-schedule .tl{aspect-ratio:1 / var(--ar);min-height:0;font-size:var(--tl-fs);gap:3cqw;padding:1.2cqw 2.4cqw 1.2cqw 1.2cqw}.sheet .bd-schedule .tl-p{aspect-ratio:1;width:auto;height:100%}.sheet .tl-ck{border-width:.6cqw;border-radius:1.6cqw;width:6.5cqw;height:6.5cqw}.sh-foot{color:#333;flex:none;align-items:center;gap:2cqw;margin-top:2cqw;font-size:1.8cqw;line-height:1.3;display:flex}.sheet.landscape .sh-foot{margin-top:1.4cqw;font-size:1.3cqw}.sh-qr{flex:none;width:13cqw;height:13cqw}.sheet.landscape .sh-qr{width:9cqw;height:9cqw}.sh-qr path{fill:#000}.sh-scan{max-width:30cqw}.sh-made{color:#555;text-align:right;flex-direction:column;align-items:flex-end;gap:.25em;margin-left:auto;display:flex}.sh-credit{font-size:.8em}.sh-credit a{color:inherit;text-decoration:none}@media screen{html.pv-open{overflow:hidden}}@media print{@page{margin:10mm}html,body{background:#fff!important}body:has(.print-area) :not(:has(.print-area),.print-area,.print-area *){display:none!important}body:has(.print-area) :has(.print-area){width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important;overflow:visible!important;transform:none!important}.print-area{width:auto!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.print-area,.print-area *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-area .sheet{aspect-ratio:auto;break-inside:avoid;width:190mm;height:275mm}.print-area .sheet.a4.landscape{width:277mm;height:188mm}.print-area .sheet.letter.portrait{width:195.9mm;height:257.4mm}.print-area .sheet.letter.landscape{width:259.4mm;height:193.9mm}.print-area button.tl:hover{box-shadow:none}}
