.tb{grid-template-columns:minmax(0,1fr);gap:.9rem;display:grid}.tb__top{align-items:stretch;gap:.6rem;display:flex}.tb__strip{border:3px solid var(--ink);border-radius:var(--radius);cursor:pointer;min-width:0;min-height:4.6rem;font:inherit;color:var(--ink);text-align:left;background:#fff;flex:1;align-items:center;padding:.45rem .6rem;display:flex;overflow-x:auto}.tb__ph{color:var(--ink-soft);padding-left:.3rem;font-weight:600}.tb__strip:not(.is-empty) .tb__ph{display:none}.tb__words{flex-wrap:nowrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tb__words li{border:1.5px solid var(--ink);border-radius:var(--radius-sm);background:var(--c);font:700 1rem/1.15 var(--font-body);flex:none;justify-items:center;padding:.2rem .55rem;display:grid}.tb__words li span{font-size:1.7rem;line-height:1.15}.tb__stripbtns{gap:.45rem;display:flex}.tb__act{border:var(--line);border-radius:var(--radius);background:var(--paper);min-width:4.4rem;box-shadow:var(--shadow-sm);font:700 .95rem var(--font-body);color:var(--ink);cursor:pointer;align-content:center;justify-items:center;gap:.1rem;padding:.35rem .5rem;display:grid}.tb__act span:first-child{font-size:1.6rem;line-height:1.1}.tb__say{background:var(--wheat)}.tb__act:active{box-shadow:none;transform:translate(2px,2px)}.tb__nav{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tb__tabs{flex-wrap:wrap;flex:20rem;gap:.4rem;display:flex}.tb .tb__tab{padding:.55rem 1rem}.tb__pager{align-items:center;gap:.4rem;font-weight:700;display:flex}.tb__pager[hidden],.tb__editbar[hidden],.tb__set[hidden],.tb__fs[hidden]{display:none}.tb__pg,.tb__fs{border:var(--line);background:var(--paper);font:700 1rem var(--font-body);color:var(--ink);cursor:pointer;border-radius:999px;padding:.5rem .9rem}.tb__fs{align-items:center;gap:.4rem;margin-left:auto;display:inline-flex}.tb__editbar{border:2px dashed var(--ink);border-radius:var(--radius-sm);background:var(--wheat-soft);gap:.4rem;padding:.6rem .8rem;display:grid}.tb__editbar p{color:var(--ink);margin:0}.tb__grid{--cols:6;--rows:5;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:clamp(.3rem,1vw,.6rem);display:grid;container-type:inline-size}.tb__btn,.tb__empty{aspect-ratio:6/5;border-radius:var(--radius-sm);min-width:0}.tb__btn{background:var(--c,#fff);border:2px solid var(--ink);box-shadow:var(--shadow-sm);color:var(--ink);cursor:pointer;font-family:var(--font-body);touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.15em;padding:.2rem;transition:transform 80ms;display:flex;overflow:hidden}.tb__empty{border:2px dashed #d8d2c4}.tb__e{font-size:clamp(1.2rem, calc(42cqi / var(--cols)), 4.2rem);line-height:1.1}.tb__w{font-weight:800;font-size:clamp(.68rem, calc(15cqi / var(--cols)), 1.5rem);text-align:center;overflow-wrap:anywhere;max-width:100%;line-height:1.05}.tb--big .tb__w{font-size:clamp(.85rem, calc(21cqi / var(--cols)), 2.1rem)}.tb--big .tb__e{font-size:clamp(1rem, calc(34cqi / var(--cols)), 3.4rem)}.tb--nowords .tb__w{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tb--nowords .tb__e{font-size:clamp(1.6rem, calc(55cqi / var(--cols)), 5.5rem)}.tb__btn:hover{filter:brightness(.97)}.tb__btn:active{box-shadow:none;transform:scale(.95)}.tb__btn:focus-visible,.tb__act:focus-visible,.tb__strip:focus-visible,.tb__pg:focus-visible,.tb__fs:focus-visible{outline:4px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 7px var(--wheat);z-index:1;position:relative}.tb__btn.is-said{animation:.35s tb-flash}@keyframes tb-flash{0%{box-shadow:0 0 0 6px var(--wheat)}to{box-shadow:var(--shadow-sm)}}.tb--edit .tb__btn:not(.tb__add){outline:2px dashed var(--clay);outline-offset:-6px}.tb__add{background:#fff;border-style:dashed}.tb__key{color:var(--ink-soft);flex-wrap:wrap;gap:.3rem 1rem;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.tb__key li{align-items:center;gap:.35rem;display:flex}.tb__key span{border:1.5px solid var(--ink);border-radius:4px;width:1rem;height:1rem}.tb__tools{border-top:1px solid #e3ddd0;gap:.8rem;padding-top:.9rem;display:grid}.tb__set{gap:.8rem;display:grid}.tb__set label{margin:0}.tb__set select{width:auto;max-width:100%}.tb__ratel input{width:10rem;accent-color:var(--prairie);margin-top:.55rem;display:block}.tb__ratev{color:var(--ink-soft);margin-left:.3rem;font-weight:400}.tb__vnote:empty{display:none}.tb__vnote{margin:0}.tb__importl{position:relative}.tb__importl:focus-within{outline:3px solid var(--ink);outline-offset:3px}.tb__dlg{border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--paper);width:min(34rem,100vw - 2rem);color:var(--ink);padding:1.3rem}.tb__dlg::backdrop{background:#1d282673}.tb__dh{margin:0 0 .8rem;font-size:1.3rem}.tb__dgrid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.tb__dgrid label{margin:0}.tb__dgrid input[name=e]{padding:.35rem .7rem;font-size:1.6rem}.tb__dbtns .btn{padding:.65rem 1rem}.tb__dbtns [hidden]{display:none}.tool-stage:fullscreen{justify-content:flex-start;padding:1rem}.tool-stage:fullscreen .tb{flex-direction:column;flex:1;min-height:0;display:flex}.tool-stage:fullscreen .tb__tools,.tool-stage:fullscreen .tb__key{display:none}.tool-stage:fullscreen .tb__grid{grid-template-rows:repeat(var(--rows), minmax(0, 1fr));flex:1;min-height:0;container-type:size}.tool-stage:fullscreen :is(.tb__btn,.tb__empty){aspect-ratio:auto}.tool-stage:fullscreen .tb__e{font-size:clamp(1.2rem, min(42cqi / var(--cols), 50cqb / var(--rows)), 6rem)}.tool-stage:fullscreen .tb__w{font-size:clamp(.7rem, min(15cqi / var(--cols), 17cqb / var(--rows)), 2rem)}.tool-stage:fullscreen .tb--big .tb__w{font-size:clamp(.9rem, min(21cqi / var(--cols), 24cqb / var(--rows)), 2.6rem)}.tool-stage:fullscreen .tb--nowords .tb__e{font-size:clamp(1.6rem, min(55cqi / var(--cols), 66cqb / var(--rows)), 8rem)}@media (prefers-reduced-motion:reduce){.tb__btn,.tb__act{transition:none}.tb__btn:active,.tb__act:active{transform:none}.tb__btn.is-said{animation:none}}@media (width<=640px){.tb__top{flex-direction:column}.tb__stripbtns .tb__act{flex:1}.tb__strip{min-height:4rem}.tb__tabs{flex-wrap:nowrap;flex-basis:100%;padding-bottom:.2rem;overflow-x:auto}.tb__tabs .chip{flex:none;padding:.45rem .8rem;font-size:.9rem}.tb__fs .tb__fst{display:none}.tb__dgrid{grid-template-columns:1fr}.tb__btn,.tb__empty{aspect-ratio:4/5}.tb__btn{border-width:1.5px;padding:.15rem}.tb__e{font-size:clamp(1.1rem, calc(36cqi / var(--cols)), 3rem)}.tb__w{font-size:clamp(.62rem, calc(14cqi / var(--cols)), 1.2rem)}}